/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  line-height:1.15
}
body {
  margin:0
}
article,
aside,
footer,
header,
nav,
section {
  display:block
}
h1 {
  font-size:2em;
  margin:.67em 0
}
figcaption,
figure,
main {
  display:block
}
figure {
  margin:1em 40px
}
hr {
  box-sizing:content-box;
  height:0;
  overflow:visible
}
pre {
  font-family:monospace,monospace;
  font-size:1em
}
a {
  -webkit-text-decoration-skip:objects;
  background-color:transparent
}
abbr[title] {
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}
b,
strong {
  font-weight:inherit;
  font-weight:bolder
}
code,
kbd,
samp {
  font-family:monospace,monospace;
  font-size:1em
}
dfn {
  font-style:italic
}
mark {
  background-color:#ff0;
  color:#000
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
audio,
video {
  display:inline-block
}
audio:not([controls]) {
  display:none;
  height:0
}
img {
  border-style:none
}
svg:not(:root) {
  overflow:hidden
}
button,
input,
optgroup,
select,
textarea {
  font-family:sans-serif;
  font-size:100%;
  line-height:1.15;
  margin:0
}
button,
input {
  overflow:visible
}
button,
select {
  text-transform:none
}
[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance:button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style:none;
  padding:0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline:1px dotted ButtonText
}
fieldset {
  padding:.35em .75em .625em
}
legend {
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal
}
progress {
  display:inline-block;
  vertical-align:baseline
}
textarea {
  overflow:auto
}
[type=checkbox],
[type=radio] {
  box-sizing:border-box;
  padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
details,
menu {
  display:block
}
summary {
  display:list-item
}
canvas {
  display:inline-block
}
[hidden],
template {
  display:none
}
.CodeMirror {
  color:#1e293b;
  direction:ltr;
  font-family:monospace;
  height:300px
}
.CodeMirror-lines {
  padding:4px 0
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding:0 4px
}
.CodeMirror-gutter-filler,
.CodeMirror-scrollbar-filler {
  background-color:#f8fafc
}
.CodeMirror-gutters {
  background-color:#e2e8f0;
  border-right:1px solid #cbd5e1;
  white-space:nowrap
}
.CodeMirror-linenumber {
  color:#64748b;
  min-width:20px;
  padding:0 3px 0 5px;
  text-align:right;
  white-space:nowrap
}
.CodeMirror-guttermarker {
  color:#1e293b
}
.CodeMirror-guttermarker-subtle {
  color:#64748b
}
.CodeMirror-cursor {
  border-left:1px solid #1e293b;
  border-right:none;
  width:0
}
.CodeMirror div.CodeMirror-secondarycursor {
  border-left:1px solid #94a3b8
}
.cm-fat-cursor .CodeMirror-cursor {
  background:#3b82f6;
  border:0!important;
  width:auto
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index:1
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line>span::selection,
.cm-fat-cursor .CodeMirror-line>span>span::selection {
  background:transparent
}
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line>span::-moz-selection,
.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection {
  background:transparent
}
.cm-fat-cursor {
  caret-color:transparent
}
@-webkit-keyframes blink {
  50% {
    background-color:transparent
  }
}
@keyframes blink {
  50% {
    background-color:transparent
  }
}
.cm-tab {
  display:inline-block;
  text-decoration:inherit
}
.CodeMirror-rulers {
  bottom:0;
  left:0;
  overflow:hidden;
  position:absolute;
  right:0;
  top:-50px
}
.CodeMirror-ruler {
  border-left:1px solid #cbd5e1;
  bottom:0;
  position:absolute;
  top:0
}
.cm-s-default .cm-header {
  color:#2563eb
}
.cm-s-default .cm-quote {
  color:#10b981
}
.cm-negative {
  color:#ef4444
}
.cm-positive {
  color:#10b981
}
.cm-header,
.cm-strong {
  font-weight:700
}
.cm-em {
  font-style:italic
}
.cm-link {
  text-decoration:underline
}
.cm-strikethrough {
  text-decoration:line-through
}
.cm-s-default .cm-keyword {
  color:#6366f1
}
.cm-s-default .cm-atom {
  color:#2563eb
}
.cm-s-default .cm-number {
  color:#0ea5e9
}
.cm-s-default .cm-def {
  color:#2563eb
}
.cm-s-default .cm-variable-2 {
  color:#0284c7
}
.cm-s-default .cm-type,
.cm-s-default .cm-variable-3 {
  color:#0ea5e9
}
.cm-s-default .cm-comment {
  color:#f59e0b
}
.cm-s-default .cm-string {
  color:#f59e0b
}
.cm-s-default .cm-string-2 {
  color:#f97316
}
.cm-s-default .cm-meta,
.cm-s-default .cm-qualifier {
  color:#64748b
}
.cm-s-default .cm-builtin {
  color:#2563eb
}
.cm-s-default .cm-bracket {
  color:#64748b
}
.cm-s-default .cm-tag {
  color:#0284c7
}
.cm-s-default .cm-attribute {
  color:#2563eb
}
.cm-s-default .cm-hr {
  color:#94a3b8
}
.cm-s-default .cm-link {
  color:#2563eb
}
.cm-invalidchar,
.cm-s-default .cm-error {
  color:#ef4444
}
.CodeMirror-composing {
  border-bottom:2px solid
}
div.CodeMirror span.CodeMirror-matchingbracket {
  color:#10b981
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color:#ef4444
}
.CodeMirror-matchingtag {
  background:rgba(251,191,36,0.3)
}
.CodeMirror-activeline-background {
  background:#dbeafe
}
.CodeMirror {
  background:#f8fafc;
  overflow:hidden;
  position:relative
}
.CodeMirror-scroll {
  height:100%;
  margin-bottom:-50px;
  margin-right:-50px;
  outline:none;
  overflow:scroll!important;
  padding-bottom:50px;
  position:relative;
  z-index:0
}
.CodeMirror-sizer {
  border-right:50px solid transparent;
  position:relative
}
.CodeMirror-gutter-filler,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-vscrollbar {
  display:none;
  outline:none;
  position:absolute;
  z-index:6
}
.CodeMirror-vscrollbar {
  overflow-x:hidden;
  overflow-y:scroll;
  right:0;
  top:0
}
.CodeMirror-hscrollbar {
  bottom:0;
  left:0;
  overflow-x:scroll;
  overflow-y:hidden
}
.CodeMirror-scrollbar-filler {
  bottom:0;
  right:0
}
.CodeMirror-gutter-filler {
  bottom:0;
  left:0
}
.CodeMirror-gutters {
  left:0;
  min-height:100%;
  position:absolute;
  top:0;
  z-index:3
}
.CodeMirror-gutter {
  display:inline-block;
  height:100%;
  margin-bottom:-50px;
  vertical-align:top;
  white-space:normal
}
.CodeMirror-gutter-wrapper {
  background:none!important;
  border:none!important;
  position:absolute;
  z-index:4
}
.CodeMirror-gutter-background {
  bottom:0;
  position:absolute;
  top:0;
  z-index:4
}
.CodeMirror-gutter-elt {
  cursor:default;
  position:absolute;
  z-index:4
}
.CodeMirror-gutter-wrapper ::selection {
  background-color:transparent
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color:transparent
}
.CodeMirror-lines {
  cursor:text;
  min-height:1px
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  word-wrap:normal;
  -webkit-tap-highlight-color:transparent;
  font-feature-settings:"calt";
  background:transparent;
  border-radius:0;
  border-width:0;
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  -webkit-font-variant-ligatures:contextual;
  font-variant-ligatures:contextual;
  line-height:inherit;
  margin:0;
  overflow:visible;
  position:relative;
  white-space:pre;
  z-index:2
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap:break-word;
  white-space:pre-wrap;
  word-break:normal
}
.CodeMirror-linebackground {
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0;
  z-index:0
}
.CodeMirror-linewidget {
  padding:.1px;
  position:relative;
  z-index:2
}
.CodeMirror-rtl pre {
  direction:rtl
}
.CodeMirror-code {
  outline:none
}
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber,
.CodeMirror-scroll,
.CodeMirror-sizer {
  box-sizing:content-box
}
.CodeMirror-measure {
  height:0;
  overflow:hidden;
  position:absolute;
  visibility:hidden;
  width:100%
}
.CodeMirror-cursor {
  pointer-events:none;
  position:absolute
}
.CodeMirror-measure pre {
  position:static
}
div.CodeMirror-cursors {
  position:relative;
  visibility:hidden;
  z-index:3
}
.CodeMirror-focused div.CodeMirror-cursors,
div.CodeMirror-dragcursors {
  visibility:visible
}
.CodeMirror-selected {
  background:#dbeafe
}
.CodeMirror-focused .CodeMirror-selected {
  background:#bfdbfe
}
.CodeMirror-crosshair {
  cursor:crosshair
}
.CodeMirror-line::selection,
.CodeMirror-line>span::selection,
.CodeMirror-line>span>span::selection {
  background:#bfdbfe
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line>span::-moz-selection,
.CodeMirror-line>span>span::-moz-selection {
  background:#bfdbfe
}
.cm-searching {
  background-color:#fef3c7;
  background-color:rgba(254,243,199,0.4)
}
.cm-force-border {
  padding-right:.1px
}
@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility:hidden
  }
}
.cm-tab-wrap-hack:after {
  content:""
}
span.CodeMirror-selectedtext {
  background:none
}
:root {
  --base-font-size:13px;
  --base-line-height:16px;
  --color1:#dbeafe;
  --color2:#bfdbfe;
  --color3:#f8fafc;
  --color4:#2563eb;
  --color5:#1e293b;
  --fade:0.2s;
  --disabled:#94a3b8;
  --status-red:#fca5a5;
  --status-green:#86efac;
  --status-gray:#cbd5e1;
  --status-yellow:#fde68a
}
body,
button,
input,
option,
select,
textarea {
  color:#1e293b;
  color:var(--color5);
  font-family:sans-serif;
  outline-color:#2563eb;
  outline-color:var(--color4)
}
a {
  cursor:pointer;
  transition:background-color .2s,color .2s;
  transition:background-color var(--fade),color var(--fade)
}
a,
a:visited {
  color:#2563eb;
  color:var(--color4)
}
a:hover {
  background-color:#2563eb;
  background-color:var(--color4);
  color:#f8fafc;
  color:var(--color3)
}
a span {
  text-decoration:inherit
}
b,
strong {
  font-weight:700
}
i {
  font-style:italic
}
@-webkit-keyframes pending-blink {
  0% {
    background-color:rgba(134,239,172,0.9)
  }
  to {
    background-color:transparent
  }
}
@keyframes pending-blink {
  0% {
    background-color:rgba(134,239,172,0.9)
  }
  to {
    background-color:transparent
  }
}
body {
  display:flex;
  flex-direction:column;
  height:100vh
}
#content-wrapper {
  display:flex;
  flex-grow:1;
  overflow-x:auto;
  overflow-y:auto
}
#header {
  background-color:#f1f5f9;
  border-bottom:1px solid #dbeafe;
  border-bottom:1px solid var(--color1);
  overflow:visible;
  position:relative
}
#header>.drawer-wrapper {
  left:50%;
  margin-left:-360px;
  position:fixed;
  top:0;
  width:720px;
  z-index:10
}
#header>.drawer-wrapper>.drawer {
  background-color:rgba(248,250,252,0.9);
  border-bottom:1px solid #dbeafe;
  border-bottom:1px solid var(--color1);
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  border-left:1px solid #dbeafe;
  border-left:1px solid var(--color1);
  border-right:1px solid #dbeafe;
  border-right:1px solid var(--color1);
  box-shadow:0 0 10px #cbd5e1;
  margin-top:-1px;
  overflow:hidden;
  transition:height .2s,opacity .2s;
  transition:height var(--fade),opacity var(--fade)
}
#header>.drawer-wrapper>.drawer>div {
  padding:.3em
}
#header>.drawer-wrapper>.drawer>.status {
  display:flex
}
#header>.drawer-wrapper>.drawer>.status>span {
  border-radius:.4em;
  margin-right:1em;
  padding-left:.2em;
  padding-right:.2em
}
#header>.drawer-wrapper>.drawer>.status>.pending.active.active {
  -webkit-animation:pending-blink .5s linear 0s infinite alternate;
  animation:pending-blink .5s linear 0s infinite alternate
}
#header>.drawer-wrapper>.drawer>.status>.stale.active {
  background-color:rgba(241,245,249,0.9)
}
#header>.drawer-wrapper>.drawer>.status>.fault.active {
  background-color:rgba(252,165,165,0.9)
}
#header>.drawer-wrapper>.drawer>.status>.queued.active {
  font-weight:700
}
#header>.drawer-wrapper>.drawer>.status>.actions {
  flex-grow:1;
  text-align:right
}
#header>.drawer-wrapper>.drawer>.staging .parameter {
  display:inline-block;
  font-style:italic;
  max-width:500px;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:text-bottom
}
#header>.drawer-wrapper>.drawer>.staging input {
  box-sizing:border-box;
  margin-bottom:.3em;
  margin-top:.3em;
  padding:.3em;
  width:100%
}
#header>.drawer-wrapper>.drawer>.staging .actions {
  text-align:right
}
#header>.drawer-wrapper>.drawer>.queue {
  max-height:400px;
  overflow-y:auto
}
#header>.drawer-wrapper>.drawer>.queue>.pending {
  -webkit-animation:pending-blink .5s linear 0s infinite alternate;
  animation:pending-blink .5s linear 0s infinite alternate;
  border-radius:.4em
}
#header>.drawer-wrapper>.drawer>.queue>.stale {
  background-color:rgba(241,245,249,0.9);
  border-radius:.4em
}
#header>.drawer-wrapper>.drawer>.queue>.fault {
  background-color:rgba(252,165,165,0.9);
  border-radius:.4em
}
#header>.drawer-wrapper>.drawer>.queue .parameter {
  display:inline-block;
  font-style:italic;
  max-width:400px;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:text-bottom
}
#header>.drawer-wrapper>.drawer>.queue .value {
  display:inline-block;
  max-width:200px;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:text-bottom;
  white-space:nowrap
}
#header>.drawer-wrapper>.drawer>.queue>div {
  display:flex
}
#header>.drawer-wrapper>.drawer>.queue>div>.actions {
  flex-grow:1;
  text-align:right
}
#header>.drawer-wrapper>.notifications-wrapper>.notification {
  background-color:rgba(248,250,252,0.9);
  border:1px solid #dbeafe;
  border:1px solid var(--color1);
  border-radius:6px;
  box-shadow:0 0 10px #cbd5e1;
  left:0;
  padding:.3em;
  right:0;
  transition:opacity .2s,top .2s;
  transition:opacity var(--fade),top var(--fade)
}
#header>.drawer-wrapper>.notifications-wrapper>.notification.error {
  background-color:rgba(252,165,165,0.9);
  border:1px solid #fca5a5;
  border:1px solid var(--status-red)
}
#header>.drawer-wrapper>.notifications-wrapper>.notification.success {
  background-color:rgba(134,239,172,0.9);
  border:1px solid #86efac;
  border:1px solid var(--status-green)
}
#header>.drawer-wrapper>.notifications-wrapper>.notification.warning {
  background-color:rgba(253,230,138,0.9);
  border:1px solid #fde68a;
  border:1px solid var(--status-yellow)
}
#header>nav {
  bottom:-1px;
  display:inline-block;
  overflow:visible;
  position:absolute
}
#header>nav>ul {
  display:inline-block;
  font-weight:700;
  margin:0 10px;
  padding:0
}
#header>nav>ul>li {
  background-color:#dbeafe;
  background-color:var(--color1);
  border-left:1px solid #dbeafe;
  border-left:1px solid var(--color1);
  border-right:1px solid #dbeafe;
  border-right:1px solid var(--color1);
  border-top:1px solid #dbeafe;
  border-top:1px solid var(--color1);
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  display:inline-block;
  margin:0 2px;
  transition:background-color .2s;
  transition:background-color var(--fade)
}
#header>nav>ul>li.active,
#header>nav>ul>li:hover {
  background-color:#f8fafc;
  background-color:var(--color3)
}
#header>nav>ul>li>a,
#header>nav>ul>li>a:hover,
#header>nav>ul>li>a:visited {
  background:none;
  color:#2563eb;
  color:var(--color4);
  display:inline-block;
  min-width:140px;
  padding:8px;
  text-decoration:none
}
#header>.logo {
  display:inline-block;
  position:relative
}
#header>.logo>img {
  height:50px;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:20px;
  vertical-align:top
}
#header>.logo>.version {
  color:#94a3b8;
  color:var(--disabled);
  font-family:monospace;
  font-size:0px;
  position:absolute;
  right:10px
}
#header>.user-menu {
  float:right;
  margin:5px
}
#side-menu {
  min-width:200px;
  width:200px
}
#side-menu>ul {
  list-style:none;
  padding:0
}
#side-menu>ul>li>a {
  background-color:#f8fafc;
  background-color:var(--color3);
  border-bottom-right-radius:6px;
  border-top-right-radius:6px;
  display:block;
  margin:5px 0;
  padding:8px;
  text-decoration:none
}
#side-menu>ul>li>a:hover {
  background-color:#2563eb;
  background-color:var(--color4);
  color:#f8fafc;
  color:var(--color3)
}
#side-menu>ul>li.active {
  font-weight:700
}
#content {
  flex-grow:1;
  margin:10px;
  min-height:250px
}
#content:after {
  content:"";
  display:block;
  padding-bottom:1px
}
table.table {
  border-spacing:0;
  overflow-x:auto;
  text-align:left
}
table.table table.table {
  font-size:90%
}
table.table th {
  border-bottom:2px solid #2563eb;
  border-bottom:2px solid var(--color4);
  color:#2563eb;
  color:var(--color4);
  font-weight:700
}
table.table td,
table.table th {
  margin:0;
  padding:.2em .5em;
  white-space:nowrap
}
table.table td {
  max-width:400px;
  overflow:hidden;
  text-overflow:ellipsis
}
table.table tfoot td>a {
  margin-left:1em
}
table.table.highlight>tbody>tr>td {
  border-bottom:1px dotted #dbeafe;
  border-bottom:1px dotted var(--color1)
}
table.table.highlight>tbody>tr {
  transition:background-color .2s;
  transition:background-color var(--fade)
}
table.table.highlight>tbody>tr:hover {
  background-color:#f8fafc;
  background-color:var(--color3)
}
table.table tbody>tr.empty {
  color:#94a3b8;
  color:var(--disabled);
  text-align:center
}
table.table tbody>tr.empty:hover {
  background-color:transparent;
  background-color:initial
}
h1 {
  color:#2563eb;
  color:var(--color4);
  font-size:130%;
  font-weight:700
}
h2 {
  font-size:120%;
  font-weight:700
}
h2,
h3 {
  color:#1e293b;
  color:var(--color5)
}
h3 {
  font-size:110%
}
p.error {
  color:#ef4444
}
input::-moz-focus-inner {
  border:0;
  padding:0
}
button,
input[type=button] {
  background:transparent;
  border:0;
  border-radius:4px;
  color:#2563eb;
  color:var(--color4);
  display:inline-block;
  transition:background-color .2s,color .2s;
  transition:background-color var(--fade),color var(--fade);
  vertical-align:middle
}
button.critical,
button.primary,
input.critical[type=button],
input.primary[type=button] {
  background-color:#f8fafc;
  background-color:var(--color3);
  border:1px solid #dbeafe;
  border:1px solid var(--color1)
}
button.critical,
input.critical[type=button] {
  color:#dc2626
}
button:hover:enabled,
input[type=button]:hover:enabled {
  background-color:#2563eb;
  background-color:var(--color4);
  color:#f8fafc;
  color:var(--color3)
}
button:disabled,
input[type=button]:disabled {
  color:#94a3b8;
  color:var(--disabled);
  cursor:not-allowed
}
.CodeMirror,
input,
select,
textarea {
  background-color:#f8fafc;
  background-color:var(--color3);
  border:1px solid #dbeafe;
  border:1px solid var(--color1);
  border-radius:4px;
  display:block;
  transition:border-color .2s,background-color .2s;
  transition:border-color var(--fade),background-color var(--fade)
}
.CodeMirror.error,
input.error,
select.error,
textarea.error {
  background-color:#fee2e2;
  border-color:#fca5a5
}
.CodeMirror:focus,
.CodeMirror:hover,
input:focus,
input:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
  border-color:#2563eb;
  border-color:var(--color4)
}
.filter {
  margin-bottom:.5em
}
.filter>input {
  font-size:90%;
  margin:2px;
  padding:2px;
  width:35em
}
.page-overview>h1 {
  text-align:center
}
.overview-chart-group {
  display:flex;
  justify-content:center
}
.overview-chart-group h2 {
  text-align:center
}
table.parameter-list {
  border-spacing:0;
  text-align:left
}
table.parameter-list th {
  padding:0 1em 0 0
}
.overview-dot>svg {
  margin-bottom:-.125em;
  margin-left:.2em;
  margin-right:.2em
}
.overview-dot>svg>circle {
  stroke:#1e293b;
  stroke:var(--color5);
  stroke-width:.08em
}
span.inform>* {
  margin-right:.5em
}
.pie-chart {
  margin:20px;
  text-align:center
}
.pie-chart>svg>path {
  stroke:#dbeafe;
  stroke:var(--color1);
  stroke-width:1px
}
.pie-chart>svg>a {
  opacity:0;
  transition:opacity .2s;
  transition:opacity var(--fade)
}
.pie-chart>svg>a>text {
  font-weight:700;
  opacity:.4
}
.pie-chart>svg>a>path {
  stroke:#2563eb;
  stroke:var(--color4)
}
.pie-chart>svg>a:hover {
  opacity:1
}
.pie-chart>.legend {
  margin:15px;
  text-align:left
}
.pie-chart>.legend>.legend-line>.color {
  border:1px solid #dbeafe;
  border:1px solid var(--color1);
  display:inline-block;
  height:12px;
  margin-right:5px;
  width:12px
}
span.na {
  color:#94a3b8;
  color:var(--disabled)
}
.all-parameters>input {
  margin-bottom:2px;
  padding:4px;
  width:700px
}
.all-parameters>.parameter-list,
.all-parameters>input {
  font-family:monospace;
  font-size:14px
}
.all-parameters>.parameter-list button {
  font-size:16px
}
.all-parameters>.parameter-list {
  height:200px;
  overflow-y:scroll
}
.all-parameters>.parameter-list>table {
  border-spacing:0;
  table-layout:fixed;
  width:100%
}
.all-parameters>.parameter-list>table>tbody>tr>td {
  border-bottom:1px dotted #dbeafe;
  border-bottom:1px dotted var(--color1);
  overflow:hidden;
  white-space:nowrap
}
.all-parameters>.parameter-list>table>tbody>tr {
  transition:background-color .2s;
  transition:background-color var(--fade)
}
.all-parameters>.parameter-list>table>tbody>tr:hover {
  background-color:#f8fafc;
  background-color:var(--color3)
}
.all-parameters>.parameter-list>table>tbody>tr>td.left>* {
  max-width:100%
}
.all-parameters>.parameter-list>table>tbody>tr>td.right {
  padding-right:.5em;
  text-align:right
}
.container-right {
  clear:right;
  float:right
}
.container-full-width {
  clear:both
}
.actions-bar {
  margin-bottom:10px;
  margin-top:10px
}
.actions-bar>button {
  margin-right:10px
}
span.tag {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='16'%3E%3Cpath d='m6.59 15.42-6-6a2 2 0 0 1 0-2.83l6-6A2 2 0 0 1 8 0h180a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H8a2 2 0 0 1-1.41-.58zM4.35 6.59A2 2 0 1 0 7.17 9.4a2 2 0 0 0-2.82-2.8z' fill='%23dbeafe'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:.2em;
  display:inline-block;
  padding-left:1em;
  padding-right:.2em
}
.tags>.tag {
  margin-right:.5em
}
.overlay-wrapper {
  align-items:center;
  background-color:rgba(0,0,0,.2);
  bottom:0;
  display:flex;
  justify-content:center;
  left:0;
  position:fixed;
  right:0;
  top:0;
  transition:opacity .2s,top .2s;
  transition:opacity var(--fade),top var(--fade);
  z-index:100
}
.overlay-wrapper>.overlay {
  background-color:#f8fafc;
  border:1px solid #dbeafe;
  border:1px solid var(--color1);
  border-radius:10px;
  box-shadow:0 0 15px #cbd5e1;
  max-height:90vh;
  max-width:90vw;
  overflow:auto;
  padding:10px
}
.overlay>.put-form {
  min-width:700px
}
.autocomplete {
  background-color:rgba(248,250,252,0.9);
  border:1px solid #dbeafe;
  border:1px solid var(--color1);
  border-radius:4px;
  box-shadow:0 0 10px #cbd5e1;
  max-height:300px;
  overflow-y:auto;
  transition:opacity .2s;
  transition:opacity var(--fade)
}
.autocomplete>.suggestion {
  padding:5px
}
.autocomplete>.suggestion.selected,
.autocomplete>.suggestion:hover {
  background-color:#f8fafc;
  background-color:var(--color3)
}
span.long-text {
  display:inline-block;
  max-width:400px;
  overflow-x:hidden;
  text-overflow:ellipsis;
  vertical-align:top;
  white-space:nowrap
}
span.long-text-overflowed {
  cursor:pointer
}
span.long-text-overflowed:hover {
  text-decoration:underline;
  -webkit-text-decoration-style:dotted;
  text-decoration-style:dotted
}
textarea.long-text {
  font-family:monospace;
  font-size:14px;
  min-height:10vh;
  min-width:10vw
}
span.parameter-value>span:empty:before {
  color:#cbd5e1;
  content:"blank"
}
.wizard-dialog {
  border:1px solid #dbeafe;
  border:1px solid var(--color1);
  border-radius:6px;
  box-shadow:0 0 10px #cbd5e1;
  margin:10px auto;
  max-width:720px;
  padding:10px
}
.icon {
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  display:block;
  height:1em;
  width:1em
}
.icon.icon-unsorted {
  opacity:.3
}
.loading {
  opacity:.6
}
@-webkit-keyframes spin {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}
@keyframes spin {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}
.loading-overlay {
  align-items:center;
  display:flex;
  justify-content:center
}
.loading-overlay:after {
  -webkit-animation:spin 1s linear infinite;
  animation:spin 1s linear infinite;
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZD0iTTEwIDUwYTQwIDQwIDAgMCAwIDgwIDAgNDAgNDIgMCAwIDEtODAgMCIgZmlsbD0iIzI1NjNlYiIvPjwvc3ZnPg==);
  background-repeat:no-repeat;
  background-size:100% 100%;
  content:"";
  height:48px;
  width:48px
}
.progress {
  background-color:#e2e8f0;
  height:3px;
  overflow:hidden
}
.progress>.progress-bar {
  background-color:#f59e0b;
  height:100%
}
td,
th {
  line-height:normal
}