nwl-components 1.8.0 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +132 -0
- package/base.css +63 -0
- package/dist/base.css +63 -0
- package/dist/nwl-components.es.js +683 -676
- package/dist/nwl-components.umd.js +6 -6
- package/dist/sort/style.css +14 -5
- package/dist/style.css +2 -1
- package/dist/tokens.css +9 -3
- package/dist/widgets.css +172 -0
- package/package.json +20 -2
- package/sort/style.css +14 -5
- package/tokens.css +9 -3
- package/widgets.css +172 -0
package/dist/sort/style.css
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@layer nwl.base, nwl.widgets, nwl.components;
|
|
1
2
|
/* nwl-components design tokens: `import 'nwl-components/tokens.css'`.
|
|
2
3
|
Two tiers. Tier 1 is the raw palette: the only place where hex values appear. Tier 2 is the
|
|
3
4
|
semantic tokens: what components and app CSS use. The values are those the NAAT apps have
|
|
@@ -66,6 +67,8 @@
|
|
|
66
67
|
--nwl-text-3: var(--nwl-white-40);
|
|
67
68
|
--nwl-text-placeholder: var(--nwl-grey-cc);
|
|
68
69
|
--nwl-text-inverse: var(--nwl-black);
|
|
70
|
+
/* the text of push buttons (nwl-components/widgets.css), a little dimmer than --nwl-text */
|
|
71
|
+
--nwl-text-button: var(--nwl-grey-dd);
|
|
69
72
|
|
|
70
73
|
/* accent (selection, focus): the colour, hover or pressed, a tinted background, as text */
|
|
71
74
|
--nwl-accent: var(--nwl-cyan);
|
|
@@ -73,9 +76,13 @@
|
|
|
73
76
|
--nwl-accent-subtle: var(--nwl-cyan-15);
|
|
74
77
|
--nwl-accent-fg: var(--nwl-cyan);
|
|
75
78
|
|
|
76
|
-
/*
|
|
77
|
-
--nwl-
|
|
78
|
-
|
|
79
|
+
/* keyboard focus outline (base.css, :focus-visible); white for now, may become the accent */
|
|
80
|
+
--nwl-focus: var(--nwl-text);
|
|
81
|
+
|
|
82
|
+
/* links and status colours. Links are the text colour (decision U8): they must stay
|
|
83
|
+
distinguishable without colour, by an underline (the browser's default) */
|
|
84
|
+
--nwl-link: var(--nwl-text);
|
|
85
|
+
--nwl-link-hover: var(--nwl-text);
|
|
79
86
|
--nwl-danger: var(--nwl-red);
|
|
80
87
|
--nwl-success: var(--nwl-green);
|
|
81
88
|
--nwl-warning: var(--nwl-amber);
|
|
@@ -132,6 +139,7 @@
|
|
|
132
139
|
--nwl-shadow-md: 0 4px 12px var(--nwl-black-70);
|
|
133
140
|
}
|
|
134
141
|
|
|
142
|
+
@layer nwl.components {
|
|
135
143
|
/* Sortable headers: SortableTh.vue and sortableHeader() in sort.js */
|
|
136
144
|
/* the button carries the vertical padding; the th keeps Table's 1em gap to the next column */
|
|
137
145
|
th.nwl-sortable {
|
|
@@ -158,8 +166,8 @@ th.nwl-sortable:hover {
|
|
|
158
166
|
user-select: none;
|
|
159
167
|
}
|
|
160
168
|
.nwl-sort-button:focus-visible {
|
|
161
|
-
outline:
|
|
162
|
-
outline-offset:
|
|
169
|
+
outline: 2px solid var(--nwl-focus);
|
|
170
|
+
outline-offset: 2px;
|
|
163
171
|
}
|
|
164
172
|
.nwl-sort-indicator {
|
|
165
173
|
display: block;
|
|
@@ -176,3 +184,4 @@ th.nwl-sortable:hover {
|
|
|
176
184
|
.nwl-sort-button:focus-visible .nwl-sort-indicator[data-state="none"] {
|
|
177
185
|
color: var(--nwl-grey-bb);
|
|
178
186
|
}
|
|
187
|
+
}
|
package/dist/style.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
:root{--nwl-black: #000;--nwl-grey-11: #111;--nwl-grey-22: #222;--nwl-grey-33: #333;--nwl-grey-44: #444;--nwl-grey-55: #555;--nwl-grey-66: #666;--nwl-grey-77: #777;--nwl-grey-7a: #7a7a7a;--nwl-grey-80: #808080;--nwl-grey-bb: #bbb;--nwl-grey-cc: #ccc;--nwl-grey-dd: #ddd;--nwl-white: #fff;--nwl-white-25: #ffffff40;--nwl-white-40: rgba(255, 255, 255, .4);--nwl-white-75: rgba(255, 255, 255, .75);--nwl-black-70: rgba(0, 0, 0, .7);--nwl-black-80: rgba(0, 0, 0, .8);--nwl-cyan: #57d1df;--nwl-cyan-50: rgba(87, 209, 223, .5);--nwl-cyan-15: rgba(87, 209, 223, .15);--nwl-red: #c55;--nwl-green: #8d8;--nwl-amber: #fc6;--nwl-sans-serif: sans-serif;--nwl-monospace: ui-monospace, Menlo, Consolas, monospace}:root{--nwl-bg-canvas: var(--nwl-black);--nwl-bg-nav: var(--nwl-grey-11);--nwl-bg: var(--nwl-grey-22);--nwl-bg-surface: var(--nwl-grey-33);--nwl-bg-elevated: var(--nwl-grey-44);--nwl-bg-pressed: var(--nwl-grey-55);--nwl-bg-input: transparent;--nwl-bg-overlay: var(--nwl-black-70);--nwl-border-subtle: var(--nwl-grey-55);--nwl-border: var(--nwl-grey-77);--nwl-border-strong: var(--nwl-grey-dd);--nwl-text: var(--nwl-white);--nwl-text-2: var(--nwl-white-75);--nwl-text-3: var(--nwl-white-40);--nwl-text-placeholder: var(--nwl-grey-cc);--nwl-text-inverse: var(--nwl-black);--nwl-accent: var(--nwl-cyan);--nwl-accent-dim: var(--nwl-cyan-50);--nwl-accent-subtle: var(--nwl-cyan-15);--nwl-accent-fg: var(--nwl-cyan);--nwl-link: var(--nwl-white);--nwl-link-hover: var(--nwl-white);--nwl-danger: var(--nwl-red);--nwl-success: var(--nwl-green);--nwl-warning: var(--nwl-amber);--nwl-font-display: Roboto, var(--nwl-sans-serif);--nwl-font-body: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, var(--nwl-sans-serif);--nwl-font-mono: var(--nwl-monospace);--nwl-text-xs: 11px;--nwl-text-sm: 12px;--nwl-text-base: 13px;--nwl-text-md: 14px;--nwl-text-lg: 16px;--nwl-text-xl: 22px;--nwl-text-2xl: 28px;--nwl-text-3xl: 36px;--nwl-text-hero: 60px;--nwl-weight-thin: 100;--nwl-weight-light: 300;--nwl-weight-regular: 400;--nwl-weight-medium: 500;--nwl-weight-semibold: 600;--nwl-weight-bold: 700;--nwl-leading-tight: 1.2;--nwl-leading-snug: 1.35;--nwl-leading-normal: 1.5;--nwl-leading-relaxed: 1.65;--nwl-space-1: 4px;--nwl-space-2: 8px;--nwl-space-3: 12px;--nwl-space-4: 16px;--nwl-space-5: 20px;--nwl-space-6: 24px;--nwl-space-8: 32px;--nwl-space-10: 40px;--nwl-space-12: 48px;--nwl-space-16: 64px;--nwl-radius-sm: 3px;--nwl-radius-md: 6px;--nwl-radius-round: 50%;--nwl-shadow-sm: 2px 2px 5px var(--nwl-grey-80);--nwl-shadow-md: 0 4px 12px var(--nwl-black-70)}input[type=text][data-v-8173920b]{color:var(--nwl-text);width:100%;background:var(--nwl-bg-input);padding:5px 0;border:none;box-sizing:border-box}input[type=text][disabled][data-v-8173920b]{color:var(--nwl-grey-bb)}[data-v-8173920b]::placeholder{color:var(--nwl-text-placeholder)}.autocomplete-results[data-v-77861c7a]{position:absolute;top:30px;z-index:10;background:var(--nwl-bg);width:auto;box-sizing:border-box;margin:0;padding:0;list-style:none}.autocomplete-results li[data-v-77861c7a]{padding:10px;border-bottom:1px solid var(--nwl-grey-33);cursor:pointer}.autocomplete-results li[data-v-77861c7a]:hover,.is-active[data-v-77861c7a]{background:var(--nwl-bg-elevated);color:var(--nwl-text)}button[data-v-cdb86915]{background:transparent;color:var(--nwl-text);border:1px solid var(--nwl-border);border-radius:var(--nwl-radius-sm);margin-right:5px;cursor:pointer;padding:10px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;outline:none}.push-button[data-v-cdb86915]{border:1px solid var(--nwl-border-strong);border-radius:var(--nwl-radius-md);color:var(--nwl-grey-dd);text-align:center;-webkit-appearance:none;appearance:none;cursor:pointer;padding:5px 0;font-weight:var(--nwl-weight-bold)}.small[data-v-cdb86915]{width:20px;height:20px}button[data-v-cdb86915]:hover{background:var(--nwl-bg-pressed)}button[data-v-cdb86915]:disabled{opacity:.4;cursor:default}button[data-v-cdb86915] img{width:20px;height:20px}select[data-v-7fa9b441]{border:none;background:none;color:var(--nwl-text);appearance:none;outline:none;cursor:pointer}textarea[data-v-4d982f93]{background:var(--nwl-bg-input);color:var(--nwl-text);font-family:inherit;font-size:var(--nwl-text-sm);padding:0;border:none;box-sizing:border-box}textarea[disabled][data-v-4d982f93]{background:var(--nwl-bg-pressed);color:var(--nwl-grey-bb)}[data-v-4d982f93]::placeholder{color:var(--nwl-text-placeholder)}table[data-v-031fad1a]{text-align:left;border-collapse:collapse;width:100%;padding:10px;display:table;margin-bottom:20px;margin-left:10px}table[data-v-031fad1a] .selected{background:var(--nwl-bg-elevated)}table[data-v-031fad1a] td,table[data-v-031fad1a] th{padding:2px 0;vertical-align:middle}table[data-v-031fad1a] :is(td,th):not(:last-child){padding-right:1em}table[data-v-031fad1a] th{font-weight:var(--nwl-weight-bold);white-space:nowrap}table[data-v-031fad1a] td.nwl-break-anywhere{overflow-wrap:anywhere}table[data-v-031fad1a] thead,table[data-v-031fad1a] tbody{border-bottom:1px solid var(--nwl-white)}table[data-v-031fad1a] tbody tr:hover{background:var(--nwl-bg-elevated)}[role=checkbox][data-v-2d38d0a6]{text-decoration:none;width:9px;height:9px;border-radius:var(--nwl-radius-round);position:relative;display:inline-block}[role=checkbox][data-v-2d38d0a6]:before{content:"";position:absolute;width:11px;height:11px;top:-2px;left:-2px;border:1px solid var(--nwl-white);border-radius:var(--nwl-radius-round)}[aria-checked=true][data-v-2d38d0a6]{background:var(--nwl-white)}[aria-checked=false][data-v-2d38d0a6]{background:none}ul[data-v-296b65ca]{list-style:none;display:flex;padding:0;margin:0}li[data-v-296b65ca]{padding-right:12px;padding-left:12px;padding-bottom:4px;cursor:pointer;height:20px}.selected[data-v-296b65ca]{background:var(--nwl-bg-surface)}.content[data-v-7e404c1b]{min-height:400px;background:var(--nwl-bg-surface);padding:20px}th.nwl-sortable[data-v-92689677]{padding:0}th.nwl-sortable[data-v-92689677]:not(:last-child){padding-right:1em}th.nwl-sortable[data-v-92689677]:hover{background:var(--nwl-bg-elevated)}.nwl-sort-button[data-v-92689677]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:2px 0;white-space:nowrap;font:inherit;color:inherit;text-align:inherit;cursor:pointer;user-select:none}.nwl-sort-button[data-v-92689677]:focus-visible{outline:1px solid currentColor;outline-offset:1px}.nwl-sort-indicator[data-v-92689677]{display:block;flex:none;width:1.1em;height:1.1em}.nwl-sort-indicator[data-state=none][data-v-92689677]{color:var(--nwl-grey-7a)}.nwl-sort-button:hover .nwl-sort-indicator[data-state=none][data-v-92689677],.nwl-sort-button:focus-visible .nwl-sort-indicator[data-state=none][data-v-92689677]{color:var(--nwl-grey-bb)}th.nwl-sortable{padding:0}th.nwl-sortable:not(:last-child){padding-right:1em}th.nwl-sortable:hover{background:var(--nwl-bg-elevated)}.nwl-sort-button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:2px 0;white-space:nowrap;font:inherit;color:inherit;text-align:inherit;cursor:pointer;user-select:none}.nwl-sort-button:focus-visible{outline:1px solid currentColor;outline-offset:1px}.nwl-sort-indicator{display:block;flex:none;width:1.1em;height:1.1em}.nwl-sort-indicator[data-state=none]{color:var(--nwl-grey-7a)}.nwl-sort-button:hover .nwl-sort-indicator[data-state=none],.nwl-sort-button:focus-visible .nwl-sort-indicator[data-state=none]{color:var(--nwl-grey-bb)}.dialog[data-v-5b457130]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--nwl-bg-overlay);z-index:100}.contents[data-v-5b457130]{position:relative;padding:1rem;margin:2rem auto;background-color:var(--nwl-bg-surface);max-width:600px;text-align:center;border:1px solid var(--nwl-border);height:calc(100% - 4rem);box-sizing:border-box}.scrollable[data-v-5b457130]{display:inline-block;max-width:600px;padding:2rem;overflow:scroll;max-height:calc(100% - 10rem)}.actions[data-v-5b457130]{display:block;margin:0 auto;max-width:200px}table[data-v-5b457130]{table-layout:fixed;width:100%}[data-v-5b457130] .push-button{display:block;width:100%;margin:10px}.container[data-v-4b92cc95]{display:block;margin:0 auto;max-width:700px}.side[data-v-4b92cc95]{text-align:center;display:flex;flex-direction:column;width:100%}.content[data-v-4b92cc95]{margin:0 auto;max-width:420px;flex:1;width:100%}@media (min-width: 639px){.content[data-v-4b92cc95]{max-width:600px}}@media (min-width: 739px){.content[data-v-4b92cc95]{max-width:700px;margin:0}.side[data-v-4b92cc95]{flex-direction:row}}@media (min-width: 1023px){.side[data-v-4b92cc95]{margin-right:20px;max-width:200px;flex-direction:column}.content[data-v-4b92cc95]{max-width:684px}.container[data-v-4b92cc95]{display:flex;max-width:984px}}h2[data-v-3fceab91]{font-size:var(--nwl-text-md);padding-bottom:4px}.actions[data-v-3fceab91]{text-align:right;margin-top:20px}button[data-v-47412662]:disabled{pointer-events:none}.access[data-v-47412662]{text-decoration:none;border:none;display:flex}.access button[data-v-47412662]:hover{background:var(--nwl-grey-66)}.access button[data-v-47412662]:before{background-size:15px 15px;width:15px;height:15px;content:"";display:inline-block;text-decoration:none}button[data-v-47412662]{margin-left:0;cursor:pointer;border:none;background:transparent;padding:2px;border-radius:var(--nwl-radius-round);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}[data-level="0"] .view[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImV5ZV9fLnN2ZyIKICAgd2lkdGg9IjE1MzYiCiAgIGhlaWdodD0iMTUzNiI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTAiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTM4NyIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE3IgogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBmaXQtbWFyZ2luLXRvcD0iMCIKICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiCiAgICAgZml0LW1hcmdpbi1yaWdodD0iMCIKICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIKICAgICBpbmtzY2FwZTp6b29tPSIwLjU1NDgwNDYxIgogICAgIGlua3NjYXBlOmN4PSI4MjIuNDE4NjgiCiAgICAgaW5rc2NhcGU6Y3k9IjcwOS4xMjI4OSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTQ5IgogICAgIGlua3NjYXBlOndpbmRvdy15PSI4OCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDo4My44OTA3MjQxOHB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgZD0iTSAxNjQuODMxNzgsODUxLjQxODEzIEMgNTI3LjE0NjEzLDEzOS4yNTY2NSAxMTYyLjM0MzksMzA4LjIzMDk4IDEzOTQuNjAwNCw5MzUuNjU1MzgiCiAgICAgaWQ9InBhdGg0MjMxIgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjYyIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuOTMyMzgxNDVweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIgogICAgIGQ9Im0gMjM1Ljg5ODM4LDg1Ny4xNTgxOCBjIDkyLjY4MjI2LC02OS4xNDU4MSAxNTIuNDE1OSwtMTM4LjI0MzIzIDI4NS43NDEyNywtMTk3LjYwMTYgMTA2LjEzOTk3LC00Ny4yNTUwNCAxMDAuNzk2MjYsLTM3LjE2ODExIDE1My42NzU5OCwtNDQuNjk1NjEgNDUuMTQ4NDQsLTYuNDI2OTMgOTEuNTk5OTEsLTUuNTYzMjUgMTM2Ljg2NzY4LDAgNDEuNzk3ODcsNS4xMzY4MiA4Mi4zNDE0OSwxNy45OTYzNCAxMjIuNDYwNTQsMzAuNTgxMjEgNTQuNzgzMDIsMTcuMTg0OCAxMTAuMzM4NzUsMzQuMjUyMyAxNjAuODc5NTUsNjEuMTYyNCA0Ni44NDM4LDI0Ljk0MTYgMTI5LjY2NCw5MS43NDM2IDEyOS42NjQsOTEuNzQzNiBsIDkxLjI0NTMsNzkuOTgxNiA2MC4wMjk1LDU4LjgxMDAxIC05Ni4wNDc0LDU0LjEwNTE5IC0xNjUuNjgxOSw1Ni40NTc2MiAtMTc1LjI4NjY4LDU0LjEwNTEgLTI0OS43MjM0NiwyMy41MjQgLTIwNi41MDIwOSwtNDQuNjk1NSAtMTI3LjI2MjkzLC01NC4xMDUyIC05Ni4wNDc0OSwtNTYuNDU3NjIgLTQ1LjYyMjU0LC0xMDEuMTUzMjEgMTQuNDA3MTIsLTE0LjExNDQgeiIKICAgICBpZD0icGF0aDQxNjIiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNzc3Nzc2NjY2NjY2NjY2NjY2MiIC8+CiAgPGVsbGlwc2UKICAgICBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6IzMzMzMzMztmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzMzMzMzMztzdHJva2Utd2lkdGg6ODguOTM3OTgwNjU7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgaWQ9InBhdGg0MjM5IgogICAgIGN4PSI3ODcuNDc5MTkiCiAgICAgY3k9IjczNy42ODIxOSIKICAgICByeD0iMjIzLjYzNDg5IgogICAgIHJ5PSIyMTkuMTI4OTIiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDo2MC44MDAyMTY2NztzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGQ9Im0gMTk1LjEwNTA2LDgzOC43MDY1OCBjIDMzNS40MTQzNywtNTMxLjI3MTU2IDk1MC40ODA2NCwtNDA2LjYzIDExODAuMTg3NTQsNzYuMDQzMDMiCiAgICAgaWQ9InBhdGg0MjM3LTUiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6MTA3LjM3NTExNDQ0cHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICBkPSJtIDE0Mi4wNjIzNyw3OTIuMTk2MjIgYyA0MTYuNDQwMyw0NzEuNTU5MTggNzI3Ljc3NTMyLDQ3OC4wNjEwOCAxMjYzLjI1ODMzLDgwLjk4NjEzIgogICAgIGlkPSJwYXRoNDIzNSIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2MiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDo4MC4xMTI2NTU2NDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGQ9Im0gMjA5LjIyOTIsNzkyLjc5NDgyIGMgMzM2LjM1MzAxLDM5Ni42NjY0OCA2OTAuMjM3MTYsMzc2LjQwNTQ4IDExNDkuNjk0OSw3My40NTg4MSIKICAgICBpZD0icGF0aDQyMzUtMyIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2MiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDo4Ni44OTM1MTY1NDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGQ9Ik0gMjE2LjgwNjQsODQ2LjcxNDM3IEMgMjMxLjg0NDI3LDgxMi43ODYyMiAzMzQuNDExNTYsNzE5LjcwMzc1IDQwMi44MTgxNyw2NjQuNzgwNjkgNzUzLjY0NDg2LDM4My4xMDUwNyAxMDUyLjY3MzIsNTc2LjMxMDk0IDEzNTIuMDQ1OSw5MDguMDU1NjQiCiAgICAgaWQ9InBhdGg0MjM3IgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjc2MiIC8+Cjwvc3ZnPgo=)}[data-level="1"] .view[data-v-47412662]:before,[data-level="2"] .view[data-v-47412662]:before,[data-level="3"] .view[data-v-47412662]:before,[data-level="4"] .view[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImV5ZS1jaXJjbGUuc3ZnIgogICB3aWR0aD0iMTUzNiIKICAgaGVpZ2h0PSIxNTM2Ij4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMzg3IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciCiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGZpdC1tYXJnaW4tdG9wPSIwIgogICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIgogICAgIGlua3NjYXBlOnpvb209IjAuMzkyMzA2MSIKICAgICBpbmtzY2FwZTpjeD0iMTI2MC44NTE4IgogICAgIGlua3NjYXBlOmN5PSI1MDUuMjAwNDkiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ijc0MyIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMTE3IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8ZWxsaXBzZQogICAgIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDo4NS42Nzc3NTcyNjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6My4yNzU5MDAxMztzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJwYXRoNDE2MyIKICAgICBjeD0iNzY4LjI4NTgzIgogICAgIGN5PSI3NzAuMTY5NDkiCiAgICAgcng9IjcyMy4yMTYxMyIKICAgICByeT0iNzIzLjIxOTU0IiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6ODMuODkwNzI0MThweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIgogICAgIGQ9Ik0gMTY1LjU4NTIxLDg3My4zODM3NiBDIDUyNy44OTk1NiwxNjEuMjIyMjggMTE1Ny42OSwzNzUuMjU3NTIgMTM5NS4zNTM4LDk1Ny42MjEwMSIKICAgICBpZD0icGF0aDQyMzEiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MC45MDk4ODc3M3B4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgZD0ibSAyMzUuOTAxMTksODQ1LjA1NDMgMTQxLjQ3OTIxLC0xMjUuMjQzODkgMTM0LjUyMTIsLTY5LjU3OTkzIDE0OC40MzcyLC00NC4wNjczIDEzMi4yMDE4OSwwIDExOC4yODU4OSwzMC4xNTEzMSAxNTUuMzk1MjIsNjAuMzAyNjEgMTI1LjI0MzgsOTAuNDUzOTIgODguMTM0Nyw3OC44NTcyNiA1Ny45ODMyLDU3Ljk4MzI5IC05Mi43NzMyLDUzLjM0NDYxIC0xNjAuMDMzOSw1NS42NjM5MiAtMTY5LjMxMTE2LDUzLjM0NDYgLTI0MS4yMTA0NSwyMy4xOTMzIC0xOTkuNDYyNDgsLTQ0LjA2NzIgLTEyMi45MjQ1NiwtNTMuMzQ0NiAtOTIuNzczMjUsLTU1LjY2NCAtNDQuMDY3MjksLTk5LjczMTI1IDEzLjkxNTk5LC0xMy45MTU5OSB6IgogICAgIGlkPSJwYXRoNDE2MiIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDxlbGxpcHNlCiAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjg0LjYyOTY1MzkzO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJwYXRoNDIzOSIKICAgICBjeD0iNzg4LjIzMjYiCiAgICAgY3k9Ijc4NC40MTA4MyIKICAgICByeD0iMjI1Ljc4OTA1IgogICAgIHJ5PSIxOTYuNTIwMDgiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoxMDcuMzc1MTE0NDRweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIgogICAgIGQ9Im0gMTQyLjgxNTgsODE0LjE2MTg1IGMgMzY5LjU3Njk1LDQzNy4zMTI4NSA3NTguNDE2NzQsNDE0Ljk3NTc1IDEyNjMuMjU4Myw4MC45ODYxMyIKICAgICBpZD0icGF0aDQyMzUiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6ODYuODkzNTE2NTQ7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICBkPSJNIDIyNC4wMTYxNSw4NzcuMzU1NzYgQyAyNzMuMzAwMzEsNzkyLjk1OTQgMzQxLjYyMTMxLDc1MC4zNDUxNCA0MTAuMDI3OTIsNjk1LjQyMjA4IDc2MC44NTQ2MSw0MTMuNzQ2NDYgMTA1OS44ODI5LDYwNi45NTIzMiAxMzU5LjI1NTYsOTM4LjY5NzAzIgogICAgIGlkPSJwYXRoNDIzNyIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY3NjIiAvPgo8L3N2Zz4K)}[data-level="0"] .edit[data-v-47412662]:before,[data-level="1"] .edit[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9InBlbmNpbC5zdmciCiAgIHdpZHRoPSIxNTM2IgogICBoZWlnaHQ9IjE1MzYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZSAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjEzODciCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAxNyIKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgZml0LW1hcmdpbi10b3A9IjAiCiAgICAgZml0LW1hcmdpbi1sZWZ0PSIwIgogICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiCiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiCiAgICAgaW5rc2NhcGU6em9vbT0iMC4zOTIzMDYwOSIKICAgICBpbmtzY2FwZTpjeD0iMTkzLjQ2MzU2IgogICAgIGlua3NjYXBlOmN5PSI1MjkuMzU5ODQiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjYwMyIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iNzEiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAvPgogIDxwYXRoCiAgICAgZD0ibSAyNDIuNTUzOTcsOTc3LjU1MDUzIDAsMzEzLjM0ODk3IDMxMy4zNTE1OCwwIEwgMTE4Mi42MDYxLDY2NC4xOTg5NCA4NjkuMjQ5MjEsMzUwLjg0NDcgMjQyLjU1Mzk3LDk3Ny41NTA1MyBaIG0gMjczLjQyNjQzLDIxNi45MzAzNyAwLDAgLTgwLjU5OTU1LDAuMDEgMCwtOTYuNDE4OCAtOTYuNDEwOCwwIDAsLTgwLjYwNzMgNjguNTQ1MjQsLTY4LjU0NTI3IDE3Ny4wMTAzNywxNzcuMDA3NzcgLTY4LjU0NTI2LDY4LjU1MzIgeiBNIDg5My4zNzM2OCw0NzguOTAxNzIgYyAxMS4wMzMyOCwwIDE2LjU1Nzg1LDUuNTI3MjEgMTYuNTU3ODUsMTYuNTY4NDMgMCw1LjAyODU2IC0xLjc1MTc2LDkuMjg5MzkgLTUuMjczODUsMTIuODExNSBMIDQ5Ni4zOTM3OSw5MTYuNTQyODggYyAtMy41MTY4MywzLjUwMzY5IC03Ljc4ODIxLDUuMjYzMzQgLTEyLjgwNjIxLDUuMjYzMzQgLTExLjAzODU5LDAgLTE2LjU2NTgsLTUuNTM1MDcgLTE2LjU2NTgsLTE2LjU2NTcgMCwtNS4wMjg2NCAxLjc1NzExLC05LjI4OTQ4IDUuMjY4NjYsLTEyLjgxMTQ5IEwgODgwLjU1Njk1LDQ4NC4xNzMgYyAzLjUwNjI0LC0zLjUxNDE3IDcuNzc3NjYsLTUuMjcxMjggMTIuODE2NzMsLTUuMjcxMjggeiIKICAgICBpZD0icGF0aDciCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIiAvPgogIDxwYXRoCiAgICAgZD0iTSAxMzU1Ljg0NjQsMzU0LjU5NjM0IDExNzguODQxMSwxNzguMzQzMTggYyAtMTkuMDc5OSwtMTkuMDcyMTYgLTQxLjkzMDEsLTI4LjYyMDExIC02OC41NDc3LC0yOC42MjAxMSAtMjcuMTI5NSwwIC00OS43MTA1LDkuNTQ3OTUgLTY3Ljc4NTUsMjguNjIwMTEgbCAtMTI1LjAzODc3LDEyNC4yODY5IDMxMy4zNTY3NywzMTMuMzQ4OTQgMTI1LjAzODksLTEyNS4wMzM1MyBjIDE4LjU3ODksLTE4LjU4MTQ0IDI3Ljg2MjksLTQxLjE3ODMzIDI3Ljg2MjksLTY3Ljc5NTk3IC0wLjAxLC0yNi4xMDU4MyAtOS4yOTIxLC00OC45NjEyOCAtMjcuODgxMywtNjguNTUzMTggeiIKICAgICBpZD0icGF0aDkiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIiAvPgo8L3N2Zz4K)}[data-level="2"] .edit[data-v-47412662]:before,[data-level="3"] .edit[data-v-47412662]:before,[data-level="4"] .edit[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9InBlbmNpbC1jaXJjbGUuc3ZnIgogICB3aWR0aD0iMTUzNiIKICAgaGVpZ2h0PSIxNTM2Ij4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMzg3IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciCiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGZpdC1tYXJnaW4tdG9wPSIwIgogICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIgogICAgIGlua3NjYXBlOnpvb209IjAuMzkyMzA2MDkiCiAgICAgaW5rc2NhcGU6Y3g9IjY1MC4wODkzOCIKICAgICBpbmtzY2FwZTpjeT0iODMwLjExOTYzIgogICAgIGlua3NjYXBlOndpbmRvdy14PSI2MDMiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjcxIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8ZWxsaXBzZQogICAgIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDo4NS42Nzc3NTcyNjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6My4yNzU5MDAxMztzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJwYXRoNDE2MyIKICAgICBjeD0iNzY4LjI4NTgzIgogICAgIGN5PSI3NzAuMTY5NDkiCiAgICAgcng9IjcyMy4yMTYxMyIKICAgICByeT0iNzIzLjIxOTU0IiAvPgogIDxnCiAgICAgaWQ9Imc0MTM1IgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuODQzNjQxNjUsMCwwLDAuODQzNjQxNjUsMTA2LjIxNjI4LDEzNi4wOTk1OCkiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjEiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgaWQ9InBhdGg3IgogICAgICAgZD0ibSAyNDIuNTUzOTcsOTc3LjU1MDUzIDAsMzEzLjM0ODk3IDMxMy4zNTE1OCwwIEwgMTE4Mi42MDYxLDY2NC4xOTg5NCA4NjkuMjQ5MjEsMzUwLjg0NDcgMjQyLjU1Mzk3LDk3Ny41NTA1MyBaIG0gMjczLjQyNjQzLDIxNi45MzAzNyAwLDAgLTgwLjU5OTU1LDAuMDEgMCwtOTYuNDE4OCAtOTYuNDEwOCwwIDAsLTgwLjYwNzMgNjguNTQ1MjQsLTY4LjU0NTI3IDE3Ny4wMTAzNywxNzcuMDA3NzcgLTY4LjU0NTI2LDY4LjU1MzIgeiBNIDg5My4zNzM2OCw0NzguOTAxNzIgYyAxMS4wMzMyOCwwIDE2LjU1Nzg1LDUuNTI3MjEgMTYuNTU3ODUsMTYuNTY4NDMgMCw1LjAyODU2IC0xLjc1MTc2LDkuMjg5MzkgLTUuMjczODUsMTIuODExNSBMIDQ5Ni4zOTM3OSw5MTYuNTQyODggYyAtMy41MTY4MywzLjUwMzY5IC03Ljc4ODIxLDUuMjYzMzQgLTEyLjgwNjIxLDUuMjYzMzQgLTExLjAzODU5LDAgLTE2LjU2NTgsLTUuNTM1MDcgLTE2LjU2NTgsLTE2LjU2NTcgMCwtNS4wMjg2NCAxLjc1NzExLC05LjI4OTQ4IDUuMjY4NjYsLTEyLjgxMTQ5IEwgODgwLjU1Njk1LDQ4NC4xNzMgYyAzLjUwNjI0LC0zLjUxNDE3IDcuNzc3NjYsLTUuMjcxMjggMTIuODE2NzMsLTUuMjcxMjggeiIgLz4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxIgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIGlkPSJwYXRoOSIKICAgICAgIGQ9Ik0gMTM1NS44NDY0LDM1NC41OTYzNCAxMTc4Ljg0MTEsMTc4LjM0MzE4IGMgLTE5LjA3OTksLTE5LjA3MjE2IC00MS45MzAxLC0yOC42MjAxMSAtNjguNTQ3NywtMjguNjIwMTEgLTI3LjEyOTUsMCAtNDkuNzEwNSw5LjU0Nzk1IC02Ny43ODU1LDI4LjYyMDExIGwgLTEyNS4wMzg3NywxMjQuMjg2OSAzMTMuMzU2NzcsMzEzLjM0ODk0IDEyNS4wMzg5LC0xMjUuMDMzNTMgYyAxOC41Nzg5LC0xOC41ODE0NCAyNy44NjI5LC00MS4xNzgzMyAyNy44NjI5LC02Ny43OTU5NyAtMC4wMSwtMjYuMTA1ODMgLTkuMjkyMSwtNDguOTYxMjggLTI3Ljg4MTMsLTY4LjU1MzE4IHoiIC8+CiAgPC9nPgo8L3N2Zz4K)}[data-level="0"] .add[data-v-47412662]:before,[data-level="1"] .add[data-v-47412662]:before,[data-level="2"] .add[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9InBsdXMtc21hbGwuc3ZnIgogICB3aWR0aD0iMTUzNiIKICAgaGVpZ2h0PSIxNTM2Ij4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNDIxIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjkyNyIKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgZml0LW1hcmdpbi10b3A9IjAiCiAgICAgZml0LW1hcmdpbi1sZWZ0PSIwIgogICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiCiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiCiAgICAgaW5rc2NhcGU6em9vbT0iMC4yNDk4MzU3OCIKICAgICBpbmtzY2FwZTpjeD0iMjM1LjQ1Nzc3IgogICAgIGlua3NjYXBlOmN5PSI1NTcuNDc0MTUiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjI4IgogICAgIGlua3NjYXBlOndpbmRvdy15PSI4OSIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIgogICAgIGQ9Im0gMzIwLDczMy4wMTkwNyBxIDAsLTE0LjIxMTAxIDE5LC0yNC41OTU5NyAxOSwtMTAuMzg0OTcgNDUsLTEwLjM4NDk3IGwgNzY4LDAgcSAyNiwwIDQ1LDEwLjM4NDk2IDE5LDEwLjM4NDk2IDE5LDI0LjU5NTk3IGwgMCw2OS45NjE4NyBxIDAsMTQuMjExMDEgLTE5LDI0LjU5NTk4IC0xOSwxMC4zODQ5NiAtNDUsMTAuMzg0OTYgbCAtNzY4LDAgcSAtMjYsMCAtNDUsLTEwLjM4NDk2IC0xOSwtMTAuMzg0OTYgLTE5LC0yNC41OTU5OCBsIDAsLTY5Ljk2MTg3IHoiCiAgICAgaWQ9InBhdGg0IgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIgogICAgIGQ9Im0gNzMzLjAxOTA3LDEyMTYgcSAtMTQuMjExMDEsMCAtMjQuNTk1OTcsLTE5IC0xMC4zODQ5NywtMTkgLTEwLjM4NDk3LC00NSBsIDAsLTc2Ny45OTk5OSBxIDAsLTI2IDEwLjM4NDk2LC00NSAxMC4zODQ5NiwtMTkgMjQuNTk1OTcsLTE5IGwgNjkuOTYxODcsMCBxIDE0LjIxMTAxLDAgMjQuNTk1OTgsMTkgMTAuMzg0OTYsMTkgMTAuMzg0OTYsNDUgbCAwLDc2Ny45OTk5OSBxIDAsMjYgLTEwLjM4NDk2LDQ1IC0xMC4zODQ5NiwxOSAtMjQuNTk1OTgsMTkgbCAtNjkuOTYxODcsMCB6IgogICAgIGlkPSJwYXRoNC04IgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+Cjwvc3ZnPgo=)}[data-level="3"] .add[data-v-47412662]:before,[data-level="4"] .add[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9InBsdXMtc21hbGwtY2lyY2xlLnN2ZyIKICAgd2lkdGg9IjE1MzYiCiAgIGhlaWdodD0iMTUzNiI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTAiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTQyMSIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5MjciCiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGZpdC1tYXJnaW4tdG9wPSIwIgogICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIgogICAgIGlua3NjYXBlOnpvb209IjAuMjQ5ODM1NzgiCiAgICAgaW5rc2NhcGU6Y3g9IjE3OS40MjA5NiIKICAgICBpbmtzY2FwZTpjeT0iNTU3LjQ3NDE1IgogICAgIGlua3NjYXBlOndpbmRvdy14PSIyOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iODkiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAvPgogIDxjaXJjbGUKICAgICBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6NDkuMjI0MDcxNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6My4yNzU5MDAxMztzdHJva2Utb3BhY2l0eTowIgogICAgIGlkPSJwYXRoNDE2MyIKICAgICBjeD0iNzcxLjM2ODc3IgogICAgIGN5PSI3NjkuNTgwMDgiCiAgICAgcj0iNzQxLjQ0Mjk5IiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MSIKICAgICBkPSJtIDMyMCw3MzMuMDE5MDcgcSAwLC0xNC4yMTEwMSAxOSwtMjQuNTk1OTcgMTksLTEwLjM4NDk3IDQ1LC0xMC4zODQ5NyBsIDc2OCwwIHEgMjYsMCA0NSwxMC4zODQ5NiAxOSwxMC4zODQ5NiAxOSwyNC41OTU5NyBsIDAsNjkuOTYxODcgcSAwLDE0LjIxMTAxIC0xOSwyNC41OTU5OCAtMTksMTAuMzg0OTYgLTQ1LDEwLjM4NDk2IGwgLTc2OCwwIHEgLTI2LDAgLTQ1LC0xMC4zODQ5NiAtMTksLTEwLjM4NDk2IC0xOSwtMjQuNTk1OTggbCAwLC02OS45NjE4NyB6IgogICAgIGlkPSJwYXRoNCIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MSIKICAgICBkPSJtIDgwMi45ODA5MiwzMTkuOTk5OTkgcSAxNC4yMTEwMSwwIDI0LjU5NTk4LDE5IDEwLjM4NDk3LDE5IDEwLjM4NDk3LDQ1IGwgMCw3NjguMDAwMDEgcSAwLDI2IC0xMC4zODQ5Nyw0NSAtMTAuMzg0OTUsMTkgLTI0LjU5NTk2LDE5IGwgLTY5Ljk2MTg3LDAgcSAtMTQuMjExMDEsMCAtMjQuNTk1OTksLTE5IC0xMC4zODQ5NSwtMTkgLTEwLjM4NDk1LC00NSBsIDAsLTc2OC4wMDAwMSBxIDAsLTI2IDEwLjM4NDk1LC00NSAxMC4zODQ5NywtMTkgMjQuNTk1OTksLTE5IGwgNjkuOTYxODcsMCB6IgogICAgIGlkPSJwYXRoNC02IgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+Cjwvc3ZnPgo=)}[data-level="0"] .remove[data-v-47412662]:before,[data-level="1"] .remove[data-v-47412662]:before,[data-level="2"] .remove[data-v-47412662]:before,[data-level="3"] .remove[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1pbnVzLXNtYWxsLnN2ZyIKICAgd2lkdGg9IjE1MzYiCiAgIGhlaWdodD0iMTUzNiI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTAiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTQyMSIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5MjciCiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGZpdC1tYXJnaW4tdG9wPSIwIgogICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIgogICAgIGlua3NjYXBlOnpvb209IjAuMjQ5ODM1NzgiCiAgICAgaW5rc2NhcGU6Y3g9Ii00NjAuOTk5NzIiCiAgICAgaW5rc2NhcGU6Y3k9IjU1Ny40NzQxNSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMjgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ijg5IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjEiCiAgICAgZD0ibSAzMjAsNzMzLjAxOTA3IHEgMCwtMTQuMjExMDEgMTksLTI0LjU5NTk3IDE5LC0xMC4zODQ5NyA0NSwtMTAuMzg0OTcgbCA3NjgsMCBxIDI2LDAgNDUsMTAuMzg0OTYgMTksMTAuMzg0OTYgMTksMjQuNTk1OTcgbCAwLDY5Ljk2MTg3IHEgMCwxNC4yMTEwMSAtMTksMjQuNTk1OTggLTE5LDEwLjM4NDk2IC00NSwxMC4zODQ5NiBsIC03NjgsMCBxIC0yNiwwIC00NSwtMTAuMzg0OTYgLTE5LC0xMC4zODQ5NiAtMTksLTI0LjU5NTk4IGwgMCwtNjkuOTYxODcgeiIKICAgICBpZD0icGF0aDQiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==)}[data-level="4"] .remove[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1pbnVzLXNtYWxsLWNpcmNsZS5zdmciCiAgIHdpZHRoPSIxNTM2IgogICBoZWlnaHQ9IjE1MzYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZSAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE0MjEiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iOTI3IgogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBmaXQtbWFyZ2luLXRvcD0iMCIKICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiCiAgICAgZml0LW1hcmdpbi1yaWdodD0iMCIKICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIKICAgICBpbmtzY2FwZTp6b29tPSIwLjI0OTgzNTc4IgogICAgIGlua3NjYXBlOmN4PSI2NTkuNzM2NDciCiAgICAgaW5rc2NhcGU6Y3k9IjU1Ny40NzQxNSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMjgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ijg5IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8Y2lyY2xlCiAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjQ5LjIyNDA3MTU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjMuMjc1OTAwMTM7c3Ryb2tlLW9wYWNpdHk6MCIKICAgICBpZD0icGF0aDQxNjMiCiAgICAgY3g9Ijc3MS4zNjg3NyIKICAgICBjeT0iNzY5LjU4MDA4IgogICAgIHI9Ijc0MS40NDI5OSIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjEiCiAgICAgZD0ibSAzMjAsNzMzLjAxOTA3IHEgMCwtMTQuMjExMDEgMTksLTI0LjU5NTk3IDE5LC0xMC4zODQ5NyA0NSwtMTAuMzg0OTcgbCA3NjgsMCBxIDI2LDAgNDUsMTAuMzg0OTYgMTksMTAuMzg0OTYgMTksMjQuNTk1OTcgbCAwLDY5Ljk2MTg3IHEgMCwxNC4yMTEwMSAtMTksMjQuNTk1OTggLTE5LDEwLjM4NDk2IC00NSwxMC4zODQ5NiBsIC03NjgsMCBxIC0yNiwwIC00NSwtMTAuMzg0OTYgLTE5LC0xMC4zODQ5NiAtMTksLTI0LjU5NTk4IGwgMCwtNjkuOTYxODcgeiIKICAgICBpZD0icGF0aDQiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==)}h2[data-v-6238abaf]{font-size:var(--nwl-text-md);padding-bottom:4px}.actions[data-v-6238abaf]{text-align:right;margin-top:20px}h2[data-v-956ab7a3]{font-size:var(--nwl-text-md);padding-bottom:4px}.actions[data-v-956ab7a3]{text-align:right;margin-top:20px}#files[data-v-956ab7a3]{table-layout:fixed}[contenteditable][data-v-956ab7a3]{display:block;min-height:1.2em;padding:5px 0}[contenteditable][data-v-956ab7a3]:empty:before{content:attr(placeholder);color:var(--nwl-text-placeholder)}h1[data-v-19d1883b]{font-size:1rem;margin:0 0 20px}a[data-v-19d1883b]{color:var(--nwl-link)}[data-v-19d1883b] input,[data-v-19d1883b] textarea{text-align:center;font-family:inherit;font-size:var(--nwl-text-md);color:var(--nwl-text);padding:3px 0 0}[data-v-19d1883b] ::placeholder{color:var(--nwl-text-3)}p[data-v-19d1883b]{margin:0 0 5px}[data-v-19d1883b] button{width:100%;margin-bottom:10px}.image[data-v-19d1883b]{width:200px;height:200px;background:var(--nwl-bg-surface);margin:0 auto 20px}.actions[data-v-19d1883b]{margin-top:15px}.description[data-v-19d1883b]{margin:0 auto}@media (min-width: 738px){.description[data-v-19d1883b]{width:calc(100% - 500px)}.image[data-v-19d1883b]{margin:0 0 20px}}@media (min-width: 1023px){.description[data-v-19d1883b]{flex:1;width:100%}}.embedDialog[data-v-19d1883b]{background:var(--nwl-bg);border:1px solid var(--nwl-grey-33);width:300px;height:300px;padding:20px}.embedDialog form[data-v-19d1883b],.embedDialog label[data-v-19d1883b]{display:flex;flex-direction:column}.embedDialog textarea[data-v-19d1883b]{margin:10px 0;background:var(--nwl-black);height:150px}#saveFeedback[data-v-19d1883b]{transition:opacity .5s;opacity:1}#saveFeedback.disappear[data-v-19d1883b]{opacity:0}.content[data-v-d8fef71c]{background:var(--nwl-bg-surface);padding:20px}*{box-sizing:border-box;font-size:var(--nwl-text-md);color:var(--nwl-text)}body{margin:0}.app{background:var(--nwl-bg);color:var(--nwl-text);font-family:var(--nwl-font-body);font-size:var(--nwl-text-md);display:block;min-height:100vh}.app>main{padding:20px}.app>footer{margin-top:auto}nav[data-v-c0f28324]{margin-left:auto;margin-right:10px}.button[data-v-c0f28324]{width:.9rem;height:.9rem;margin:8px 2px 8px 15px;vertical-align:middle;cursor:pointer}.login[data-v-c0f28324]{display:inline-block;margin-left:15px}a[data-v-c0f28324]{color:var(--nwl-link)}header[data-v-d4616876]{display:flex;flex-flow:row wrap;align-items:flex-start;min-height:64px;padding:3px}.logo[data-v-d4616876]{display:inline-block;margin:10px;text-decoration:none}.logo img[data-v-d4616876]{height:56px;vertical-align:middle}[data-v-d4616876] .title{color:var(--nwl-text);display:inline-block;width:auto;text-align:left;font-family:var(--nwl-font-display);font-size:var(--nwl-text-3xl);font-weight:var(--nwl-weight-thin);vertical-align:middle;background:none;margin-top:14px;border:none}[data-v-d4616876] .title.empty:before{content:attr(placeholder);color:var(--nwl-text-3)}footer[data-v-76749026]{height:100px;background-color:var(--nwl-black);padding:13px 0}p[data-v-76749026]{width:100%;font-size:small;text-align:center}a[data-v-76749026]{text-decoration:none;font-weight:lighter;color:var(--nwl-link)}img[data-v-76749026]{width:28px;height:28px;margin-right:4px;display:inline-block;vertical-align:middle}.container[data-v-09d4bf05]{display:block;width:600px;margin:0 auto;padding:20px;background:var(--nwl-bg-surface)}.inner[data-v-09d4bf05]{max-width:480px;display:block;margin:0 auto}h1[data-v-09d4bf05]{font-size:var(--nwl-text-lg);text-align:center}p[data-v-09d4bf05]{font-family:var(--nwl-sans-serif);text-align:center;line-height:20px}.actions[data-v-09d4bf05]{display:block;margin:0 auto;width:200px}.input[data-v-09d4bf05]{color:var(--nwl-text-inverse);width:100%;margin-bottom:10px}.push-button[data-v-09d4bf05]{display:block;width:100%;margin:10px}.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{-webkit-user-select:none;user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}main[data-v-096c5e30]{padding:0}.editor[data-v-096c5e30]{display:flex;width:100vw;max-width:100%;overflow:hidden;border:1px solid var(--nwl-grey-44)}.editor[data-v-096c5e30]:not(.fullscreen){max-height:calc(100vh - 82px)}.left-header[data-v-096c5e30]{padding:5px 0;display:flex;border-bottom:1px solid var(--nwl-grey-33);margin-bottom:10px}.left-header button[data-v-096c5e30]{padding:0;appearance:none;border:0;background:transparent;display:flex;align-items:center;cursor:pointer}.left-header button img[data-v-096c5e30]{max-height:14px}.vertical .left-header button[data-v-096c5e30]{transform:rotate(90deg)}.horizontal[data-v-096c5e30]{height:calc(100vh - 82px)}.fullscreen .horizontal[data-v-096c5e30]{height:100vh}.horizontal[data-v-096c5e30] .area{height:100%}.horizontal .left[data-v-096c5e30]{overflow-y:auto}.vertical[data-v-096c5e30] .area{height:calc(100vh - 82px)}.fullscreen .vertical[data-v-096c5e30] .area{height:100vh}.vertical .left[data-v-096c5e30]{width:40%;padding:0 5px;overflow-y:auto;height:calc(100vh - 82px)}.vertical .right[data-v-096c5e30]{width:60%;overflow:visible}.horizontal .left[data-v-096c5e30],.horizontal .right[data-v-096c5e30]{width:100%}.splitpanes__splitter{background-color:var(--nwl-grey-44);box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes--vertical>.splitpanes__splitter{width:7px;margin-left:-1px}.splitpanes--horizontal>.splitpanes__splitter{height:7px;margin-top:-1px}.splitpanes__splitter:before,.splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--nwl-white-25);transition:background-color .3s}.splitpanes--vertical>.splitpanes__splitter:before,.splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.splitpanes--horizontal>.splitpanes__splitter:before,.splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);height:1px;width:30px}.splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.noEmpty[data-v-19a46458]:empty:before{content:"Empty";color:var(--nwl-text-3)}.group[data-v-2e6240ae]{display:flex;align-items:center;border-left:1px solid var(--nwl-border);border-right:1px solid var(--nwl-border);border-radius:var(--nwl-radius-sm)}.full-width[data-v-2e6240ae]{flex-basis:100%}.group[data-v-2e6240ae] button{border-left:0;margin:0;border-radius:0}.group[data-v-2e6240ae] button:last-child{border-right:0}.area[data-v-63d72393]{position:relative}.show-tools[data-v-63d72393]{width:32px;height:32px;border:thin solid var(--nwl-border);border-radius:var(--nwl-radius-round);background-color:var(--nwl-bg-surface);display:flex;align-items:center;justify-content:center}.show-tools img[data-v-63d72393]{width:28px}.tools--overlay[data-v-63d72393]{position:absolute;z-index:11}.area--docked[data-v-63d72393]{display:flex;flex-direction:column;margin-bottom:20px}.area--docked .content-wrapper[data-v-63d72393]{flex:1 1 auto;min-height:0;height:auto}.tools .palette[data-v-63d72393]{display:flex;flex-direction:column;width:100%;height:100%;min-width:fit-content;min-height:fit-content;box-shadow:var(--nwl-shadow-sm)}.tools--overlay .palette[data-v-63d72393]{background-color:var(--nwl-black-70)}.tools--docked .palette[data-v-63d72393]{box-shadow:none}.tools--docked .palette .header[data-v-63d72393]{display:none}.tools .palette .content[data-v-63d72393] button,.tools .palette .content[data-v-63d72393] .group{flex-grow:1;flex-shrink:1;margin:1px}.tools .palette .content[data-v-63d72393] button{padding:1px 6px}.tools .palette .content[data-v-63d72393] .group button{padding:1px 6px;margin:0}.tools .content[data-v-63d72393]{min-height:fit-content;flex-grow:1;padding:5px 10px 10px;display:flex;flex-direction:column}.header[data-v-63d72393]{display:flex;background:var(--nwl-bg-surface);user-select:none;align-items:center}.header button[data-v-63d72393]{appearance:none;border:0;background:transparent;padding:5px;display:flex;align-items:center}.header button img[data-v-63d72393]{max-height:14px}.title[data-v-63d72393]{margin-left:5px;margin-right:auto}.content-wrapper[data-v-63d72393]{position:relative;width:100%;height:100%}.resizable[data-v-63d72393]{position:relative;min-width:275px}.reduced .resizable[data-v-63d72393],.tools--reduced .resizable[data-v-63d72393]{min-height:190px;height:auto!important}.resizable--two-cols[data-v-63d72393]{min-height:230px}.reduced .resizable--two-cols[data-v-63d72393],.tools--reduced .resizable--two-cols[data-v-63d72393]{min-height:145px}.reduced .resizable-handle[data-v-63d72393],.tools--reduced .resizable-handle[data-v-63d72393]{display:none}.resizable-handle[data-v-63d72393]{display:block;right:0;bottom:0;position:absolute;z-index:100;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACC2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjE8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlBob3RvbWV0cmljSW50ZXJwcmV0YXRpb24+MjwvdGlmZjpQaG90b21ldHJpY0ludGVycHJldGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KD0UqkwAAACJJREFUCB1jYMABPn/+/B+rFA0l4EbDGVAXwPlwBroEkA8ARSMmcY29DXYAAAAASUVORK5CYII=);background-position:bottom right;background-repeat:no-repeat;opacity:.6;width:15px;height:15px;cursor:nwse-resize}.range-slider[data-v-47c32c5c]{display:flex;align-items:center;justify-content:center;width:100%}input[type=range][data-v-47c32c5c]{-webkit-appearance:none;appearance:none;margin:18px 5px;width:100%;background:transparent}input[type=range][data-v-47c32c5c]:focus{outline:none}input[type=range][data-v-47c32c5c]::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;background:var(--nwl-white);border:0}input[type=range][data-v-47c32c5c]::-webkit-slider-thumb{box-shadow:none;border:none;height:20px;width:20px;border-radius:var(--nwl-radius-round);background:var(--nwl-white);cursor:pointer;-webkit-appearance:none;appearance:none;margin-top:-10px}input[type=range][data-v-47c32c5c]:focus::-webkit-slider-runnable-track{background:var(--nwl-white)}input[type=range][data-v-47c32c5c]::-moz-range-track{width:100%;height:1px;background:var(--nwl-white);cursor:pointer;box-shadow:none;border:none}input[type=range][data-v-47c32c5c]::-moz-range-thumb{box-shadow:none;border:none;height:20px;width:20px;border-radius:var(--nwl-radius-round);background:var(--nwl-white);cursor:pointer}input[type=range][data-v-47c32c5c]::-ms-track{width:100%;height:1px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range][data-v-47c32c5c]::-ms-thumb{box-shadow:none;border:none;height:20px;width:20px;border-radius:var(--nwl-radius-round);background:var(--nwl-white);cursor:pointer}input[type=range][data-v-47c32c5c]:focus::-ms-fill-lower{background:var(--nwl-white)}input[type=range][data-v-47c32c5c]:focus::-ms-fill-upper{background:var(--nwl-white)}.row[data-v-167de82f]{display:flex;flex-flow:wrap}.row[data-v-167de82f] :last-child{margin-right:0}.col[data-v-bb84c296]{flex:1 0 250px;display:flex;flex-flow:row wrap}table[data-v-b16aba41]{border-collapse:collapse;width:100%;margin-bottom:20px}th[data-v-b16aba41]{text-align:left}td[data-v-b16aba41]{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;hyphens:auto}.selected[data-v-b16aba41]{background:var(--nwl-bg-elevated)}table[data-v-9817a5c1]{border-collapse:collapse;width:100%}th[data-v-9817a5c1]{text-align:left}td[data-v-9817a5c1]{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;hyphens:auto}.selected[data-v-9817a5c1]{background:var(--nwl-bg-elevated)}.labelset[data-v-db99ef8d]{overflow:auto;position:fixed;width:50%;height:50%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--nwl-black-80);border:thin solid var(--nwl-border);padding:10px;text-align:left;z-index:21;font-size:.8rem;resize:both}h3[data-v-db99ef8d]{margin:20px 0 0}.close[data-v-db99ef8d]{width:16px;height:16px;cursor:pointer}.header[data-v-db99ef8d]{height:36px;background-color:var(--nwl-grey-66);padding:0 5px 0 10px;margin:-10px -10px 5px}.header img[data-v-db99ef8d]{float:right;width:.9rem;height:.9rem;margin:8px 2px;vertical-align:middle;cursor:pointer}.label-color[data-v-db99ef8d]{vertical-align:middle;margin:6px;display:inline-block;width:40px;height:30px;background-color:var(--nwl-black)}.label-list[data-v-db99ef8d]{display:flex;flex-wrap:wrap;text-align:left;padding:0;list-style:none}.label-list li[data-v-db99ef8d]{cursor:pointer}.chat[data-v-46e174d7]{width:100%;height:100%;display:flex;flex-direction:column;position:relative;min-height:60px}.overlay[data-v-46e174d7]{display:flex;flex-direction:column;width:100%;height:100%;position:absolute}.messages[data-v-46e174d7]{border:thin solid var(--nwl-border);background:var(--nwl-black);opacity:.5;border-radius:var(--nwl-radius-sm);margin:1px 0;user-select:text;overflow:auto;padding:3px;list-style:none;flex:1}input[data-v-46e174d7]{color:var(--nwl-text-inverse);height:22px}.icon[data-v-a300c20a]{width:20px;height:20px}.setting[data-v-a300c20a]{display:flex;align-items:center}#logScript{border:thin solid var(--nwl-border);border-radius:var(--nwl-radius-sm);width:100%;position:relative;height:100%;min-height:60px}#logScript .codeflask__flatten{white-space:pre-wrap;word-wrap:break-word;caret-color:var(--nwl-white);font-size:inherit}#logScript .codeflask{background:var(--nwl-black)}
|
|
1
|
+
@layer nwl.base, nwl.widgets, nwl.components;
|
|
2
|
+
:root{--nwl-black: #000;--nwl-grey-11: #111;--nwl-grey-22: #222;--nwl-grey-33: #333;--nwl-grey-44: #444;--nwl-grey-55: #555;--nwl-grey-66: #666;--nwl-grey-77: #777;--nwl-grey-7a: #7a7a7a;--nwl-grey-80: #808080;--nwl-grey-bb: #bbb;--nwl-grey-cc: #ccc;--nwl-grey-dd: #ddd;--nwl-white: #fff;--nwl-white-25: #ffffff40;--nwl-white-40: rgba(255, 255, 255, .4);--nwl-white-75: rgba(255, 255, 255, .75);--nwl-black-70: rgba(0, 0, 0, .7);--nwl-black-80: rgba(0, 0, 0, .8);--nwl-cyan: #57d1df;--nwl-cyan-50: rgba(87, 209, 223, .5);--nwl-cyan-15: rgba(87, 209, 223, .15);--nwl-red: #c55;--nwl-green: #8d8;--nwl-amber: #fc6;--nwl-sans-serif: sans-serif;--nwl-monospace: ui-monospace, Menlo, Consolas, monospace}:root{--nwl-bg-canvas: var(--nwl-black);--nwl-bg-nav: var(--nwl-grey-11);--nwl-bg: var(--nwl-grey-22);--nwl-bg-surface: var(--nwl-grey-33);--nwl-bg-elevated: var(--nwl-grey-44);--nwl-bg-pressed: var(--nwl-grey-55);--nwl-bg-input: transparent;--nwl-bg-overlay: var(--nwl-black-70);--nwl-border-subtle: var(--nwl-grey-55);--nwl-border: var(--nwl-grey-77);--nwl-border-strong: var(--nwl-grey-dd);--nwl-text: var(--nwl-white);--nwl-text-2: var(--nwl-white-75);--nwl-text-3: var(--nwl-white-40);--nwl-text-placeholder: var(--nwl-grey-cc);--nwl-text-inverse: var(--nwl-black);--nwl-text-button: var(--nwl-grey-dd);--nwl-accent: var(--nwl-cyan);--nwl-accent-dim: var(--nwl-cyan-50);--nwl-accent-subtle: var(--nwl-cyan-15);--nwl-accent-fg: var(--nwl-cyan);--nwl-focus: var(--nwl-text);--nwl-link: var(--nwl-text);--nwl-link-hover: var(--nwl-text);--nwl-danger: var(--nwl-red);--nwl-success: var(--nwl-green);--nwl-warning: var(--nwl-amber);--nwl-font-display: Roboto, var(--nwl-sans-serif);--nwl-font-body: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, var(--nwl-sans-serif);--nwl-font-mono: var(--nwl-monospace);--nwl-text-xs: 11px;--nwl-text-sm: 12px;--nwl-text-base: 13px;--nwl-text-md: 14px;--nwl-text-lg: 16px;--nwl-text-xl: 22px;--nwl-text-2xl: 28px;--nwl-text-3xl: 36px;--nwl-text-hero: 60px;--nwl-weight-thin: 100;--nwl-weight-light: 300;--nwl-weight-regular: 400;--nwl-weight-medium: 500;--nwl-weight-semibold: 600;--nwl-weight-bold: 700;--nwl-leading-tight: 1.2;--nwl-leading-snug: 1.35;--nwl-leading-normal: 1.5;--nwl-leading-relaxed: 1.65;--nwl-space-1: 4px;--nwl-space-2: 8px;--nwl-space-3: 12px;--nwl-space-4: 16px;--nwl-space-5: 20px;--nwl-space-6: 24px;--nwl-space-8: 32px;--nwl-space-10: 40px;--nwl-space-12: 48px;--nwl-space-16: 64px;--nwl-radius-sm: 3px;--nwl-radius-md: 6px;--nwl-radius-round: 50%;--nwl-shadow-sm: 2px 2px 5px var(--nwl-grey-80);--nwl-shadow-md: 0 4px 12px var(--nwl-black-70)}@layer nwl.base{:where(html){font-size:var(--nwl-text-md)}:where(body){margin:0}:where(.app){box-sizing:border-box;font-family:var(--nwl-font-body);font-size:var(--nwl-text-md);color:var(--nwl-text)}:where(.app) *,:where(.app) *:before,:where(.app) *:after{box-sizing:inherit}:where(.app) :where(h1,h2,h3,h4,h5,h6,small,sub,sup,big,code,kbd,samp,pre,tt,button,input,select,textarea){font-size:inherit}:where(.app) :where(button,input,select,textarea,dialog){color:inherit}:where(.app a){color:var(--nwl-link)}:where(.app a:hover){color:var(--nwl-link-hover)}:where(.app :focus-visible){outline:2px solid var(--nwl-focus);outline-offset:2px}}@layer nwl.widgets{:where(.nwl-push-button){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;-webkit-appearance:none;appearance:none;margin:0;padding:5px 0;border:1px solid var(--nwl-border-strong);border-radius:var(--nwl-radius-md);background:transparent;color:var(--nwl-text-button);font-size:inherit;font-weight:var(--nwl-weight-bold);text-align:center;text-decoration:none;cursor:pointer}:where(.nwl-push-button:hover){background:var(--nwl-bg-pressed)}:where(.nwl-push-button:disabled,.nwl-push-button[aria-disabled=true]){opacity:.4;cursor:default}:where(.nwl-push-button) :where(option){color:var(--nwl-text)}:where(.nwl-tool-button){box-sizing:border-box;display:block;position:relative;width:calc(100% - 2px);height:24px;-webkit-appearance:none;appearance:none;margin:1px;padding:0;border:1px solid var(--nwl-border);border-radius:var(--nwl-radius-sm);background:transparent;color:var(--nwl-text);font-size:inherit;text-align:center;user-select:none;cursor:pointer}:where(.nwl-tool-button--sub){width:100%;height:22px;margin:0;border:none}:where(.nwl-tool-button:hover){background:var(--nwl-bg-pressed)}:where(.nwl-tool-button:has(>:is(img,svg,.nwl-icon):only-child):hover){background:transparent;opacity:.5}:where(.nwl-tool-button[aria-pressed=true]){background:var(--nwl-bg-pressed)}:where(.nwl-tool-button:disabled,.nwl-tool-button[aria-disabled=true]){opacity:.4;cursor:default}:where(.nwl-icon-button){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;-webkit-appearance:none;appearance:none;margin:0;padding:0;border:none;background:transparent;color:inherit;font-size:inherit;cursor:pointer}:where(.nwl-icon-button:hover){opacity:.5}:where(.nwl-icon-button:disabled,.nwl-icon-button[aria-disabled=true]){opacity:.4;cursor:default}:where(.nwl-icon){width:16px;height:16px;vertical-align:middle;user-select:none}:where(.nwl-text-field){box-sizing:border-box;margin:0;padding:0;border:1px solid var(--nwl-border);border-radius:var(--nwl-radius-sm);background:var(--nwl-bg-input);color:inherit;font-size:inherit}:where(.nwl-text-field)::placeholder{color:var(--nwl-text-placeholder)}:where(.nwl-text-field:disabled){color:var(--nwl-text-3)}:where(:is(.nwl-push-button,.nwl-tool-button,.nwl-icon-button,.nwl-text-field):focus-visible){outline:2px solid var(--nwl-focus);outline-offset:2px}:where(tr[aria-selected=true]){background:var(--nwl-bg-elevated)}}@layer nwl.components{input[type=text][data-v-8173920b]{color:var(--nwl-text);width:100%;background:var(--nwl-bg-input);padding:5px 0;border:none;box-sizing:border-box}input[type=text][disabled][data-v-8173920b]{color:var(--nwl-grey-bb)}[data-v-8173920b]::placeholder{color:var(--nwl-text-placeholder)}}@layer nwl.components{.autocomplete-results[data-v-77861c7a]{position:absolute;top:30px;z-index:10;background:var(--nwl-bg);width:auto;box-sizing:border-box;margin:0;padding:0;list-style:none}.autocomplete-results li[data-v-77861c7a]{padding:10px;border-bottom:1px solid var(--nwl-grey-33);cursor:pointer}.autocomplete-results li[data-v-77861c7a]:hover,.is-active[data-v-77861c7a]{background:var(--nwl-bg-elevated);color:var(--nwl-text)}}@layer nwl.components{button[data-v-e35e7d8e]{margin-right:5px}button[data-v-e35e7d8e]:where(:not(.nwl-push-button)){background:transparent;color:var(--nwl-text);border:1px solid var(--nwl-border);border-radius:var(--nwl-radius-sm);cursor:pointer;padding:10px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.small[data-v-e35e7d8e]{width:20px;height:20px}button[data-v-e35e7d8e]:where(:not(.nwl-push-button)):hover{background:var(--nwl-bg-pressed)}button[data-v-e35e7d8e]:where(:not(.nwl-push-button)):disabled{opacity:.4;cursor:default}button[data-v-e35e7d8e] img{width:20px;height:20px}}@layer nwl.components{select[data-v-0064a5e5]{border:none;background:none;color:var(--nwl-text);appearance:none;cursor:pointer}}@layer nwl.components{textarea[data-v-4d982f93]{background:var(--nwl-bg-input);color:var(--nwl-text);font-family:inherit;font-size:var(--nwl-text-sm);padding:0;border:none;box-sizing:border-box}textarea[disabled][data-v-4d982f93]{background:var(--nwl-bg-pressed);color:var(--nwl-grey-bb)}[data-v-4d982f93]::placeholder{color:var(--nwl-text-placeholder)}}@layer nwl.components{table[data-v-031fad1a]{text-align:left;border-collapse:collapse;width:100%;padding:10px;display:table;margin-bottom:20px;margin-left:10px}table[data-v-031fad1a] .selected{background:var(--nwl-bg-elevated)}table[data-v-031fad1a] td,table[data-v-031fad1a] th{padding:2px 0;vertical-align:middle}table[data-v-031fad1a] :is(td,th):not(:last-child){padding-right:1em}table[data-v-031fad1a] th{font-weight:var(--nwl-weight-bold);white-space:nowrap}table[data-v-031fad1a] td.nwl-break-anywhere{overflow-wrap:anywhere}table[data-v-031fad1a] thead,table[data-v-031fad1a] tbody{border-bottom:1px solid var(--nwl-white)}table[data-v-031fad1a] tbody tr:hover{background:var(--nwl-bg-elevated)}}@layer nwl.components{[role=checkbox][data-v-2d38d0a6]{text-decoration:none;width:9px;height:9px;border-radius:var(--nwl-radius-round);position:relative;display:inline-block}[role=checkbox][data-v-2d38d0a6]:before{content:"";position:absolute;width:11px;height:11px;top:-2px;left:-2px;border:1px solid var(--nwl-white);border-radius:var(--nwl-radius-round)}[aria-checked=true][data-v-2d38d0a6]{background:var(--nwl-white)}[aria-checked=false][data-v-2d38d0a6]{background:none}}@layer nwl.components{ul[data-v-0a39590c]{list-style:none;display:flex;padding:0;margin:0}li[data-v-0a39590c]{padding-right:12px;padding-left:12px;padding-bottom:4px;cursor:pointer;height:20px}.selected[data-v-0a39590c]{background:var(--nwl-bg-surface)}}@layer nwl.components{.content[data-v-7e404c1b]{min-height:400px;background:var(--nwl-bg-surface);padding:20px}}@layer nwl.components{th.nwl-sortable[data-v-92689677]{padding:0}th.nwl-sortable[data-v-92689677]:not(:last-child){padding-right:1em}th.nwl-sortable[data-v-92689677]:hover{background:var(--nwl-bg-elevated)}.nwl-sort-button[data-v-92689677]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:2px 0;white-space:nowrap;font:inherit;color:inherit;text-align:inherit;cursor:pointer;user-select:none}.nwl-sort-button[data-v-92689677]:focus-visible{outline:2px solid var(--nwl-focus);outline-offset:2px}.nwl-sort-indicator[data-v-92689677]{display:block;flex:none;width:1.1em;height:1.1em}.nwl-sort-indicator[data-state=none][data-v-92689677]{color:var(--nwl-grey-7a)}.nwl-sort-button:hover .nwl-sort-indicator[data-state=none][data-v-92689677],.nwl-sort-button:focus-visible .nwl-sort-indicator[data-state=none][data-v-92689677]{color:var(--nwl-grey-bb)}}@layer nwl.components{th.nwl-sortable{padding:0}th.nwl-sortable:not(:last-child){padding-right:1em}th.nwl-sortable:hover{background:var(--nwl-bg-elevated)}.nwl-sort-button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:2px 0;white-space:nowrap;font:inherit;color:inherit;text-align:inherit;cursor:pointer;user-select:none}.nwl-sort-button:focus-visible{outline:2px solid var(--nwl-focus);outline-offset:2px}.nwl-sort-indicator{display:block;flex:none;width:1.1em;height:1.1em}.nwl-sort-indicator[data-state=none]{color:var(--nwl-grey-7a)}.nwl-sort-button:hover .nwl-sort-indicator[data-state=none],.nwl-sort-button:focus-visible .nwl-sort-indicator[data-state=none]{color:var(--nwl-grey-bb)}}@layer nwl.components{.dialog[data-v-5b457130]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--nwl-bg-overlay);z-index:100}.contents[data-v-5b457130]{position:relative;padding:1rem;margin:2rem auto;background-color:var(--nwl-bg-surface);max-width:600px;text-align:center;border:1px solid var(--nwl-border);height:calc(100% - 4rem);box-sizing:border-box}.scrollable[data-v-5b457130]{display:inline-block;max-width:600px;padding:2rem;overflow:scroll;max-height:calc(100% - 10rem)}.actions[data-v-5b457130]{display:block;margin:0 auto;max-width:200px}table[data-v-5b457130]{table-layout:fixed;width:100%}[data-v-5b457130] .push-button{display:block;width:100%;margin:10px}}@layer nwl.components{.container[data-v-4b92cc95]{display:block;margin:0 auto;max-width:700px}.side[data-v-4b92cc95]{text-align:center;display:flex;flex-direction:column;width:100%}.content[data-v-4b92cc95]{margin:0 auto;max-width:420px;flex:1;width:100%}@media (min-width: 639px){.content[data-v-4b92cc95]{max-width:600px}}@media (min-width: 739px){.content[data-v-4b92cc95]{max-width:700px;margin:0}.side[data-v-4b92cc95]{flex-direction:row}}@media (min-width: 1023px){.side[data-v-4b92cc95]{margin-right:20px;max-width:200px;flex-direction:column}.content[data-v-4b92cc95]{max-width:684px}.container[data-v-4b92cc95]{display:flex;max-width:984px}}}@layer nwl.components{h2[data-v-10e7a267]{font-size:var(--nwl-text-md);padding-bottom:4px}.actions[data-v-10e7a267]{text-align:right;margin-top:20px}}@layer nwl.components{button[data-v-47412662]:disabled{pointer-events:none}.access[data-v-47412662]{text-decoration:none;border:none;display:flex}.access button[data-v-47412662]:hover{background:var(--nwl-grey-66)}.access button[data-v-47412662]:before{background-size:15px 15px;width:15px;height:15px;content:"";display:inline-block;text-decoration:none}button[data-v-47412662]{margin-left:0;cursor:pointer;border:none;background:transparent;padding:2px;border-radius:var(--nwl-radius-round);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}[data-level="0"] .view[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImV5ZV9fLnN2ZyIKICAgd2lkdGg9IjE1MzYiCiAgIGhlaWdodD0iMTUzNiI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTAiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTM4NyIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE3IgogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBmaXQtbWFyZ2luLXRvcD0iMCIKICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiCiAgICAgZml0LW1hcmdpbi1yaWdodD0iMCIKICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIKICAgICBpbmtzY2FwZTp6b29tPSIwLjU1NDgwNDYxIgogICAgIGlua3NjYXBlOmN4PSI4MjIuNDE4NjgiCiAgICAgaW5rc2NhcGU6Y3k9IjcwOS4xMjI4OSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTQ5IgogICAgIGlua3NjYXBlOndpbmRvdy15PSI4OCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDo4My44OTA3MjQxOHB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgZD0iTSAxNjQuODMxNzgsODUxLjQxODEzIEMgNTI3LjE0NjEzLDEzOS4yNTY2NSAxMTYyLjM0MzksMzA4LjIzMDk4IDEzOTQuNjAwNCw5MzUuNjU1MzgiCiAgICAgaWQ9InBhdGg0MjMxIgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjYyIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuOTMyMzgxNDVweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIgogICAgIGQ9Im0gMjM1Ljg5ODM4LDg1Ny4xNTgxOCBjIDkyLjY4MjI2LC02OS4xNDU4MSAxNTIuNDE1OSwtMTM4LjI0MzIzIDI4NS43NDEyNywtMTk3LjYwMTYgMTA2LjEzOTk3LC00Ny4yNTUwNCAxMDAuNzk2MjYsLTM3LjE2ODExIDE1My42NzU5OCwtNDQuNjk1NjEgNDUuMTQ4NDQsLTYuNDI2OTMgOTEuNTk5OTEsLTUuNTYzMjUgMTM2Ljg2NzY4LDAgNDEuNzk3ODcsNS4xMzY4MiA4Mi4zNDE0OSwxNy45OTYzNCAxMjIuNDYwNTQsMzAuNTgxMjEgNTQuNzgzMDIsMTcuMTg0OCAxMTAuMzM4NzUsMzQuMjUyMyAxNjAuODc5NTUsNjEuMTYyNCA0Ni44NDM4LDI0Ljk0MTYgMTI5LjY2NCw5MS43NDM2IDEyOS42NjQsOTEuNzQzNiBsIDkxLjI0NTMsNzkuOTgxNiA2MC4wMjk1LDU4LjgxMDAxIC05Ni4wNDc0LDU0LjEwNTE5IC0xNjUuNjgxOSw1Ni40NTc2MiAtMTc1LjI4NjY4LDU0LjEwNTEgLTI0OS43MjM0NiwyMy41MjQgLTIwNi41MDIwOSwtNDQuNjk1NSAtMTI3LjI2MjkzLC01NC4xMDUyIC05Ni4wNDc0OSwtNTYuNDU3NjIgLTQ1LjYyMjU0LC0xMDEuMTUzMjEgMTQuNDA3MTIsLTE0LjExNDQgeiIKICAgICBpZD0icGF0aDQxNjIiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNzc3Nzc2NjY2NjY2NjY2NjY2MiIC8+CiAgPGVsbGlwc2UKICAgICBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6IzMzMzMzMztmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzMzMzMzMztzdHJva2Utd2lkdGg6ODguOTM3OTgwNjU7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgaWQ9InBhdGg0MjM5IgogICAgIGN4PSI3ODcuNDc5MTkiCiAgICAgY3k9IjczNy42ODIxOSIKICAgICByeD0iMjIzLjYzNDg5IgogICAgIHJ5PSIyMTkuMTI4OTIiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDo2MC44MDAyMTY2NztzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGQ9Im0gMTk1LjEwNTA2LDgzOC43MDY1OCBjIDMzNS40MTQzNywtNTMxLjI3MTU2IDk1MC40ODA2NCwtNDA2LjYzIDExODAuMTg3NTQsNzYuMDQzMDMiCiAgICAgaWQ9InBhdGg0MjM3LTUiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6MTA3LjM3NTExNDQ0cHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICBkPSJtIDE0Mi4wNjIzNyw3OTIuMTk2MjIgYyA0MTYuNDQwMyw0NzEuNTU5MTggNzI3Ljc3NTMyLDQ3OC4wNjEwOCAxMjYzLjI1ODMzLDgwLjk4NjEzIgogICAgIGlkPSJwYXRoNDIzNSIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2MiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDo4MC4xMTI2NTU2NDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGQ9Im0gMjA5LjIyOTIsNzkyLjc5NDgyIGMgMzM2LjM1MzAxLDM5Ni42NjY0OCA2OTAuMjM3MTYsMzc2LjQwNTQ4IDExNDkuNjk0OSw3My40NTg4MSIKICAgICBpZD0icGF0aDQyMzUtMyIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2MiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDo4Ni44OTM1MTY1NDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGQ9Ik0gMjE2LjgwNjQsODQ2LjcxNDM3IEMgMjMxLjg0NDI3LDgxMi43ODYyMiAzMzQuNDExNTYsNzE5LjcwMzc1IDQwMi44MTgxNyw2NjQuNzgwNjkgNzUzLjY0NDg2LDM4My4xMDUwNyAxMDUyLjY3MzIsNTc2LjMxMDk0IDEzNTIuMDQ1OSw5MDguMDU1NjQiCiAgICAgaWQ9InBhdGg0MjM3IgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjc2MiIC8+Cjwvc3ZnPgo=)}[data-level="1"] .view[data-v-47412662]:before,[data-level="2"] .view[data-v-47412662]:before,[data-level="3"] .view[data-v-47412662]:before,[data-level="4"] .view[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImV5ZS1jaXJjbGUuc3ZnIgogICB3aWR0aD0iMTUzNiIKICAgaGVpZ2h0PSIxNTM2Ij4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMzg3IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciCiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGZpdC1tYXJnaW4tdG9wPSIwIgogICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIgogICAgIGlua3NjYXBlOnpvb209IjAuMzkyMzA2MSIKICAgICBpbmtzY2FwZTpjeD0iMTI2MC44NTE4IgogICAgIGlua3NjYXBlOmN5PSI1MDUuMjAwNDkiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ijc0MyIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMTE3IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8ZWxsaXBzZQogICAgIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDo4NS42Nzc3NTcyNjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6My4yNzU5MDAxMztzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJwYXRoNDE2MyIKICAgICBjeD0iNzY4LjI4NTgzIgogICAgIGN5PSI3NzAuMTY5NDkiCiAgICAgcng9IjcyMy4yMTYxMyIKICAgICByeT0iNzIzLjIxOTU0IiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6ODMuODkwNzI0MThweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIgogICAgIGQ9Ik0gMTY1LjU4NTIxLDg3My4zODM3NiBDIDUyNy44OTk1NiwxNjEuMjIyMjggMTE1Ny42OSwzNzUuMjU3NTIgMTM5NS4zNTM4LDk1Ny42MjEwMSIKICAgICBpZD0icGF0aDQyMzEiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MC45MDk4ODc3M3B4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgZD0ibSAyMzUuOTAxMTksODQ1LjA1NDMgMTQxLjQ3OTIxLC0xMjUuMjQzODkgMTM0LjUyMTIsLTY5LjU3OTkzIDE0OC40MzcyLC00NC4wNjczIDEzMi4yMDE4OSwwIDExOC4yODU4OSwzMC4xNTEzMSAxNTUuMzk1MjIsNjAuMzAyNjEgMTI1LjI0MzgsOTAuNDUzOTIgODguMTM0Nyw3OC44NTcyNiA1Ny45ODMyLDU3Ljk4MzI5IC05Mi43NzMyLDUzLjM0NDYxIC0xNjAuMDMzOSw1NS42NjM5MiAtMTY5LjMxMTE2LDUzLjM0NDYgLTI0MS4yMTA0NSwyMy4xOTMzIC0xOTkuNDYyNDgsLTQ0LjA2NzIgLTEyMi45MjQ1NiwtNTMuMzQ0NiAtOTIuNzczMjUsLTU1LjY2NCAtNDQuMDY3MjksLTk5LjczMTI1IDEzLjkxNTk5LC0xMy45MTU5OSB6IgogICAgIGlkPSJwYXRoNDE2MiIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDxlbGxpcHNlCiAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjg0LjYyOTY1MzkzO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJwYXRoNDIzOSIKICAgICBjeD0iNzg4LjIzMjYiCiAgICAgY3k9Ijc4NC40MTA4MyIKICAgICByeD0iMjI1Ljc4OTA1IgogICAgIHJ5PSIxOTYuNTIwMDgiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoxMDcuMzc1MTE0NDRweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIgogICAgIGQ9Im0gMTQyLjgxNTgsODE0LjE2MTg1IGMgMzY5LjU3Njk1LDQzNy4zMTI4NSA3NTguNDE2NzQsNDE0Ljk3NTc1IDEyNjMuMjU4Myw4MC45ODYxMyIKICAgICBpZD0icGF0aDQyMzUiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6ODYuODkzNTE2NTQ7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICBkPSJNIDIyNC4wMTYxNSw4NzcuMzU1NzYgQyAyNzMuMzAwMzEsNzkyLjk1OTQgMzQxLjYyMTMxLDc1MC4zNDUxNCA0MTAuMDI3OTIsNjk1LjQyMjA4IDc2MC44NTQ2MSw0MTMuNzQ2NDYgMTA1OS44ODI5LDYwNi45NTIzMiAxMzU5LjI1NTYsOTM4LjY5NzAzIgogICAgIGlkPSJwYXRoNDIzNyIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY3NjIiAvPgo8L3N2Zz4K)}[data-level="0"] .edit[data-v-47412662]:before,[data-level="1"] .edit[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9InBlbmNpbC5zdmciCiAgIHdpZHRoPSIxNTM2IgogICBoZWlnaHQ9IjE1MzYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZSAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjEzODciCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAxNyIKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgZml0LW1hcmdpbi10b3A9IjAiCiAgICAgZml0LW1hcmdpbi1sZWZ0PSIwIgogICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiCiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiCiAgICAgaW5rc2NhcGU6em9vbT0iMC4zOTIzMDYwOSIKICAgICBpbmtzY2FwZTpjeD0iMTkzLjQ2MzU2IgogICAgIGlua3NjYXBlOmN5PSI1MjkuMzU5ODQiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjYwMyIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iNzEiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAvPgogIDxwYXRoCiAgICAgZD0ibSAyNDIuNTUzOTcsOTc3LjU1MDUzIDAsMzEzLjM0ODk3IDMxMy4zNTE1OCwwIEwgMTE4Mi42MDYxLDY2NC4xOTg5NCA4NjkuMjQ5MjEsMzUwLjg0NDcgMjQyLjU1Mzk3LDk3Ny41NTA1MyBaIG0gMjczLjQyNjQzLDIxNi45MzAzNyAwLDAgLTgwLjU5OTU1LDAuMDEgMCwtOTYuNDE4OCAtOTYuNDEwOCwwIDAsLTgwLjYwNzMgNjguNTQ1MjQsLTY4LjU0NTI3IDE3Ny4wMTAzNywxNzcuMDA3NzcgLTY4LjU0NTI2LDY4LjU1MzIgeiBNIDg5My4zNzM2OCw0NzguOTAxNzIgYyAxMS4wMzMyOCwwIDE2LjU1Nzg1LDUuNTI3MjEgMTYuNTU3ODUsMTYuNTY4NDMgMCw1LjAyODU2IC0xLjc1MTc2LDkuMjg5MzkgLTUuMjczODUsMTIuODExNSBMIDQ5Ni4zOTM3OSw5MTYuNTQyODggYyAtMy41MTY4MywzLjUwMzY5IC03Ljc4ODIxLDUuMjYzMzQgLTEyLjgwNjIxLDUuMjYzMzQgLTExLjAzODU5LDAgLTE2LjU2NTgsLTUuNTM1MDcgLTE2LjU2NTgsLTE2LjU2NTcgMCwtNS4wMjg2NCAxLjc1NzExLC05LjI4OTQ4IDUuMjY4NjYsLTEyLjgxMTQ5IEwgODgwLjU1Njk1LDQ4NC4xNzMgYyAzLjUwNjI0LC0zLjUxNDE3IDcuNzc3NjYsLTUuMjcxMjggMTIuODE2NzMsLTUuMjcxMjggeiIKICAgICBpZD0icGF0aDciCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIiAvPgogIDxwYXRoCiAgICAgZD0iTSAxMzU1Ljg0NjQsMzU0LjU5NjM0IDExNzguODQxMSwxNzguMzQzMTggYyAtMTkuMDc5OSwtMTkuMDcyMTYgLTQxLjkzMDEsLTI4LjYyMDExIC02OC41NDc3LC0yOC42MjAxMSAtMjcuMTI5NSwwIC00OS43MTA1LDkuNTQ3OTUgLTY3Ljc4NTUsMjguNjIwMTEgbCAtMTI1LjAzODc3LDEyNC4yODY5IDMxMy4zNTY3NywzMTMuMzQ4OTQgMTI1LjAzODksLTEyNS4wMzM1MyBjIDE4LjU3ODksLTE4LjU4MTQ0IDI3Ljg2MjksLTQxLjE3ODMzIDI3Ljg2MjksLTY3Ljc5NTk3IC0wLjAxLC0yNi4xMDU4MyAtOS4yOTIxLC00OC45NjEyOCAtMjcuODgxMywtNjguNTUzMTggeiIKICAgICBpZD0icGF0aDkiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIiAvPgo8L3N2Zz4K)}[data-level="2"] .edit[data-v-47412662]:before,[data-level="3"] .edit[data-v-47412662]:before,[data-level="4"] .edit[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9InBlbmNpbC1jaXJjbGUuc3ZnIgogICB3aWR0aD0iMTUzNiIKICAgaGVpZ2h0PSIxNTM2Ij4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMzg3IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciCiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGZpdC1tYXJnaW4tdG9wPSIwIgogICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIgogICAgIGlua3NjYXBlOnpvb209IjAuMzkyMzA2MDkiCiAgICAgaW5rc2NhcGU6Y3g9IjY1MC4wODkzOCIKICAgICBpbmtzY2FwZTpjeT0iODMwLjExOTYzIgogICAgIGlua3NjYXBlOndpbmRvdy14PSI2MDMiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjcxIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8ZWxsaXBzZQogICAgIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDo4NS42Nzc3NTcyNjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6My4yNzU5MDAxMztzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJwYXRoNDE2MyIKICAgICBjeD0iNzY4LjI4NTgzIgogICAgIGN5PSI3NzAuMTY5NDkiCiAgICAgcng9IjcyMy4yMTYxMyIKICAgICByeT0iNzIzLjIxOTU0IiAvPgogIDxnCiAgICAgaWQ9Imc0MTM1IgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuODQzNjQxNjUsMCwwLDAuODQzNjQxNjUsMTA2LjIxNjI4LDEzNi4wOTk1OCkiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjEiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgaWQ9InBhdGg3IgogICAgICAgZD0ibSAyNDIuNTUzOTcsOTc3LjU1MDUzIDAsMzEzLjM0ODk3IDMxMy4zNTE1OCwwIEwgMTE4Mi42MDYxLDY2NC4xOTg5NCA4NjkuMjQ5MjEsMzUwLjg0NDcgMjQyLjU1Mzk3LDk3Ny41NTA1MyBaIG0gMjczLjQyNjQzLDIxNi45MzAzNyAwLDAgLTgwLjU5OTU1LDAuMDEgMCwtOTYuNDE4OCAtOTYuNDEwOCwwIDAsLTgwLjYwNzMgNjguNTQ1MjQsLTY4LjU0NTI3IDE3Ny4wMTAzNywxNzcuMDA3NzcgLTY4LjU0NTI2LDY4LjU1MzIgeiBNIDg5My4zNzM2OCw0NzguOTAxNzIgYyAxMS4wMzMyOCwwIDE2LjU1Nzg1LDUuNTI3MjEgMTYuNTU3ODUsMTYuNTY4NDMgMCw1LjAyODU2IC0xLjc1MTc2LDkuMjg5MzkgLTUuMjczODUsMTIuODExNSBMIDQ5Ni4zOTM3OSw5MTYuNTQyODggYyAtMy41MTY4MywzLjUwMzY5IC03Ljc4ODIxLDUuMjYzMzQgLTEyLjgwNjIxLDUuMjYzMzQgLTExLjAzODU5LDAgLTE2LjU2NTgsLTUuNTM1MDcgLTE2LjU2NTgsLTE2LjU2NTcgMCwtNS4wMjg2NCAxLjc1NzExLC05LjI4OTQ4IDUuMjY4NjYsLTEyLjgxMTQ5IEwgODgwLjU1Njk1LDQ4NC4xNzMgYyAzLjUwNjI0LC0zLjUxNDE3IDcuNzc3NjYsLTUuMjcxMjggMTIuODE2NzMsLTUuMjcxMjggeiIgLz4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxIgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIGlkPSJwYXRoOSIKICAgICAgIGQ9Ik0gMTM1NS44NDY0LDM1NC41OTYzNCAxMTc4Ljg0MTEsMTc4LjM0MzE4IGMgLTE5LjA3OTksLTE5LjA3MjE2IC00MS45MzAxLC0yOC42MjAxMSAtNjguNTQ3NywtMjguNjIwMTEgLTI3LjEyOTUsMCAtNDkuNzEwNSw5LjU0Nzk1IC02Ny43ODU1LDI4LjYyMDExIGwgLTEyNS4wMzg3NywxMjQuMjg2OSAzMTMuMzU2NzcsMzEzLjM0ODk0IDEyNS4wMzg5LC0xMjUuMDMzNTMgYyAxOC41Nzg5LC0xOC41ODE0NCAyNy44NjI5LC00MS4xNzgzMyAyNy44NjI5LC02Ny43OTU5NyAtMC4wMSwtMjYuMTA1ODMgLTkuMjkyMSwtNDguOTYxMjggLTI3Ljg4MTMsLTY4LjU1MzE4IHoiIC8+CiAgPC9nPgo8L3N2Zz4K)}[data-level="0"] .add[data-v-47412662]:before,[data-level="1"] .add[data-v-47412662]:before,[data-level="2"] .add[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9InBsdXMtc21hbGwuc3ZnIgogICB3aWR0aD0iMTUzNiIKICAgaGVpZ2h0PSIxNTM2Ij4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNDIxIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjkyNyIKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgZml0LW1hcmdpbi10b3A9IjAiCiAgICAgZml0LW1hcmdpbi1sZWZ0PSIwIgogICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiCiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiCiAgICAgaW5rc2NhcGU6em9vbT0iMC4yNDk4MzU3OCIKICAgICBpbmtzY2FwZTpjeD0iMjM1LjQ1Nzc3IgogICAgIGlua3NjYXBlOmN5PSI1NTcuNDc0MTUiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjI4IgogICAgIGlua3NjYXBlOndpbmRvdy15PSI4OSIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIgogICAgIGQ9Im0gMzIwLDczMy4wMTkwNyBxIDAsLTE0LjIxMTAxIDE5LC0yNC41OTU5NyAxOSwtMTAuMzg0OTcgNDUsLTEwLjM4NDk3IGwgNzY4LDAgcSAyNiwwIDQ1LDEwLjM4NDk2IDE5LDEwLjM4NDk2IDE5LDI0LjU5NTk3IGwgMCw2OS45NjE4NyBxIDAsMTQuMjExMDEgLTE5LDI0LjU5NTk4IC0xOSwxMC4zODQ5NiAtNDUsMTAuMzg0OTYgbCAtNzY4LDAgcSAtMjYsMCAtNDUsLTEwLjM4NDk2IC0xOSwtMTAuMzg0OTYgLTE5LC0yNC41OTU5OCBsIDAsLTY5Ljk2MTg3IHoiCiAgICAgaWQ9InBhdGg0IgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIgogICAgIGQ9Im0gNzMzLjAxOTA3LDEyMTYgcSAtMTQuMjExMDEsMCAtMjQuNTk1OTcsLTE5IC0xMC4zODQ5NywtMTkgLTEwLjM4NDk3LC00NSBsIDAsLTc2Ny45OTk5OSBxIDAsLTI2IDEwLjM4NDk2LC00NSAxMC4zODQ5NiwtMTkgMjQuNTk1OTcsLTE5IGwgNjkuOTYxODcsMCBxIDE0LjIxMTAxLDAgMjQuNTk1OTgsMTkgMTAuMzg0OTYsMTkgMTAuMzg0OTYsNDUgbCAwLDc2Ny45OTk5OSBxIDAsMjYgLTEwLjM4NDk2LDQ1IC0xMC4zODQ5NiwxOSAtMjQuNTk1OTgsMTkgbCAtNjkuOTYxODcsMCB6IgogICAgIGlkPSJwYXRoNC04IgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+Cjwvc3ZnPgo=)}[data-level="3"] .add[data-v-47412662]:before,[data-level="4"] .add[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9InBsdXMtc21hbGwtY2lyY2xlLnN2ZyIKICAgd2lkdGg9IjE1MzYiCiAgIGhlaWdodD0iMTUzNiI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTAiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTQyMSIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5MjciCiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGZpdC1tYXJnaW4tdG9wPSIwIgogICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIgogICAgIGlua3NjYXBlOnpvb209IjAuMjQ5ODM1NzgiCiAgICAgaW5rc2NhcGU6Y3g9IjE3OS40MjA5NiIKICAgICBpbmtzY2FwZTpjeT0iNTU3LjQ3NDE1IgogICAgIGlua3NjYXBlOndpbmRvdy14PSIyOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iODkiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAvPgogIDxjaXJjbGUKICAgICBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6NDkuMjI0MDcxNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6My4yNzU5MDAxMztzdHJva2Utb3BhY2l0eTowIgogICAgIGlkPSJwYXRoNDE2MyIKICAgICBjeD0iNzcxLjM2ODc3IgogICAgIGN5PSI3NjkuNTgwMDgiCiAgICAgcj0iNzQxLjQ0Mjk5IiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MSIKICAgICBkPSJtIDMyMCw3MzMuMDE5MDcgcSAwLC0xNC4yMTEwMSAxOSwtMjQuNTk1OTcgMTksLTEwLjM4NDk3IDQ1LC0xMC4zODQ5NyBsIDc2OCwwIHEgMjYsMCA0NSwxMC4zODQ5NiAxOSwxMC4zODQ5NiAxOSwyNC41OTU5NyBsIDAsNjkuOTYxODcgcSAwLDE0LjIxMTAxIC0xOSwyNC41OTU5OCAtMTksMTAuMzg0OTYgLTQ1LDEwLjM4NDk2IGwgLTc2OCwwIHEgLTI2LDAgLTQ1LC0xMC4zODQ5NiAtMTksLTEwLjM4NDk2IC0xOSwtMjQuNTk1OTggbCAwLC02OS45NjE4NyB6IgogICAgIGlkPSJwYXRoNCIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MSIKICAgICBkPSJtIDgwMi45ODA5MiwzMTkuOTk5OTkgcSAxNC4yMTEwMSwwIDI0LjU5NTk4LDE5IDEwLjM4NDk3LDE5IDEwLjM4NDk3LDQ1IGwgMCw3NjguMDAwMDEgcSAwLDI2IC0xMC4zODQ5Nyw0NSAtMTAuMzg0OTUsMTkgLTI0LjU5NTk2LDE5IGwgLTY5Ljk2MTg3LDAgcSAtMTQuMjExMDEsMCAtMjQuNTk1OTksLTE5IC0xMC4zODQ5NSwtMTkgLTEwLjM4NDk1LC00NSBsIDAsLTc2OC4wMDAwMSBxIDAsLTI2IDEwLjM4NDk1LC00NSAxMC4zODQ5NywtMTkgMjQuNTk1OTksLTE5IGwgNjkuOTYxODcsMCB6IgogICAgIGlkPSJwYXRoNC02IgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+Cjwvc3ZnPgo=)}[data-level="0"] .remove[data-v-47412662]:before,[data-level="1"] .remove[data-v-47412662]:before,[data-level="2"] .remove[data-v-47412662]:before,[data-level="3"] .remove[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1pbnVzLXNtYWxsLnN2ZyIKICAgd2lkdGg9IjE1MzYiCiAgIGhlaWdodD0iMTUzNiI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTAiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTQyMSIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5MjciCiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGZpdC1tYXJnaW4tdG9wPSIwIgogICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIgogICAgIGlua3NjYXBlOnpvb209IjAuMjQ5ODM1NzgiCiAgICAgaW5rc2NhcGU6Y3g9Ii00NjAuOTk5NzIiCiAgICAgaW5rc2NhcGU6Y3k9IjU1Ny40NzQxNSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMjgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ijg5IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjEiCiAgICAgZD0ibSAzMjAsNzMzLjAxOTA3IHEgMCwtMTQuMjExMDEgMTksLTI0LjU5NTk3IDE5LC0xMC4zODQ5NyA0NSwtMTAuMzg0OTcgbCA3NjgsMCBxIDI2LDAgNDUsMTAuMzg0OTYgMTksMTAuMzg0OTYgMTksMjQuNTk1OTcgbCAwLDY5Ljk2MTg3IHEgMCwxNC4yMTEwMSAtMTksMjQuNTk1OTggLTE5LDEwLjM4NDk2IC00NSwxMC4zODQ5NiBsIC03NjgsMCBxIC0yNiwwIC00NSwtMTAuMzg0OTYgLTE5LC0xMC4zODQ5NiAtMTksLTI0LjU5NTk4IGwgMCwtNjkuOTYxODcgeiIKICAgICBpZD0icGF0aDQiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==)}[data-level="4"] .remove[data-v-47412662]:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1pbnVzLXNtYWxsLWNpcmNsZS5zdmciCiAgIHdpZHRoPSIxNTM2IgogICBoZWlnaHQ9IjE1MzYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZSAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE0MjEiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iOTI3IgogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBmaXQtbWFyZ2luLXRvcD0iMCIKICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiCiAgICAgZml0LW1hcmdpbi1yaWdodD0iMCIKICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIKICAgICBpbmtzY2FwZTp6b29tPSIwLjI0OTgzNTc4IgogICAgIGlua3NjYXBlOmN4PSI2NTkuNzM2NDciCiAgICAgaW5rc2NhcGU6Y3k9IjU1Ny40NzQxNSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMjgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ijg5IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8Y2lyY2xlCiAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjQ5LjIyNDA3MTU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjMuMjc1OTAwMTM7c3Ryb2tlLW9wYWNpdHk6MCIKICAgICBpZD0icGF0aDQxNjMiCiAgICAgY3g9Ijc3MS4zNjg3NyIKICAgICBjeT0iNzY5LjU4MDA4IgogICAgIHI9Ijc0MS40NDI5OSIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjEiCiAgICAgZD0ibSAzMjAsNzMzLjAxOTA3IHEgMCwtMTQuMjExMDEgMTksLTI0LjU5NTk3IDE5LC0xMC4zODQ5NyA0NSwtMTAuMzg0OTcgbCA3NjgsMCBxIDI2LDAgNDUsMTAuMzg0OTYgMTksMTAuMzg0OTYgMTksMjQuNTk1OTcgbCAwLDY5Ljk2MTg3IHEgMCwxNC4yMTEwMSAtMTksMjQuNTk1OTggLTE5LDEwLjM4NDk2IC00NSwxMC4zODQ5NiBsIC03NjgsMCBxIC0yNiwwIC00NSwtMTAuMzg0OTYgLTE5LC0xMC4zODQ5NiAtMTksLTI0LjU5NTk4IGwgMCwtNjkuOTYxODcgeiIKICAgICBpZD0icGF0aDQiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==)}}@layer nwl.components{h2[data-v-e1e904b4]{font-size:var(--nwl-text-md);padding-bottom:4px}.actions[data-v-e1e904b4]{text-align:right;margin-top:20px}}@layer nwl.components{h2[data-v-5d3dff2e]{font-size:var(--nwl-text-md);padding-bottom:4px}.actions[data-v-5d3dff2e]{text-align:right;margin-top:20px}#files[data-v-5d3dff2e]{table-layout:fixed}[contenteditable][data-v-5d3dff2e]{display:block;min-height:1.2em;padding:5px 0}[contenteditable][data-v-5d3dff2e]:empty:before{content:attr(placeholder);color:var(--nwl-text-placeholder)}}@layer nwl.components{h1[data-v-19d1883b]{font-size:1rem;margin:0 0 20px}a[data-v-19d1883b]{color:var(--nwl-link)}[data-v-19d1883b] input,[data-v-19d1883b] textarea{text-align:center;font-family:inherit;font-size:var(--nwl-text-md);color:var(--nwl-text);padding:3px 0 0}[data-v-19d1883b] ::placeholder{color:var(--nwl-text-3)}p[data-v-19d1883b]{margin:0 0 5px}[data-v-19d1883b] button{width:100%;margin-bottom:10px}.image[data-v-19d1883b]{width:200px;height:200px;background:var(--nwl-bg-surface);margin:0 auto 20px}.actions[data-v-19d1883b]{margin-top:15px}.description[data-v-19d1883b]{margin:0 auto}@media (min-width: 738px){.description[data-v-19d1883b]{width:calc(100% - 500px)}.image[data-v-19d1883b]{margin:0 0 20px}}@media (min-width: 1023px){.description[data-v-19d1883b]{flex:1;width:100%}}.embedDialog[data-v-19d1883b]{background:var(--nwl-bg);border:1px solid var(--nwl-grey-33);width:300px;height:300px;padding:20px}.embedDialog form[data-v-19d1883b],.embedDialog label[data-v-19d1883b]{display:flex;flex-direction:column}.embedDialog textarea[data-v-19d1883b]{margin:10px 0;background:var(--nwl-black);height:150px}#saveFeedback[data-v-19d1883b]{transition:opacity .5s;opacity:1}#saveFeedback.disappear[data-v-19d1883b]{opacity:0}}@layer nwl.components{.content[data-v-d8fef71c]{background:var(--nwl-bg-surface);padding:20px}}@layer nwl.components{.app{background:var(--nwl-bg);display:block;min-height:100vh}.app>main{padding:20px}.app>footer{margin-top:auto}}@layer nwl.components{nav[data-v-c0f28324]{margin-left:auto;margin-right:10px}.button[data-v-c0f28324]{width:.9rem;height:.9rem;margin:8px 2px 8px 15px;vertical-align:middle;cursor:pointer}.login[data-v-c0f28324]{display:inline-block;margin-left:15px}a[data-v-c0f28324]{color:var(--nwl-link)}}@layer nwl.components{header[data-v-d4616876]{display:flex;flex-flow:row wrap;align-items:flex-start;min-height:64px;padding:3px}.logo[data-v-d4616876]{display:inline-block;margin:10px;text-decoration:none}.logo img[data-v-d4616876]{height:56px;vertical-align:middle}[data-v-d4616876] .title{color:var(--nwl-text);display:inline-block;width:auto;text-align:left;font-family:var(--nwl-font-display);font-size:var(--nwl-text-3xl);font-weight:var(--nwl-weight-thin);vertical-align:middle;background:none;margin-top:14px;border:none}[data-v-d4616876] .title.empty:before{content:attr(placeholder);color:var(--nwl-text-3)}}@layer nwl.components{footer[data-v-98407041]{height:100px;background-color:var(--nwl-black);padding:13px 0}p[data-v-98407041]{width:100%;font-size:small;text-align:center}a[data-v-98407041]{font-size:var(--nwl-text-md);text-decoration:none;font-weight:lighter;color:var(--nwl-link)}img[data-v-98407041]{width:28px;height:28px;margin-right:4px;display:inline-block;vertical-align:middle}}@layer nwl.components{.container[data-v-361b2763]{display:block;width:600px;margin:0 auto;padding:20px;background:var(--nwl-bg-surface)}.inner[data-v-361b2763]{max-width:480px;display:block;margin:0 auto}h1[data-v-361b2763]{font-size:var(--nwl-text-lg);text-align:center}p[data-v-361b2763]{font-family:var(--nwl-sans-serif);text-align:center;line-height:20px}.actions[data-v-361b2763]{display:block;margin:0 auto;width:200px}.input[data-v-361b2763]{color:var(--nwl-text-inverse);width:100%;margin-bottom:10px}.push-button[data-v-361b2763]{display:block;width:100%;margin:10px}}@layer nwl.components{.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{-webkit-user-select:none;user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}}@layer nwl.components{main[data-v-096c5e30]{padding:0}.editor[data-v-096c5e30]{display:flex;width:100vw;max-width:100%;overflow:hidden;border:1px solid var(--nwl-grey-44)}.editor[data-v-096c5e30]:not(.fullscreen){max-height:calc(100vh - 82px)}.left-header[data-v-096c5e30]{padding:5px 0;display:flex;border-bottom:1px solid var(--nwl-grey-33);margin-bottom:10px}.left-header button[data-v-096c5e30]{padding:0;appearance:none;border:0;background:transparent;display:flex;align-items:center;cursor:pointer}.left-header button img[data-v-096c5e30]{max-height:14px}.vertical .left-header button[data-v-096c5e30]{transform:rotate(90deg)}.horizontal[data-v-096c5e30]{height:calc(100vh - 82px)}.fullscreen .horizontal[data-v-096c5e30]{height:100vh}.horizontal[data-v-096c5e30] .area{height:100%}.horizontal .left[data-v-096c5e30]{overflow-y:auto}.vertical[data-v-096c5e30] .area{height:calc(100vh - 82px)}.fullscreen .vertical[data-v-096c5e30] .area{height:100vh}.vertical .left[data-v-096c5e30]{width:40%;padding:0 5px;overflow-y:auto;height:calc(100vh - 82px)}.vertical .right[data-v-096c5e30]{width:60%;overflow:visible}.horizontal .left[data-v-096c5e30],.horizontal .right[data-v-096c5e30]{width:100%}}@layer nwl.components{.splitpanes__splitter{background-color:var(--nwl-grey-44);box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes--vertical>.splitpanes__splitter{width:7px;margin-left:-1px}.splitpanes--horizontal>.splitpanes__splitter{height:7px;margin-top:-1px}.splitpanes__splitter:before,.splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--nwl-white-25);transition:background-color .3s}.splitpanes--vertical>.splitpanes__splitter:before,.splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.splitpanes--horizontal>.splitpanes__splitter:before,.splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);height:1px;width:30px}.splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}}@layer nwl.components{.noEmpty[data-v-19a46458]:empty:before{content:"Empty";color:var(--nwl-text-3)}}@layer nwl.components{.group[data-v-2e6240ae]{display:flex;align-items:center;border-left:1px solid var(--nwl-border);border-right:1px solid var(--nwl-border);border-radius:var(--nwl-radius-sm)}.full-width[data-v-2e6240ae]{flex-basis:100%}.group[data-v-2e6240ae] button{border-left:0;margin:0;border-radius:0}.group[data-v-2e6240ae] button:last-child{border-right:0}}@layer nwl.components{.area[data-v-63d72393]{position:relative}.show-tools[data-v-63d72393]{width:32px;height:32px;border:thin solid var(--nwl-border);border-radius:var(--nwl-radius-round);background-color:var(--nwl-bg-surface);display:flex;align-items:center;justify-content:center}.show-tools img[data-v-63d72393]{width:28px}.tools--overlay[data-v-63d72393]{position:absolute;z-index:11}.area--docked[data-v-63d72393]{display:flex;flex-direction:column;margin-bottom:20px}.area--docked .content-wrapper[data-v-63d72393]{flex:1 1 auto;min-height:0;height:auto}.tools .palette[data-v-63d72393]{display:flex;flex-direction:column;width:100%;height:100%;min-width:fit-content;min-height:fit-content;box-shadow:var(--nwl-shadow-sm)}.tools--overlay .palette[data-v-63d72393]{background-color:var(--nwl-black-70)}.tools--docked .palette[data-v-63d72393]{box-shadow:none}.tools--docked .palette .header[data-v-63d72393]{display:none}.tools .palette .content[data-v-63d72393] button,.tools .palette .content[data-v-63d72393] .group{flex-grow:1;flex-shrink:1;margin:1px}.tools .palette .content[data-v-63d72393] button{padding:1px 6px}.tools .palette .content[data-v-63d72393] .group button{padding:1px 6px;margin:0}.tools .content[data-v-63d72393]{min-height:fit-content;flex-grow:1;padding:5px 10px 10px;display:flex;flex-direction:column}.header[data-v-63d72393]{display:flex;background:var(--nwl-bg-surface);user-select:none;align-items:center}.header button[data-v-63d72393]{appearance:none;border:0;background:transparent;padding:5px;display:flex;align-items:center}.header button img[data-v-63d72393]{max-height:14px}.title[data-v-63d72393]{margin-left:5px;margin-right:auto}.content-wrapper[data-v-63d72393]{position:relative;width:100%;height:100%}.resizable[data-v-63d72393]{position:relative;min-width:275px}.reduced .resizable[data-v-63d72393],.tools--reduced .resizable[data-v-63d72393]{min-height:190px;height:auto!important}.resizable--two-cols[data-v-63d72393]{min-height:230px}.reduced .resizable--two-cols[data-v-63d72393],.tools--reduced .resizable--two-cols[data-v-63d72393]{min-height:145px}.reduced .resizable-handle[data-v-63d72393],.tools--reduced .resizable-handle[data-v-63d72393]{display:none}.resizable-handle[data-v-63d72393]{display:block;right:0;bottom:0;position:absolute;z-index:100;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACC2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjE8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlBob3RvbWV0cmljSW50ZXJwcmV0YXRpb24+MjwvdGlmZjpQaG90b21ldHJpY0ludGVycHJldGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KD0UqkwAAACJJREFUCB1jYMABPn/+/B+rFA0l4EbDGVAXwPlwBroEkA8ARSMmcY29DXYAAAAASUVORK5CYII=);background-position:bottom right;background-repeat:no-repeat;opacity:.6;width:15px;height:15px;cursor:nwse-resize}}@layer nwl.components{.range-slider[data-v-1cc1f8e9]{display:flex;align-items:center;justify-content:center;width:100%}input[type=range][data-v-1cc1f8e9]{-webkit-appearance:none;appearance:none;margin:18px 5px;width:100%;background:transparent}input[type=range][data-v-1cc1f8e9]::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;background:var(--nwl-white);border:0}input[type=range][data-v-1cc1f8e9]::-webkit-slider-thumb{box-shadow:none;border:none;height:20px;width:20px;border-radius:var(--nwl-radius-round);background:var(--nwl-white);cursor:pointer;-webkit-appearance:none;appearance:none;margin-top:-10px}input[type=range][data-v-1cc1f8e9]:focus::-webkit-slider-runnable-track{background:var(--nwl-white)}input[type=range][data-v-1cc1f8e9]::-moz-range-track{width:100%;height:1px;background:var(--nwl-white);cursor:pointer;box-shadow:none;border:none}input[type=range][data-v-1cc1f8e9]::-moz-range-thumb{box-shadow:none;border:none;height:20px;width:20px;border-radius:var(--nwl-radius-round);background:var(--nwl-white);cursor:pointer}input[type=range][data-v-1cc1f8e9]::-ms-track{width:100%;height:1px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range][data-v-1cc1f8e9]::-ms-thumb{box-shadow:none;border:none;height:20px;width:20px;border-radius:var(--nwl-radius-round);background:var(--nwl-white);cursor:pointer}input[type=range][data-v-1cc1f8e9]:focus::-ms-fill-lower{background:var(--nwl-white)}input[type=range][data-v-1cc1f8e9]:focus::-ms-fill-upper{background:var(--nwl-white)}}@layer nwl.components{.row[data-v-167de82f]{display:flex;flex-flow:wrap}.row[data-v-167de82f] :last-child{margin-right:0}}@layer nwl.components{.col[data-v-bb84c296]{flex:1 0 250px;display:flex;flex-flow:row wrap}}@layer nwl.components{table[data-v-1b86a7de]{border-collapse:collapse;width:100%;margin-bottom:20px}th[data-v-1b86a7de]{text-align:left}td[data-v-1b86a7de]{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;hyphens:auto}.selected[data-v-1b86a7de]{background:var(--nwl-bg-elevated)}}@layer nwl.components{table[data-v-7cd79af3]{border-collapse:collapse;width:100%}th[data-v-7cd79af3]{text-align:left}td[data-v-7cd79af3]{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;hyphens:auto}.selected[data-v-7cd79af3]{background:var(--nwl-bg-elevated)}}@layer nwl.components{.labelset[data-v-c07b1205]{overflow:auto;position:fixed;width:50%;height:50%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--nwl-black-80);border:thin solid var(--nwl-border);padding:10px;text-align:left;z-index:21;font-size:.8rem;resize:both}.labelset[data-v-c07b1205]>*{font-size:var(--nwl-text-md)}h3[data-v-c07b1205]{margin:20px 0 0}.close[data-v-c07b1205]{width:16px;height:16px;cursor:pointer}.header[data-v-c07b1205]{height:36px;background-color:var(--nwl-grey-66);padding:0 5px 0 10px;margin:-10px -10px 5px}.header img[data-v-c07b1205]{float:right;width:.9rem;height:.9rem;margin:8px 2px;vertical-align:middle;cursor:pointer}.label-color[data-v-c07b1205]{vertical-align:middle;margin:6px;display:inline-block;width:40px;height:30px;background-color:var(--nwl-black)}.label-list[data-v-c07b1205]{display:flex;flex-wrap:wrap;text-align:left;padding:0;list-style:none}.label-list li[data-v-c07b1205]{cursor:pointer}}@layer nwl.components{.chat[data-v-46e174d7]{width:100%;height:100%;display:flex;flex-direction:column;position:relative;min-height:60px}.overlay[data-v-46e174d7]{display:flex;flex-direction:column;width:100%;height:100%;position:absolute}.messages[data-v-46e174d7]{border:thin solid var(--nwl-border);background:var(--nwl-black);opacity:.5;border-radius:var(--nwl-radius-sm);margin:1px 0;user-select:text;overflow:auto;padding:3px;list-style:none;flex:1}input[data-v-46e174d7]{color:var(--nwl-text-inverse);height:22px}}@layer nwl.components{.icon[data-v-a300c20a]{width:20px;height:20px}.setting[data-v-a300c20a]{display:flex;align-items:center}}@layer nwl.components{#logScript{border:thin solid var(--nwl-border);border-radius:var(--nwl-radius-sm);width:100%;position:relative;height:100%;min-height:60px}#logScript .codeflask__flatten{white-space:pre-wrap!important;word-wrap:break-word!important;caret-color:var(--nwl-white)!important;font-size:inherit!important}#logScript .codeflask{background:var(--nwl-black)!important}#logScript .codeflask__pre,#logScript .codeflask__code{color:var(--nwl-text)!important}}
|
package/dist/tokens.css
CHANGED
|
@@ -66,6 +66,8 @@
|
|
|
66
66
|
--nwl-text-3: var(--nwl-white-40);
|
|
67
67
|
--nwl-text-placeholder: var(--nwl-grey-cc);
|
|
68
68
|
--nwl-text-inverse: var(--nwl-black);
|
|
69
|
+
/* the text of push buttons (nwl-components/widgets.css), a little dimmer than --nwl-text */
|
|
70
|
+
--nwl-text-button: var(--nwl-grey-dd);
|
|
69
71
|
|
|
70
72
|
/* accent (selection, focus): the colour, hover or pressed, a tinted background, as text */
|
|
71
73
|
--nwl-accent: var(--nwl-cyan);
|
|
@@ -73,9 +75,13 @@
|
|
|
73
75
|
--nwl-accent-subtle: var(--nwl-cyan-15);
|
|
74
76
|
--nwl-accent-fg: var(--nwl-cyan);
|
|
75
77
|
|
|
76
|
-
/*
|
|
77
|
-
--nwl-
|
|
78
|
-
|
|
78
|
+
/* keyboard focus outline (base.css, :focus-visible); white for now, may become the accent */
|
|
79
|
+
--nwl-focus: var(--nwl-text);
|
|
80
|
+
|
|
81
|
+
/* links and status colours. Links are the text colour (decision U8): they must stay
|
|
82
|
+
distinguishable without colour, by an underline (the browser's default) */
|
|
83
|
+
--nwl-link: var(--nwl-text);
|
|
84
|
+
--nwl-link-hover: var(--nwl-text);
|
|
79
85
|
--nwl-danger: var(--nwl-red);
|
|
80
86
|
--nwl-success: var(--nwl-green);
|
|
81
87
|
--nwl-warning: var(--nwl-amber);
|
package/dist/widgets.css
ADDED
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
@layer nwl.base, nwl.widgets, nwl.components;
|
|
2
|
+
@layer nwl.widgets {
|
|
3
|
+
/* nwl-components widgets: `import 'nwl-components/widgets.css'` (after `nwl-components/tokens.css`
|
|
4
|
+
and `nwl-components/base.css`), or `<link>` the three files on a page with no bundle.
|
|
5
|
+
dist/style.css includes it.
|
|
6
|
+
|
|
7
|
+
Class-based widgets for markup that isn't Vue (Mustache pages, viewer tool panels), also used by
|
|
8
|
+
the library's own components. The build puts this file in `@layer nwl.widgets`, above
|
|
9
|
+
nwl.base and below nwl.components, and every selector is wrapped in :where(), so an app rule
|
|
10
|
+
with a single class (outside any layer) always wins.
|
|
11
|
+
|
|
12
|
+
State is carried by ARIA attributes, not classes, so screen readers get it too:
|
|
13
|
+
`aria-pressed="true"` on a tool button, `aria-selected="true"` on a table row,
|
|
14
|
+
`disabled` (or `aria-disabled="true"` on a link) on a button. */
|
|
15
|
+
|
|
16
|
+
/* Push button: a text button with a light outline (Save, Cancel, Create Project). Works on
|
|
17
|
+
<button>, <a>, <select> and <input type="button|submit">. */
|
|
18
|
+
:where(.nwl-push-button) {
|
|
19
|
+
box-sizing: border-box;
|
|
20
|
+
display: inline-flex;
|
|
21
|
+
align-items: center;
|
|
22
|
+
justify-content: center;
|
|
23
|
+
vertical-align: middle;
|
|
24
|
+
-webkit-appearance: none;
|
|
25
|
+
appearance: none;
|
|
26
|
+
margin: 0;
|
|
27
|
+
padding: 5px 0;
|
|
28
|
+
border: 1px solid var(--nwl-border-strong);
|
|
29
|
+
border-radius: var(--nwl-radius-md);
|
|
30
|
+
background: transparent;
|
|
31
|
+
color: var(--nwl-text-button);
|
|
32
|
+
font-size: inherit;
|
|
33
|
+
font-weight: var(--nwl-weight-bold);
|
|
34
|
+
text-align: center;
|
|
35
|
+
text-decoration: none;
|
|
36
|
+
cursor: pointer;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/* hover on a text button: a lighter background, so the text keeps its contrast */
|
|
40
|
+
:where(.nwl-push-button:hover) {
|
|
41
|
+
background: var(--nwl-bg-pressed);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
:where(.nwl-push-button:disabled, .nwl-push-button[aria-disabled="true"]) {
|
|
45
|
+
opacity: 0.4;
|
|
46
|
+
cursor: default;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/* the options of a <select class="nwl-push-button"> keep the text colour */
|
|
50
|
+
:where(.nwl-push-button) :where(option) {
|
|
51
|
+
color: var(--nwl-text);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/* Tool button: a button of a viewer's tool panel, holding a short text or one icon. Like the
|
|
55
|
+
apps' div tools it replaces, it fills its container's width (the panel's layout sets it),
|
|
56
|
+
less its 1px margins, and is 24px high. */
|
|
57
|
+
:where(.nwl-tool-button) {
|
|
58
|
+
box-sizing: border-box;
|
|
59
|
+
display: block;
|
|
60
|
+
position: relative;
|
|
61
|
+
width: calc(100% - 2px);
|
|
62
|
+
height: 24px;
|
|
63
|
+
-webkit-appearance: none;
|
|
64
|
+
appearance: none;
|
|
65
|
+
margin: 1px;
|
|
66
|
+
padding: 0;
|
|
67
|
+
border: 1px solid var(--nwl-border);
|
|
68
|
+
border-radius: var(--nwl-radius-sm);
|
|
69
|
+
background: transparent;
|
|
70
|
+
color: var(--nwl-text);
|
|
71
|
+
font-size: inherit;
|
|
72
|
+
text-align: center;
|
|
73
|
+
user-select: none;
|
|
74
|
+
cursor: pointer;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/* in a group of tools (BrainBox `.a.sub`): no border, 22px */
|
|
78
|
+
:where(.nwl-tool-button--sub) {
|
|
79
|
+
width: 100%;
|
|
80
|
+
height: 22px;
|
|
81
|
+
margin: 0;
|
|
82
|
+
border: none;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
/* hover: a lighter background on a text button; half opacity on a button holding only an icon
|
|
86
|
+
(an img, svg or .nwl-icon as its only element) */
|
|
87
|
+
:where(.nwl-tool-button:hover) {
|
|
88
|
+
background: var(--nwl-bg-pressed);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
:where(.nwl-tool-button:has(> :is(img, svg, .nwl-icon):only-child):hover) {
|
|
92
|
+
background: transparent;
|
|
93
|
+
opacity: 0.5;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
/* the tool that is on: aria-pressed="true" (a toggle, or the current tool of a group) */
|
|
97
|
+
:where(.nwl-tool-button[aria-pressed="true"]) {
|
|
98
|
+
background: var(--nwl-bg-pressed);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
:where(.nwl-tool-button:disabled, .nwl-tool-button[aria-disabled="true"]) {
|
|
102
|
+
opacity: 0.4;
|
|
103
|
+
cursor: default;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
/* Icon button: a button showing only an icon, with no border. It has no visible text, so it
|
|
107
|
+
needs an accessible name: aria-label="…" (or the icon's alt text). */
|
|
108
|
+
:where(.nwl-icon-button) {
|
|
109
|
+
box-sizing: border-box;
|
|
110
|
+
display: inline-flex;
|
|
111
|
+
align-items: center;
|
|
112
|
+
justify-content: center;
|
|
113
|
+
vertical-align: middle;
|
|
114
|
+
-webkit-appearance: none;
|
|
115
|
+
appearance: none;
|
|
116
|
+
margin: 0;
|
|
117
|
+
padding: 0;
|
|
118
|
+
border: none;
|
|
119
|
+
background: transparent;
|
|
120
|
+
color: inherit;
|
|
121
|
+
font-size: inherit;
|
|
122
|
+
cursor: pointer;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
:where(.nwl-icon-button:hover) {
|
|
126
|
+
opacity: 0.5;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
:where(.nwl-icon-button:disabled, .nwl-icon-button[aria-disabled="true"]) {
|
|
130
|
+
opacity: 0.4;
|
|
131
|
+
cursor: default;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
/* Icon: a 16px image (img or svg) aligned with the text */
|
|
135
|
+
:where(.nwl-icon) {
|
|
136
|
+
width: 16px;
|
|
137
|
+
height: 16px;
|
|
138
|
+
vertical-align: middle;
|
|
139
|
+
user-select: none;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
/* Text field: <input> and <textarea>. Size and colour come from the parent. */
|
|
143
|
+
:where(.nwl-text-field) {
|
|
144
|
+
box-sizing: border-box;
|
|
145
|
+
margin: 0;
|
|
146
|
+
padding: 0;
|
|
147
|
+
border: 1px solid var(--nwl-border);
|
|
148
|
+
border-radius: var(--nwl-radius-sm);
|
|
149
|
+
background: var(--nwl-bg-input);
|
|
150
|
+
color: inherit;
|
|
151
|
+
font-size: inherit;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
:where(.nwl-text-field)::placeholder {
|
|
155
|
+
color: var(--nwl-text-placeholder);
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
:where(.nwl-text-field:disabled) {
|
|
159
|
+
color: var(--nwl-text-3);
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
/* Keyboard focus on the widgets, also on pages without base.css's `.app`: as base.css */
|
|
163
|
+
:where(:is(.nwl-push-button, .nwl-tool-button, .nwl-icon-button, .nwl-text-field):focus-visible) {
|
|
164
|
+
outline: 2px solid var(--nwl-focus);
|
|
165
|
+
outline-offset: 2px;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
/* Selected table row: aria-selected="true" on the <tr> */
|
|
169
|
+
:where(tr[aria-selected="true"]) {
|
|
170
|
+
background: var(--nwl-bg-elevated);
|
|
171
|
+
}
|
|
172
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nwl-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/neuroanatomy/nwl-components.git"
|
|
@@ -11,7 +11,9 @@
|
|
|
11
11
|
"files": [
|
|
12
12
|
"dist",
|
|
13
13
|
"sort",
|
|
14
|
-
"tokens.css"
|
|
14
|
+
"tokens.css",
|
|
15
|
+
"base.css",
|
|
16
|
+
"widgets.css"
|
|
15
17
|
],
|
|
16
18
|
"main": "./dist/nwl-components.umd.js",
|
|
17
19
|
"module": "./dist/nwl-components.es.js",
|
|
@@ -28,6 +30,22 @@
|
|
|
28
30
|
"import": "./dist/tokens.css",
|
|
29
31
|
"require": "./dist/tokens.css"
|
|
30
32
|
},
|
|
33
|
+
"./base.css": {
|
|
34
|
+
"import": "./dist/base.css",
|
|
35
|
+
"require": "./dist/base.css"
|
|
36
|
+
},
|
|
37
|
+
"./dist/base.css": {
|
|
38
|
+
"import": "./dist/base.css",
|
|
39
|
+
"require": "./dist/base.css"
|
|
40
|
+
},
|
|
41
|
+
"./widgets.css": {
|
|
42
|
+
"import": "./dist/widgets.css",
|
|
43
|
+
"require": "./dist/widgets.css"
|
|
44
|
+
},
|
|
45
|
+
"./dist/widgets.css": {
|
|
46
|
+
"import": "./dist/widgets.css",
|
|
47
|
+
"require": "./dist/widgets.css"
|
|
48
|
+
},
|
|
31
49
|
".": {
|
|
32
50
|
"import": "./dist/nwl-components.es.js",
|
|
33
51
|
"require": "./dist/nwl-components.umd.js"
|
package/sort/style.css
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@layer nwl.base, nwl.widgets, nwl.components;
|
|
1
2
|
/* nwl-components design tokens: `import 'nwl-components/tokens.css'`.
|
|
2
3
|
Two tiers. Tier 1 is the raw palette: the only place where hex values appear. Tier 2 is the
|
|
3
4
|
semantic tokens: what components and app CSS use. The values are those the NAAT apps have
|
|
@@ -66,6 +67,8 @@
|
|
|
66
67
|
--nwl-text-3: var(--nwl-white-40);
|
|
67
68
|
--nwl-text-placeholder: var(--nwl-grey-cc);
|
|
68
69
|
--nwl-text-inverse: var(--nwl-black);
|
|
70
|
+
/* the text of push buttons (nwl-components/widgets.css), a little dimmer than --nwl-text */
|
|
71
|
+
--nwl-text-button: var(--nwl-grey-dd);
|
|
69
72
|
|
|
70
73
|
/* accent (selection, focus): the colour, hover or pressed, a tinted background, as text */
|
|
71
74
|
--nwl-accent: var(--nwl-cyan);
|
|
@@ -73,9 +76,13 @@
|
|
|
73
76
|
--nwl-accent-subtle: var(--nwl-cyan-15);
|
|
74
77
|
--nwl-accent-fg: var(--nwl-cyan);
|
|
75
78
|
|
|
76
|
-
/*
|
|
77
|
-
--nwl-
|
|
78
|
-
|
|
79
|
+
/* keyboard focus outline (base.css, :focus-visible); white for now, may become the accent */
|
|
80
|
+
--nwl-focus: var(--nwl-text);
|
|
81
|
+
|
|
82
|
+
/* links and status colours. Links are the text colour (decision U8): they must stay
|
|
83
|
+
distinguishable without colour, by an underline (the browser's default) */
|
|
84
|
+
--nwl-link: var(--nwl-text);
|
|
85
|
+
--nwl-link-hover: var(--nwl-text);
|
|
79
86
|
--nwl-danger: var(--nwl-red);
|
|
80
87
|
--nwl-success: var(--nwl-green);
|
|
81
88
|
--nwl-warning: var(--nwl-amber);
|
|
@@ -132,6 +139,7 @@
|
|
|
132
139
|
--nwl-shadow-md: 0 4px 12px var(--nwl-black-70);
|
|
133
140
|
}
|
|
134
141
|
|
|
142
|
+
@layer nwl.components {
|
|
135
143
|
/* Sortable headers: SortableTh.vue and sortableHeader() in sort.js */
|
|
136
144
|
/* the button carries the vertical padding; the th keeps Table's 1em gap to the next column */
|
|
137
145
|
th.nwl-sortable {
|
|
@@ -158,8 +166,8 @@ th.nwl-sortable:hover {
|
|
|
158
166
|
user-select: none;
|
|
159
167
|
}
|
|
160
168
|
.nwl-sort-button:focus-visible {
|
|
161
|
-
outline:
|
|
162
|
-
outline-offset:
|
|
169
|
+
outline: 2px solid var(--nwl-focus);
|
|
170
|
+
outline-offset: 2px;
|
|
163
171
|
}
|
|
164
172
|
.nwl-sort-indicator {
|
|
165
173
|
display: block;
|
|
@@ -176,3 +184,4 @@ th.nwl-sortable:hover {
|
|
|
176
184
|
.nwl-sort-button:focus-visible .nwl-sort-indicator[data-state="none"] {
|
|
177
185
|
color: var(--nwl-grey-bb);
|
|
178
186
|
}
|
|
187
|
+
}
|