@deephaven/js-plugin-plotly-express 0.3.2-deephaven-ui.216 → 0.4.0

package/dist/bundle/style.css

@@ -1,616 +1,580 @@
-._lm_dragging_1q18t_1{overflow:hidden;pointer-events:none}._lm_dragging_1q18t_1 ._lm_goldenlayout_1q18t_1 ._lm_header_1q18t_1{pointer-events:auto}._lm_dragging_1q18t_1 ._lm_goldenlayout_1q18t_1 ._lm_header_1q18t_1 ._lm_controls_1q18t_1>li{pointer-events:none}._lm_dragging_1q18t_1 ._lm_goldenlayout_1q18t_1 ._lm_header_1q18t_1 ._lm_controls_1q18t_1>li._lm_tabpreviousbutton_1q18t_1,._lm_dragging_1q18t_1 ._lm_goldenlayout_1q18t_1 ._lm_header_1q18t_1 ._lm_controls_1q18t_1>li._lm_tabnextbutton_1q18t_1{pointer-events:auto}body:not(._lm_dragging_1q18t_1) ._lm_header_1q18t_1 ._lm_tab_1q18t_1:not(._lm_active_1q18t_1):hover{color:#c0bfbf}._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1 ._lm_close_tab_1q18t_1{background-color:#2d2a2e}body:not(._lm_dragging_1q18t_1) ._lm_header_1q18t_1 ._lm_tab_1q18t_1:hover ._lm_close_tab_1q18t_1{background-color:#929192}body:not(._lm_dragging_1q18t_1) ._lm_header_1q18t_1 ._lm_tab_1q18t_1 ._lm_close_tab_1q18t_1:hover{background-color:#fcfcfa}._lm_goldenlayout_1q18t_1{background:#1a171a;position:absolute}._lm_content_1q18t_1{background:#2d2a2e;overflow:visible}._lm_dragProxy_1q18t_1 ._lm_content_1q18t_1{height:100%;width:100%;box-shadow:0 .1rem 1rem rgba(26,23,26,.45)}._lm_dragProxy_1q18t_1 ._lm_header_1q18t_1{height:28px;box-shadow:none}._lm_dragProxy_1q18t_1 ._lm_header_1q18t_1 ._lm_tab_1q18t_1,._lm_dragProxy_1q18t_1 ._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1{border:0;box-shadow:0 .1rem 1rem rgba(26,23,26,.45)}._lm_dropTargetIndicator_1q18t_1{background-image:linear-gradient(to right, #1a171a 50%, #f0f0ee 50%),linear-gradient(to right, #1a171a 50%, #f0f0ee 50%),linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%),linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%);background-size:8px 1px,8px 1px,1px 8px,1px 8px;background-position:0 top,0 bottom,left 0,right 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;animation:_march_1q18t_1 .5s;animation-timing-function:linear;animation-iteration-count:infinite;box-sizing:border-box;transition:all .2s ease}._lm_dropTargetIndicator_1q18t_1 ._lm_inner_1q18t_1{box-sizing:border-box;border:1px solid transparent;box-shadow:inset 0 0 1rem 1px rgba(0,0,0,.45);opacity:1;background:rgba(72,120,234,.1)}._lm_splitter_1q18t_1{background:#929192;opacity:.001;transition:opacity .15s ease}._lm_splitter_1q18t_1:hover,._lm_splitter_1q18t_1._lm_dragging_1q18t_1{background:#c0bfbf;opacity:1}._lm_header_1q18t_1{box-sizing:content-box;height:28px;padding-top:0;background:#201e21;box-shadow:inset 0 -1px 0 0 #1a171a;user-select:none}._lm_header_1q18t_1 ._lm_controls_1q18t_1>li{height:100%;width:24px}._lm_header_1q18t_1._lm_selectable_1q18t_1{cursor:pointer}._lm_header_1q18t_1 ._lm_tab_1q18t_1,._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1{display:flex;align-items:center;font-family:"Fira Sans",-apple-system,blinkmacsystemfont,"Segoe UI","Roboto","Helvetica Neue",arial,sans-serif;background-color:#242125;color:#929192;height:28px;font-size:12px;min-width:5rem;margin:0;padding:0 .25rem 0 .5rem;box-shadow:inset -1px -1px 0 0 #1a171a;transition:color .15s,background-color .15s;max-width:12rem;white-space:nowrap;overflow:hidden}._lm_header_1q18t_1 ._lm_tab_1q18t_1 ._lm_title_1q18t_1,._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1 ._lm_title_1q18t_1{flex-grow:1;padding-right:.25rem}._lm_header_1q18t_1 ._lm_tab_1q18t_1 ._lm_title_before_1q18t_1,._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1 ._lm_title_before_1q18t_1{display:flex;align-items:center}._lm_header_1q18t_1 ._lm_tab_1q18t_1 ._lm_close_tab_1q18t_1,._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1 ._lm_close_tab_1q18t_1{cursor:pointer;position:relative;width:8px;height:8px;padding:4px;margin-left:-0.25rem;background-color:#242125;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E");mask-position:center center;mask-repeat:no-repeat;mask-size:8px;opacity:1;transition:background-color .15s}._lm_header_1q18t_1 ._lm_tab_1q18t_1 ._lm_close_tab_1q18t_1:hover,._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1 ._lm_close_tab_1q18t_1:hover{opacity:1}._lm_selected_1q18t_1 ._lm_header_1q18t_1{background-color:#2d2a2e}._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1,._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1:hover{height:28px;background-color:#2d2a2e;color:#f0f0ee;padding-bottom:0;box-shadow:inset -1px 0 0 0 #1a171a}._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1._lm_focusin_1q18t_1,._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1:hover._lm_focusin_1q18t_1{box-shadow:inset 0 1px #4878ea,inset -1px 0 0 0 #1a171a}._lm_window_blur_1q18t_1 ._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1._lm_focusin_1q18t_1{box-shadow:none}._lm_controls_1q18t_1>li{position:relative;background-position:center center;background-repeat:no-repeat;opacity:.4;transition:opacity 300ms ease}._lm_controls_1q18t_1>li:hover{opacity:1}._lm_controls_1q18t_1 ._lm_popout_1q18t_1{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=)}._lm_controls_1q18t_1 ._lm_maximise_1q18t_1{background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M3 3v10h10V3H3zm9 9H4V4h8v8z'/%3E%3C/svg%3E")}._lm_controls_1q18t_1 ._lm_tabdropdown_1q18t_1{background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z'/%3E%3C/svg%3E")}._lm_controls_1q18t_1 ._lm_close_1q18t_1{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=)}._lm_controls_1q18t_1 ._lm_tabnextbutton_1q18t_1{background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z'/%3E%3C/svg%3E")}._lm_controls_1q18t_1 ._lm_tabpreviousbutton_1q18t_1{background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M5.928 7.976l4.357 4.357-.618.62L5 8.284v-.618L9.667 3l.618.619-4.357 4.357z'/%3E%3C/svg%3E")}._lm_tabdropdown_list_1q18t_1{z-index:1000;background:#242125;box-shadow:0 .1rem 1rem rgba(0,0,0,.45);border-radius:4px;max-width:12rem;margin:0;padding:0;list-style-type:none}._lm_tabdropdown_list_1q18t_1 ._lm_tabdropdown_search_1q18t_1{padding:.25rem}._lm_tabdropdown_list_1q18t_1 ._lm_tabdropdown_search_1q18t_1 input{padding:.375rem .75rem;line-height:1.5;color:#f0f0ee;background-color:#555356;border:1px solid #929192;border-radius:4px;max-width:100%}._lm_tabdropdown_list_1q18t_1 ._lm_tabdropdown_search_1q18t_1 input::placeholder{color:#929192;opacity:1}._lm_tabdropdown_list_1q18t_1 ._lm_tabdropdown_search_1q18t_1 input:focus{border-color:rgba(72,120,234,.85);box-shadow:0 0 0 .2rem rgba(72,120,234,.35);outline:0}._lm_tabdropdown_list_1q18t_1 ._lm_tabs_1q18t_1{padding:0}._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1{background:#242125;color:#c0bfbf;box-shadow:none}._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1._lm_keyboard_active_1q18t_1{color:#c0bfbf;background-color:#343e5d}._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1:hover{color:#f0f0ee;background-color:#4878ea}._lm_maximised_1q18t_1{border:15px solid rgba(26,23,26,.85);height:100% !important;width:100% !important}._lm_maximised_1q18t_1 ._lm_items_1q18t_1{box-shadow:0 .1rem 1rem rgba(0,0,0,.45)}._lm_maximised_1q18t_1 ._lm_controls_1q18t_1 ._lm_maximise_1q18t_1{opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fcfcfa' d='M14 8v1H3V8h11z'/%3E%3C/svg%3E")}._lm_maximised_1q18t_1 ._lm_controls_1q18t_1 ._lm_maximise_1q18t_1:hover{opacity:1}._lm_tabs_1q18t_1:empty+._lm_controls_1q18t_1 ._lm_maximise_1q18t_1{display:none}
+/* stylelint-disable */
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
 
-/*# sourceMappingURL=GoldenLayout.module.css.map *//* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.lm_root {
-  position: relative;
+/*# sourceMappingURL=ThemeExport.module.css.map *//* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
+.popper-container {
+  position: absolute;
+  z-index: 5000;
 }
 
-.lm_row > .lm_item {
-  float: left;
+.popper.popper-tooltip {
+  --background-color: var(--dh-color-tooltip-bg);
 }
 
-.lm_content {
-  overflow: hidden;
-  position: relative;
+.popper {
+  --background-color: var(--dh-color-popover-bg);
+  background: var(--background-color);
+  color: var(--dh-color-tooltip-fg);
+  border-radius: 4px;
+  box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
+  transition: visibility 0.15s, opacity 0.15s;
+  pointer-events: none;
   outline: 0;
 }
-
-.lm_dragging,
-.lm_dragging * {
-  cursor: grabbing !important;
-  user-select: none;
+.popper .popper-content {
+  position: relative;
 }
-
-.lm_maximised {
+.popper .popper-content .tooltip-content {
+  text-align: center;
+  padding: 0.25rem 0.5rem;
+}
+.popper .popper-arrow {
+  width: 0;
+  height: 0;
+  border-style: solid;
   position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 40;
+  margin: 5px;
+  border-color: var(--background-color);
 }
 
-.lm_maximise_placeholder {
-  display: none;
+.popper.interactive {
+  pointer-events: auto;
 }
 
-.lm_splitter {
-  position: relative;
-  z-index: 20;
-}
-.lm_splitter:hover, .lm_splitter.lm_dragging {
-  background: orange;
+.popper-transition-enter {
+  opacity: 0;
+  transition: none;
 }
-.lm_splitter.lm_vertical .lm_drag_handle {
-  width: 100%;
-  position: absolute;
-  cursor: ns-resize;
+
+.popper-transition-exit {
+  opacity: 0;
+  transition: all 0.15s;
 }
-.lm_splitter.lm_horizontal {
-  float: left;
-  height: 100%;
+
+.popper-container[x-placement^=top] > .popper-transition-enter,
+.popper-container[x-placement^=top] > .popper-transition-exit {
+  transform: scale(0.92) translate(0, 10px);
 }
-.lm_splitter.lm_horizontal .lm_drag_handle {
-  height: 100%;
-  position: absolute;
-  cursor: ew-resize;
+
+.popper-container[x-placement^=right] > .popper-transition-enter,
+.popper-container[x-placement^=right] > .popper-transition-exit {
+  transform: scale(0.92) translate(-10px, 0);
 }
 
-.lm_header {
-  display: flex;
-  justify-content: space-between;
-  max-width: 100%;
-  z-index: 12;
-  position: relative;
-  overflow: hidden;
+.popper-container[x-placement^=bottom] > .popper-transition-enter,
+.popper-container[x-placement^=bottom] > .popper-transition-exit {
+  transform: scale(0.92) translate(0, -10px);
 }
-.lm_header.lm_dropdown_open {
-  z-index: 22;
+
+.popper-container[x-placement^=left] > .popper-transition-enter,
+.popper-container[x-placement^=left] > .popper-transition-exit {
+  transform: scale(0.92) translate(10px, 0);
 }
-.lm_header [class^=lm_] {
-  box-sizing: content-box !important;
+
+.popper-container[x-placement^=top] > .popper-transition-enter-active.popper,
+.popper-container[x-placement^=right] > .popper-transition-enter-active.popper,
+.popper-container[x-placement^=bottom] > .popper-transition-enter-active.popper,
+.popper-container[x-placement^=left] > .popper-transition-enter-active.popper {
+  opacity: 1;
+  transform: none;
+  transition: all 0.15s ease-out;
 }
-.lm_header .lm_controls {
-  display: flex;
-  user-select: none;
+
+.popper-container[x-placement^=top] > .popper {
+  margin-bottom: 5px;
 }
-.lm_header .lm_controls > li {
-  cursor: pointer;
-  float: left;
-  width: 18px;
-  height: 18px;
-  text-align: center;
+.popper-container[x-placement^=top] > .popper .popper-arrow {
+  border-width: 5px 5px 0 5px;
+  border-left-color: transparent;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  bottom: -5px;
+  margin-top: 0;
+  margin-bottom: 0;
 }
-.lm_header .lm_controls > li[disabled] {
-  cursor: default;
-  opacity: 0.1;
+
+.popper-container[x-placement^=bottom] > .popper {
+  margin-top: 5px;
 }
-.lm_header ul {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
+.popper-container[x-placement^=bottom] > .popper .popper-arrow {
+  border-width: 0 5px 5px 5px;
+  border-left-color: transparent;
+  border-right-color: transparent;
+  border-top-color: transparent;
+  top: -5px;
+  margin-top: 0;
+  margin-bottom: 0;
 }
-.lm_header .lm_tabs {
-  display: flex;
-  flex-grow: 1;
-  overflow: hidden;
+
+.popper-container[x-placement^=right] > .popper {
+  margin-left: 5px;
 }
-.lm_header .lm_tab {
-  cursor: pointer;
-  height: 14px;
-  margin-top: 1px;
-  padding: 0px 10px 5px;
-  padding-right: 25px;
-  position: relative;
-  min-width: 0;
-  flex-shrink: 0;
+.popper-container[x-placement^=right] > .popper .popper-arrow {
+  border-width: 5px 5px 5px 0;
+  border-left-color: transparent;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+  left: -5px;
+  margin-left: 0;
+  margin-right: 0;
 }
-.lm_header .lm_tab .lm_title {
-  display: inline-block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
+
+.popper-container[x-placement^=left] > .popper {
+  margin-right: 5px;
 }
-.lm_header .lm_tab .lm_close_tab {
-  width: 14px;
-  height: 14px;
-  position: absolute;
-  top: 0;
-  right: 0;
-  text-align: center;
+.popper-container[x-placement^=left] > .popper .popper-arrow {
+  border-width: 5px 0 5px 5px;
+  border-top-color: transparent;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  right: -5px;
+  margin-left: 0;
+  margin-right: 0;
 }
 
-.lm_stack.lm_left .lm_header,
-.lm_stack.lm_right .lm_header {
-  height: 100%;
+/*# sourceMappingURL=Popper.css.map */
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
+.context-actions-listener {
+  display: none;
 }
 
-.lm_dragProxy.lm_left .lm_header,
-.lm_dragProxy.lm_right .lm_header,
-.lm_stack.lm_left .lm_header,
-.lm_stack.lm_right .lm_header {
-  width: 20px;
-  float: left;
-  vertical-align: top;
-}
-.lm_dragProxy.lm_left .lm_header .lm_tabs,
-.lm_dragProxy.lm_right .lm_header .lm_tabs,
-.lm_stack.lm_left .lm_header .lm_tabs,
-.lm_stack.lm_right .lm_header .lm_tabs {
-  transform-origin: left top;
+.context-menu-root {
+  position: fixed;
+  height: 100%;
+  width: 100%;
   top: 0;
-  width: 1000px;
-  /*hack*/
-}
-.lm_dragProxy.lm_left .lm_header .lm_controls,
-.lm_dragProxy.lm_right .lm_header .lm_controls,
-.lm_stack.lm_left .lm_header .lm_controls,
-.lm_stack.lm_right .lm_header .lm_controls {
-  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  z-index: 1060;
 }
-.lm_dragProxy.lm_left .lm_items,
-.lm_dragProxy.lm_right .lm_items,
-.lm_stack.lm_left .lm_items,
-.lm_stack.lm_right .lm_items {
-  float: left;
+.context-menu-root.active {
+  pointer-events: all;
 }
 
-.lm_dragProxy.lm_left .lm_header .lm_tabs,
-.lm_stack.lm_left .lm_header .lm_tabs {
-  transform: rotate(-90deg) scaleX(-1);
-  left: 0;
-}
-.lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab,
-.lm_stack.lm_left .lm_header .lm_tabs .lm_tab {
-  transform: scaleX(-1);
-  margin-top: 1px;
+.context-menu-container {
+  pointer-events: auto;
+  position: fixed;
+  background-color: var(--dh-color-popover-bg);
+  color: var(--dh-color-text);
+  z-index: initial;
+  min-width: 10rem;
+  max-width: 30rem;
+  text-align: left;
+  border-radius: 4px;
+  background-clip: border-box;
+  box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
+  max-height: 100vh;
+  overflow-y: auto;
 }
-.lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list,
-.lm_stack.lm_left .lm_header .lm_tabdropdown_list {
-  top: initial;
-  right: initial;
-  left: 20px;
+.context-menu-container.has-overflow {
+  overflow-y: scroll;
 }
-
-.lm_dragProxy.lm_right .lm_content {
-  float: left;
-}
-
-.lm_dragProxy.lm_right .lm_header .lm_tabs,
-.lm_stack.lm_right .lm_header .lm_tabs {
-  transform: rotate(90deg) scaleX(1);
-  left: 100%;
-  margin-left: 0;
-}
-.lm_dragProxy.lm_right .lm_header .lm_controls,
-.lm_stack.lm_right .lm_header .lm_controls {
-  left: 3px;
-}
-.lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list,
-.lm_stack.lm_right .lm_header .lm_tabdropdown_list {
-  top: initial;
-  right: 20px;
-}
-
-.lm_dragProxy.lm_bottom .lm_header .lm_tab,
-.lm_stack.lm_bottom .lm_header .lm_tab {
+.context-menu-container hr {
   margin-top: 0;
-  border-top: none;
-}
-.lm_dragProxy.lm_bottom .lm_header .lm_controls,
-.lm_stack.lm_bottom .lm_header .lm_controls {
-  top: 3px;
+  margin-bottom: 0;
+  background-color: var(--dh-color-gray-400);
 }
-.lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,
-.lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {
-  top: initial;
-  bottom: 20px;
+.context-menu-container .custom-menu-item {
+  width: 100%;
+  color: var(--dh-color-text);
+  white-space: nowrap;
+  text-decoration: none;
+  background-color: transparent;
+  text-align: left;
 }
-
-.lm_drop_tab_placeholder {
-  flex-shrink: 0;
+.context-menu-container .btn-context-menu {
+  border: none;
+  width: 100%;
+  padding: 4px 8px;
+  color: var(--dh-color-text);
+  text-decoration: none;
+  background-color: transparent;
+  text-align: left;
+  cursor: pointer;
+  user-select: none;
 }
-
-.lm_tabdropdown_list {
-  position: absolute;
-  overflow-y: auto;
-  overflow-x: hidden;
-  top: 0;
-  left: 0;
-  max-height: 100%;
+.context-menu-container .btn-context-menu .btn-context-menu-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
 }
-.lm_tabdropdown_list .lm_tabs {
-  flex-direction: column;
+.context-menu-container .btn-context-menu .icon {
+  margin-right: 0.5rem;
+  width: 1rem;
+  flex-grow: 0;
+  text-align: center;
 }
-.lm_tabdropdown_list .lm_tab {
-  padding-right: 10px;
+.context-menu-container .btn-context-menu .icon.outline {
+  stroke: var(--dh-color-popover-bg);
+  stroke-width: 60;
 }
-.lm_tabdropdown_list .lm_tab .lm_title {
-  display: inline-block;
+.context-menu-container .btn-context-menu .title {
+  flex: 1 1 auto;
+  text-align: left;
   white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
 }
-.lm_tabdropdown_list .lm_close_tab {
-  display: none !important;
+.context-menu-container .btn-context-menu .shortcut {
+  color: var(--dh-color-gray-600);
+  margin-left: 0.5rem;
+  justify-self: flex-end;
+  flex: 1 1 auto;
+  text-align: right;
+  white-space: nowrap;
 }
-
-/***********************************
-* Drag Proxy
-***********************************/
-.lm_dragProxy {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 30;
-  pointer-events: none;
+.context-menu-container .btn-context-menu .submenu-indicator {
+  color: var(--dh-color-text);
+  flex-grow: 0;
+  justify-self: flex-end;
 }
-.lm_dragProxy .lm_header {
-  background: transparent;
+.context-menu-container .btn-context-menu .submenu-indicator.disabled {
+  color: var(--dh-color-input-disabled-fg);
 }
-.lm_dragProxy .lm_content {
-  border-top: none;
-  overflow: hidden;
+.context-menu-container .btn-context-menu.menu-title {
+  user-select: none;
+  cursor: default;
+  background: var(--dh-color-content-bg, #2d2a2e);
 }
-
-.lm_dropTargetIndicator {
-  display: none;
-  position: absolute;
-  z-index: 20;
-  pointer-events: none;
+.context-menu-container .btn-context-menu.keyboard-active {
+  background-color: var(--dh-color-keyboard-selected-bg);
 }
-.lm_dropTargetIndicator .lm_inner {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  top: 0;
-  left: 0;
+.context-menu-container .btn-context-menu:focus,
+.context-menu-container .btn-context-menu.active {
+  background-color: var(--dh-color-item-list-hover-bg);
 }
-
-.lm_popin {
-  width: 20px;
-  height: 20px;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  z-index: 9999;
+.context-menu-container .btn-context-menu:focus {
+  outline: none;
 }
-.lm_popin > * {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
+.context-menu-container .btn-context-menu.active,
+.context-menu-container .btn-context-menu.keyboard-active,
+.context-menu-container .btn-context-menu:focus:not(.disabled) {
+  color: var(--dh-color-item-list-selected-fg);
 }
-.lm_popin > .lm_bg {
-  z-index: 10;
+.context-menu-container .btn-context-menu.active .shortcut,
+.context-menu-container .btn-context-menu.keyboard-active .shortcut,
+.context-menu-container .btn-context-menu:focus:not(.disabled) .shortcut {
+  color: var(--dh-color-gray-700);
 }
-.lm_popin > .lm_icon {
-  z-index: 20;
+.context-menu-container .btn-context-menu.disabled {
+  color: var(--dh-color-input-disabled-fg);
+  background-color: var(--dh-color-popover-bg);
 }
-
-/* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.lm_dragging {
-  overflow: hidden;
-  pointer-events: none;
+.context-menu-container .context-menu-item:last-child > .btn-context-menu {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
 }
-.lm_dragging .lm_goldenlayout .lm_header {
-  pointer-events: auto;
+.context-menu-container .context-menu-item:first-child > .btn-context-menu {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
 }
-.lm_dragging .lm_goldenlayout .lm_header .lm_controls > li {
-  pointer-events: none;
+.context-menu-container .context-menu-group-header {
+  margin: 0.5rem 0.75rem 0.25rem 0.75rem;
+  color: var(--dh-color-gray-700);
+  white-space: nowrap;
+  text-decoration: none;
+  background-color: transparent;
+  text-align: left;
+  cursor: default;
+  user-select: none;
+  font-weight: 500;
+  border-bottom: 1px solid var(--dh-color-hr);
 }
-.lm_dragging .lm_goldenlayout .lm_header .lm_controls > li.lm_tabpreviousbutton, .lm_dragging .lm_goldenlayout .lm_header .lm_controls > li.lm_tabnextbutton {
-  pointer-events: auto;
+.context-menu-container .loading {
+  padding: 0.25rem 1.5rem;
+  width: 100%;
+  display: block;
+  text-align: center;
 }
 
-body:not(.lm_dragging) .lm_header .lm_tab:not(.lm_active):hover {
-  color: #c0bfbf;
+.context-menu-container:focus {
+  outline: none;
 }
 
-.lm_header .lm_tab.lm_active .lm_close_tab {
-  background-color: #2d2a2e;
+/*# sourceMappingURL=ContextActions.css.map */
+/* stylelint-disable alpha-value-notation */
+.loading-spinner {
+  --primary-color: var(--dh-color-loading-spinner-primary);
+  --secondary-color: var(--dh-color-loading-spinner-secondary);
+  --border-width: 1px;
+  --size: 14px;
+  box-sizing: border-box;
+  display: inline-block;
+  margin: 0 auto;
+  width: var(--size);
+  height: var(--size);
 }
 
-body:not(.lm_dragging) .lm_header .lm_tab:hover .lm_close_tab {
-  background-color: #929192;
+.loading-spinner-large {
+  --border-width: 4px;
+  --size: 56px;
 }
 
-body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
-  background-color: #fcfcfa;
+.loading-spinner-vertical-align {
+  vertical-align: -0.125em;
 }
 
-.lm_goldenlayout {
-  background: #1a171a;
-  position: absolute;
+.loading-spinner::after {
+  animation: loading-spinner-rotate 2s linear infinite;
+  border: var(--border-width) solid;
+  border-color: var(--primary-color) var(--primary-color) var(--secondary-color) var(--secondary-color);
+  border-radius: 50%;
+  box-sizing: border-box;
+  content: "";
+  display: inline-block;
+  width: var(--size);
+  height: var(--size);
 }
 
-.lm_content {
-  background: #2d2a2e;
-  overflow: visible;
+@keyframes loading-spinner-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(359deg);
+  }
 }
 
-.lm_dragProxy .lm_content {
-  height: 100%;
-  width: 100%;
-  box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45);
-}
-.lm_dragProxy .lm_header {
-  height: 28px;
-  box-shadow: none;
+/*# sourceMappingURL=LoadingSpinner.css.map */
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
+.iris-panel-message-overlay {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  white-space: pre-line;
+  overflow: hidden;
 }
-.lm_dragProxy .lm_header .lm_tab,
-.lm_dragProxy .lm_header .lm_tab.lm_active {
-  border: 0;
-  box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45);
+.iris-panel-message-overlay .message-content {
+  display: flex;
+  flex-direction: column;
+  font-size: 1.2rem;
+  gap: 20px;
 }
-
-.lm_dropTargetIndicator {
-  background-image: linear-gradient(to right, #1a171a 50%, #f0f0ee 50%), linear-gradient(to right, #1a171a 50%, #f0f0ee 50%), linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%), linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%);
-  background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
-  background-position: 0 top, 0 bottom, left 0, right 0;
-  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
-  animation: march 0.5s;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-  box-sizing: border-box;
-  transition: all 0.2s ease;
+.iris-panel-message-overlay .message-content .message-icon {
+  font-size: 64px;
+  height: 64px;
+  line-height: 64px;
 }
-.lm_dropTargetIndicator .lm_inner {
-  box-sizing: border-box;
-  border: 1px solid transparent;
-  box-shadow: inset 0 0 1rem 1px rgba(0, 0, 0, 0.45);
-  opacity: 1;
-  background: rgba(72, 120, 234, 0.1);
+.iris-panel-message-overlay .message-content .message-icon .svg-inline--fa {
+  font-size: inherit;
 }
 
-.lm_splitter {
-  background: #929192;
-  opacity: 0.001;
-  transition: opacity 0.15s ease;
-}
-.lm_splitter:hover, .lm_splitter.lm_dragging {
-  background: #c0bfbf;
-  opacity: 1;
+.iris-panel-scrim-background {
+  background: color-mix(in srgb, var(--dh-color-black) 10%, transparent);
 }
 
-.lm_header {
-  box-sizing: content-box;
-  height: 28px;
-  padding-top: 0;
-  background: #201e21;
-  box-shadow: inset 0 -1px 0 0 #1a171a;
-  user-select: none;
-}
-.lm_header .lm_controls > li {
-  height: 100%;
-  width: 24px;
-}
-.lm_header.lm_selectable {
+/*# sourceMappingURL=LoadingOverlay.css.map */
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
+.btn-socketed {
+  position: relative;
+  display: inline-block;
+  border: 1px solid var(--dh-color-input-border);
+  padding: 0.42145rem 1.5rem;
+  color: var(--dh-color-neutral-contrast);
+  background: var(--dh-color-action-bg);
+  line-height: 1.3;
+  user-select: none;
+  border-radius: 4px;
+  transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
   cursor: pointer;
 }
-
-.lm_header .lm_tab,
-.lm_tabdropdown_list .lm_tab {
-  display: flex;
-  align-items: center;
-  font-family: "Fira Sans", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;
-  background-color: #242125;
-  color: #929192;
-  height: 28px;
-  font-size: 12px;
-  min-width: 5rem;
-  margin: 0;
-  padding: 0 0.25rem 0 0.5rem;
-  box-shadow: inset -1px -1px 0 0 #1a171a;
-  transition: color 0.15s, background-color 0.15s;
-  max-width: 12rem;
-  white-space: nowrap;
-  overflow: hidden;
+.btn-socketed::after {
+  content: "";
+  position: absolute;
+  bottom: -1px;
+  left: 50%;
+  transform: translate(-50%, 50%);
+  background: var(--dh-color-content-bg, #2d2a2e);
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  border: 1px solid var(--dh-color-input-border);
+  transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
 }
-.lm_header .lm_tab .lm_title,
-.lm_tabdropdown_list .lm_tab .lm_title {
-  flex-grow: 1;
-  padding-right: 0.25rem;
+.btn-socketed:focus {
+  border-color: var(--dh-color-input-focus-border);
+  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--dh-color-accent) 35%, transparent);
 }
-.lm_header .lm_tab .lm_title_before,
-.lm_tabdropdown_list .lm_tab .lm_title_before {
-  display: flex;
-  align-items: center;
+.btn-socketed:focus::after {
+  border-color: var(--dh-color-input-focus-border);
 }
-.lm_header .lm_tab .lm_close_tab,
-.lm_tabdropdown_list .lm_tab .lm_close_tab {
-  cursor: pointer;
-  position: relative;
-  width: 8px;
-  height: 8px;
-  padding: 4px;
-  margin-left: -0.25rem;
-  background-color: #242125;
-  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E");
-  mask-position: center center;
-  mask-repeat: no-repeat;
-  mask-size: 8px;
-  opacity: 1;
-  transition: background-color 0.15s;
+.btn-socketed:hover {
+  background-color: var(--dh-color-action-hover-bg);
+  border-color: var(--dh-color-hover-border);
 }
-.lm_header .lm_tab .lm_close_tab:hover,
-.lm_tabdropdown_list .lm_tab .lm_close_tab:hover {
-  opacity: 1;
+.btn-socketed:hover::after {
+  border-color: var(--dh-color-hover-border);
 }
-
-.lm_selected .lm_header {
-  background-color: #2d2a2e;
+.btn-socketed:active {
+  border-color: var(--dh-color-hover-border);
+  background-color: var(--dh-color-action-down-bg);
 }
-
-.lm_header .lm_tab.lm_active,
-.lm_header .lm_tab.lm_active:hover {
-  height: 28px;
-  background-color: #2d2a2e;
-  color: #f0f0ee;
-  padding-bottom: 0;
-  box-shadow: inset -1px 0 0 0 #1a171a;
+.btn-socketed .btn-socketed-icon {
+  display: none;
 }
-.lm_header .lm_tab.lm_active.lm_focusin,
-.lm_header .lm_tab.lm_active:hover.lm_focusin {
-  box-shadow: inset 0 1px #4878ea, inset -1px 0 0 0 #1a171a;
+.btn-socketed:disabled, .btn-socketed:disabled:hover {
+  cursor: not-allowed;
+  border-color: var(--dh-color-action-disabled-border);
+  background-color: var(--dh-color-action-disabled-bg);
 }
-
-.lm_window_blur .lm_header .lm_tab.lm_active.lm_focusin {
-  box-shadow: none;
+.btn-socketed:disabled::after, .btn-socketed:disabled:hover::after {
+  border-color: var(--dh-color-action-disabled-border);
 }
 
-.lm_controls > li {
-  position: relative;
-  background-position: center center;
-  background-repeat: no-repeat;
-  opacity: 0.4;
-  transition: opacity 300ms ease;
-}
-.lm_controls > li:hover {
-  opacity: 1;
+.btn-socketed.btn-socketed-linked::after {
+  border-color: var(--dh-color-accent-bg);
+  background-color: var(--dh-color-accent-bg);
 }
-.lm_controls .lm_popout {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=);
+.btn-socketed.btn-socketed-linked.btn-socketed-linked-source::after {
+  border-color: var(--dh-color-visual-purple);
+  background-color: var(--dh-color-visual-purple);
 }
-.lm_controls .lm_maximise {
-  background-size: 16px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M3 3v10h10V3H3zm9 9H4V4h8v8z'/%3E%3C/svg%3E");
+.btn-socketed.btn-socketed-linked .btn-socketed-icon.linked {
+  display: block;
+  position: absolute;
+  bottom: 1px;
+  left: 50%;
+  transform: translate(-50%, 9px);
+  z-index: 1;
 }
-.lm_controls .lm_tabdropdown {
-  background-size: 16px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z'/%3E%3C/svg%3E");
+.btn-socketed.btn-socketed-linked:disabled, .btn-socketed.btn-socketed-linked:disabled:hover {
+  border-color: var(--dh-color-action-disabled-border);
+  background-color: var(--dh-color-action-disabled-bg);
 }
-.lm_controls .lm_close {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=);
+.btn-socketed.btn-socketed-linked:disabled::after, .btn-socketed.btn-socketed-linked:disabled:hover::after {
+  background-color: var(--dh-color-accent-down-bg);
+  border-color: var(--dh-color-action-disabled-border);
 }
-.lm_controls .lm_tabnextbutton {
-  background-size: 16px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z'/%3E%3C/svg%3E");
+
+.btn-socketed.is-invalid,
+.btn-socketed.btn-socketed-linked.is-invalid {
+  border-color: color-mix(in srgb, var(--dh-color-negative) 85%, transparent);
 }
-.lm_controls .lm_tabpreviousbutton {
-  background-size: 16px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M5.928 7.976l4.357 4.357-.618.62L5 8.284v-.618L9.667 3l.618.619-4.357 4.357z'/%3E%3C/svg%3E");
+.btn-socketed.is-invalid::after,
+.btn-socketed.btn-socketed-linked.is-invalid::after {
+  border-color: var(--dh-color-negative-bg);
+  background-color: var(--dh-color-negative-bg);
 }
-
-.lm_tabdropdown_list {
-  z-index: 1000;
-  background: #242125;
-  box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.45);
-  border-radius: 4px;
-  max-width: 12rem;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
+.btn-socketed.is-invalid .btn-socketed-icon.linked,
+.btn-socketed.btn-socketed-linked.is-invalid .btn-socketed-icon.linked {
+  display: none;
 }
-.lm_tabdropdown_list .lm_tabdropdown_search {
-  padding: 0.25rem;
+.btn-socketed.is-invalid .btn-socketed-icon.is-invalid,
+.btn-socketed.btn-socketed-linked.is-invalid .btn-socketed-icon.is-invalid {
+  color: var(--dh-color-action-bg);
+  display: block;
+  position: absolute;
+  bottom: 1px;
+  left: 50%;
+  transform: translate(-50%, 9px);
+  z-index: 1;
 }
-.lm_tabdropdown_list .lm_tabdropdown_search input {
-  padding: 0.375rem 0.75rem;
-  line-height: 1.5;
-  color: #f0f0ee;
-  background-color: #555356;
-  border: 1px solid #929192;
-  border-radius: 4px;
-  max-width: 100%;
+.btn-socketed.is-invalid:focus,
+.btn-socketed.btn-socketed-linked.is-invalid:focus {
+  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--dh-color-negative) 35%, transparent);
 }
-.lm_tabdropdown_list .lm_tabdropdown_search input::placeholder {
-  color: #929192;
-  opacity: 1;
+.btn-socketed.is-invalid:disabled, .btn-socketed.is-invalid:disabled:hover,
+.btn-socketed.btn-socketed-linked.is-invalid:disabled,
+.btn-socketed.btn-socketed-linked.is-invalid:disabled:hover {
+  border-color: var(--dh-color-action-disabled-border);
+  background-color: var(--dh-color-action-disabled-bg);
 }
-.lm_tabdropdown_list .lm_tabdropdown_search input:focus {
-  border-color: rgba(72, 120, 234, 0.85);
-  box-shadow: 0 0 0 0.2rem rgba(72, 120, 234, 0.35);
-  outline: 0;
+.btn-socketed.is-invalid:disabled::after, .btn-socketed.is-invalid:disabled:hover::after,
+.btn-socketed.btn-socketed-linked.is-invalid:disabled::after,
+.btn-socketed.btn-socketed-linked.is-invalid:disabled:hover::after {
+  background-color: var(--dh-color-action-disabled-bg);
+  border-color: var(--dh-color-action-disabled-border);
 }
-.lm_tabdropdown_list .lm_tabs {
-  padding: 0;
+
+/*# sourceMappingURL=SocketedButton.css.map */
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
+.plotly-notifier {
+  margin-right: 15px;
 }
-.lm_tabdropdown_list .lm_tab {
-  background: #242125;
-  color: #c0bfbf;
-  box-shadow: none;
+
+.plotly-notifier .notifier-note {
+  color: var(--dh-color-fg, #f0f0ee) !important;
+  border: 0 !important;
+  border-radius: 2px !important;
+  background: var(--dh-color-plotly-notifier-note-bg) !important;
+  overflow-wrap: normal !important;
+  hyphens: unset !important;
+  margin-bottom: 0.5rem !important;
+  box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow) !important;
 }
-.lm_tabdropdown_list .lm_tab.lm_keyboard_active {
-  color: #c0bfbf;
-  background-color: #343e5d;
+
+.plotly-notifier .notifier-close {
+  color: var(--dh-color-gray-600) !important;
+  transition: all 0.2s ease-in-out !important;
 }
-.lm_tabdropdown_list .lm_tab:hover {
-  color: #f0f0ee;
-  background-color: #4878ea;
+.plotly-notifier .notifier-close:hover {
+  color: var(--dh-color-fg, #f0f0ee) !important;
 }
 
-.lm_maximised {
-  border: 15px solid rgba(26, 23, 26, 0.85);
-  height: 100% !important;
-  width: 100% !important;
+.chart-wrapper {
+  background: var(--dh-color-chart-bg);
 }
-.lm_maximised .lm_items {
-  box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.45);
+.chart-wrapper .plot-container .cartesianlayer text {
+  user-select: none;
 }
-.lm_maximised .lm_controls .lm_maximise {
-  opacity: 0.7;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fcfcfa' d='M14 8v1H3V8h11z'/%3E%3C/svg%3E");
+.chart-wrapper .plot-container .hovertext path,
+.chart-wrapper .plot-container .axistext path {
+  stroke: none !important;
 }
-.lm_maximised .lm_controls .lm_maximise:hover {
-  opacity: 1;
+.chart-wrapper .plot-container .axistext path {
+  fill: var(--dh-color-plotly-axis-text) !important;
+  box-shadow: 4px 4px var(--dh-color-black);
 }
-
-.lm_tabs:empty + .lm_controls .lm_maximise {
-  display: none;
+.chart-wrapper .plot-container .zoomlayer .zoombox {
+  fill: var(--dh-color-plotly-zoombox) !important;
 }
-
-.lm_tab .editor-unsaved-indicator {
-  display: none;
-  margin-right: 5px;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: #4878ea;
+.chart-wrapper .plot-container .zoomlayer .zoombox-corners {
+  fill: var(--dh-color-plotly-zoombox-corners-fill);
+  stroke: var(--dh-color-plotly-zoombox-corners-stroke);
 }
-.lm_tab .editor-unsaved-indicator.is-unsaved {
-  display: inline-block;
+.chart-wrapper .js-plotly-plot .plotly [data-title]::before {
+  border-color: transparent transparent var(--dh-color-tooltip-bg);
+  z-index: 1002;
 }
-
-.lm_dragging .js-plotly-plot .plotly svg,
-.lm_dragging .js-plotly-plot .plotly g,
-.lm_dragging .js-plotly-plot .plotly rect,
-.lm_dragging .js-plotly-plot .plotly path {
-  pointer-events: none !important;
+.chart-wrapper .js-plotly-plot .plotly [data-title]::after {
+  border-radius: 4px;
+  background: var(--dh-color-tooltip-bg);
+  color: var(--dh-color-tooltip-fg);
+  padding: 0.25rem 0.5rem;
+  box-shadow: var(--dh-color-tooltip-box-shadow);
+  z-index: 1001;
 }
-
-/*# sourceMappingURL=GoldenLayout.css.map *//* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.panel-placeholder {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-height: 100%;
-  max-height: 100%;
-  text-align: center;
-  overflow: hidden;
+.chart-wrapper .js-plotly-plot .plotly .modebar {
+  z-index: auto;
 }
-.panel-placeholder div {
-  padding: 1rem;
+.chart-wrapper .js-plotly-plot .plotly .modebar .modebar-btn[data-attr=animation-spin] svg {
+  animation: fa-spin 2s infinite linear;
 }
-
-/*# sourceMappingURL=PanelPlaceholder.css.map */
-/* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.panel-error-boundary {
-  height: 100%;
-  width: 100%;
-  position: relative;
+.chart-wrapper .js-plotly-plot .plotly .modebar .modebar-btn[data-attr=fill-active] svg path {
+  fill: var(--dh-color-plotly-modebar-btn-active) !important;
+}
+.chart-wrapper .js-plotly-plot .plotly .modebar .modebar-btn[data-attr=fill-warning] svg path {
+  fill: var(--dh-color-plotly-modebar-btn-warning) !important;
 }
 
-/*# sourceMappingURL=PanelErrorBoundary.css.map */
-.dashboard-container {
-  position: relative;
+.chart-error-popper .popper-content {
+  padding: 0.25rem;
 }
 
-/*# sourceMappingURL=Dashboard.css.map */
-._lm_dragging_1q18t_1{overflow:hidden;pointer-events:none}._lm_dragging_1q18t_1 ._lm_goldenlayout_1q18t_1 ._lm_header_1q18t_1{pointer-events:auto}._lm_dragging_1q18t_1 ._lm_goldenlayout_1q18t_1 ._lm_header_1q18t_1 ._lm_controls_1q18t_1>li{pointer-events:none}._lm_dragging_1q18t_1 ._lm_goldenlayout_1q18t_1 ._lm_header_1q18t_1 ._lm_controls_1q18t_1>li._lm_tabpreviousbutton_1q18t_1,._lm_dragging_1q18t_1 ._lm_goldenlayout_1q18t_1 ._lm_header_1q18t_1 ._lm_controls_1q18t_1>li._lm_tabnextbutton_1q18t_1{pointer-events:auto}body:not(._lm_dragging_1q18t_1) ._lm_header_1q18t_1 ._lm_tab_1q18t_1:not(._lm_active_1q18t_1):hover{color:#c0bfbf}._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1 ._lm_close_tab_1q18t_1{background-color:#2d2a2e}body:not(._lm_dragging_1q18t_1) ._lm_header_1q18t_1 ._lm_tab_1q18t_1:hover ._lm_close_tab_1q18t_1{background-color:#929192}body:not(._lm_dragging_1q18t_1) ._lm_header_1q18t_1 ._lm_tab_1q18t_1 ._lm_close_tab_1q18t_1:hover{background-color:#fcfcfa}._lm_goldenlayout_1q18t_1{background:#1a171a;position:absolute}._lm_content_1q18t_1{background:#2d2a2e;overflow:visible}._lm_dragProxy_1q18t_1 ._lm_content_1q18t_1{height:100%;width:100%;box-shadow:0 .1rem 1rem rgba(26,23,26,.45)}._lm_dragProxy_1q18t_1 ._lm_header_1q18t_1{height:28px;box-shadow:none}._lm_dragProxy_1q18t_1 ._lm_header_1q18t_1 ._lm_tab_1q18t_1,._lm_dragProxy_1q18t_1 ._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1{border:0;box-shadow:0 .1rem 1rem rgba(26,23,26,.45)}._lm_dropTargetIndicator_1q18t_1{background-image:linear-gradient(to right, #1a171a 50%, #f0f0ee 50%),linear-gradient(to right, #1a171a 50%, #f0f0ee 50%),linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%),linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%);background-size:8px 1px,8px 1px,1px 8px,1px 8px;background-position:0 top,0 bottom,left 0,right 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;animation:_march_1q18t_1 .5s;animation-timing-function:linear;animation-iteration-count:infinite;box-sizing:border-box;transition:all .2s ease}._lm_dropTargetIndicator_1q18t_1 ._lm_inner_1q18t_1{box-sizing:border-box;border:1px solid transparent;box-shadow:inset 0 0 1rem 1px rgba(0,0,0,.45);opacity:1;background:rgba(72,120,234,.1)}._lm_splitter_1q18t_1{background:#929192;opacity:.001;transition:opacity .15s ease}._lm_splitter_1q18t_1:hover,._lm_splitter_1q18t_1._lm_dragging_1q18t_1{background:#c0bfbf;opacity:1}._lm_header_1q18t_1{box-sizing:content-box;height:28px;padding-top:0;background:#201e21;box-shadow:inset 0 -1px 0 0 #1a171a;user-select:none}._lm_header_1q18t_1 ._lm_controls_1q18t_1>li{height:100%;width:24px}._lm_header_1q18t_1._lm_selectable_1q18t_1{cursor:pointer}._lm_header_1q18t_1 ._lm_tab_1q18t_1,._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1{display:flex;align-items:center;font-family:"Fira Sans",-apple-system,blinkmacsystemfont,"Segoe UI","Roboto","Helvetica Neue",arial,sans-serif;background-color:#242125;color:#929192;height:28px;font-size:12px;min-width:5rem;margin:0;padding:0 .25rem 0 .5rem;box-shadow:inset -1px -1px 0 0 #1a171a;transition:color .15s,background-color .15s;max-width:12rem;white-space:nowrap;overflow:hidden}._lm_header_1q18t_1 ._lm_tab_1q18t_1 ._lm_title_1q18t_1,._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1 ._lm_title_1q18t_1{flex-grow:1;padding-right:.25rem}._lm_header_1q18t_1 ._lm_tab_1q18t_1 ._lm_title_before_1q18t_1,._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1 ._lm_title_before_1q18t_1{display:flex;align-items:center}._lm_header_1q18t_1 ._lm_tab_1q18t_1 ._lm_close_tab_1q18t_1,._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1 ._lm_close_tab_1q18t_1{cursor:pointer;position:relative;width:8px;height:8px;padding:4px;margin-left:-0.25rem;background-color:#242125;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E");mask-position:center center;mask-repeat:no-repeat;mask-size:8px;opacity:1;transition:background-color .15s}._lm_header_1q18t_1 ._lm_tab_1q18t_1 ._lm_close_tab_1q18t_1:hover,._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1 ._lm_close_tab_1q18t_1:hover{opacity:1}._lm_selected_1q18t_1 ._lm_header_1q18t_1{background-color:#2d2a2e}._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1,._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1:hover{height:28px;background-color:#2d2a2e;color:#f0f0ee;padding-bottom:0;box-shadow:inset -1px 0 0 0 #1a171a}._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1._lm_focusin_1q18t_1,._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1:hover._lm_focusin_1q18t_1{box-shadow:inset 0 1px #4878ea,inset -1px 0 0 0 #1a171a}._lm_window_blur_1q18t_1 ._lm_header_1q18t_1 ._lm_tab_1q18t_1._lm_active_1q18t_1._lm_focusin_1q18t_1{box-shadow:none}._lm_controls_1q18t_1>li{position:relative;background-position:center center;background-repeat:no-repeat;opacity:.4;transition:opacity 300ms ease}._lm_controls_1q18t_1>li:hover{opacity:1}._lm_controls_1q18t_1 ._lm_popout_1q18t_1{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=)}._lm_controls_1q18t_1 ._lm_maximise_1q18t_1{background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M3 3v10h10V3H3zm9 9H4V4h8v8z'/%3E%3C/svg%3E")}._lm_controls_1q18t_1 ._lm_tabdropdown_1q18t_1{background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z'/%3E%3C/svg%3E")}._lm_controls_1q18t_1 ._lm_close_1q18t_1{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=)}._lm_controls_1q18t_1 ._lm_tabnextbutton_1q18t_1{background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z'/%3E%3C/svg%3E")}._lm_controls_1q18t_1 ._lm_tabpreviousbutton_1q18t_1{background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M5.928 7.976l4.357 4.357-.618.62L5 8.284v-.618L9.667 3l.618.619-4.357 4.357z'/%3E%3C/svg%3E")}._lm_tabdropdown_list_1q18t_1{z-index:1000;background:#242125;box-shadow:0 .1rem 1rem rgba(0,0,0,.45);border-radius:4px;max-width:12rem;margin:0;padding:0;list-style-type:none}._lm_tabdropdown_list_1q18t_1 ._lm_tabdropdown_search_1q18t_1{padding:.25rem}._lm_tabdropdown_list_1q18t_1 ._lm_tabdropdown_search_1q18t_1 input{padding:.375rem .75rem;line-height:1.5;color:#f0f0ee;background-color:#555356;border:1px solid #929192;border-radius:4px;max-width:100%}._lm_tabdropdown_list_1q18t_1 ._lm_tabdropdown_search_1q18t_1 input::placeholder{color:#929192;opacity:1}._lm_tabdropdown_list_1q18t_1 ._lm_tabdropdown_search_1q18t_1 input:focus{border-color:rgba(72,120,234,.85);box-shadow:0 0 0 .2rem rgba(72,120,234,.35);outline:0}._lm_tabdropdown_list_1q18t_1 ._lm_tabs_1q18t_1{padding:0}._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1{background:#242125;color:#c0bfbf;box-shadow:none}._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1._lm_keyboard_active_1q18t_1{color:#c0bfbf;background-color:#343e5d}._lm_tabdropdown_list_1q18t_1 ._lm_tab_1q18t_1:hover{color:#f0f0ee;background-color:#4878ea}._lm_maximised_1q18t_1{border:15px solid rgba(26,23,26,.85);height:100% !important;width:100% !important}._lm_maximised_1q18t_1 ._lm_items_1q18t_1{box-shadow:0 .1rem 1rem rgba(0,0,0,.45)}._lm_maximised_1q18t_1 ._lm_controls_1q18t_1 ._lm_maximise_1q18t_1{opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fcfcfa' d='M14 8v1H3V8h11z'/%3E%3C/svg%3E")}._lm_maximised_1q18t_1 ._lm_controls_1q18t_1 ._lm_maximise_1q18t_1:hover{opacity:1}._lm_tabs_1q18t_1:empty+._lm_controls_1q18t_1 ._lm_maximise_1q18t_1{display:none}
+/*# sourceMappingURL=Chart.css.map */
+/* stylelint-disable */
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
+
+/*# sourceMappingURL=ChartTheme.module.css.map */._lm_dragging_1qalq_1{overflow:hidden;pointer-events:none}._lm_dragging_1qalq_1 ._lm_goldenlayout_1qalq_1 ._lm_header_1qalq_1{pointer-events:auto}._lm_dragging_1qalq_1 ._lm_goldenlayout_1qalq_1 ._lm_header_1qalq_1 ._lm_controls_1qalq_1>li{pointer-events:none}._lm_dragging_1qalq_1 ._lm_goldenlayout_1qalq_1 ._lm_header_1qalq_1 ._lm_controls_1qalq_1>li._lm_tabpreviousbutton_1qalq_1,._lm_dragging_1qalq_1 ._lm_goldenlayout_1qalq_1 ._lm_header_1qalq_1 ._lm_controls_1qalq_1>li._lm_tabnextbutton_1qalq_1{pointer-events:auto}body:not(._lm_dragging_1qalq_1) ._lm_header_1qalq_1 ._lm_tab_1qalq_1:not(._lm_active_1qalq_1):hover{color:var(--dh-color-gray-700)}body:not(._lm_dragging_1qalq_1) ._lm_header_1qalq_1 ._lm_tab_1qalq_1:hover ._lm_close_tab_1qalq_1{opacity:.4;transition:opacity 300ms ease}body:not(._lm_dragging_1qalq_1) ._lm_header_1qalq_1 ._lm_tab_1qalq_1:hover ._lm_close_tab_1qalq_1:hover{opacity:1}._lm_goldenlayout_1qalq_1{background:var(--dh-color-bg, #1a171a);position:absolute}._lm_content_1qalq_1{background:var(--dh-color-content-bg, #2d2a2e);overflow:visible}._lm_dragProxy_1qalq_1 ._lm_content_1qalq_1{height:100%;width:100%;box-shadow:0 .1rem 1rem var(--dh-color-dropshadow)}._lm_dragProxy_1qalq_1 ._lm_header_1qalq_1{height:28px;box-shadow:none}._lm_dragProxy_1qalq_1 ._lm_header_1qalq_1 ._lm_tab_1qalq_1,._lm_dragProxy_1qalq_1 ._lm_header_1qalq_1 ._lm_tab_1qalq_1._lm_active_1qalq_1{border:0;box-shadow:0 .1rem 1rem var(--dh-color-dropshadow)}._lm_dropTargetIndicator_1qalq_1{background-image:linear-gradient(to right, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%),linear-gradient(to right, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%),linear-gradient(to bottom, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%),linear-gradient(to bottom, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%);background-size:8px 1px,8px 1px,1px 8px,1px 8px;background-position:0 top,0 bottom,left 0,right 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;animation:_march_1qalq_1 .5s;animation-timing-function:linear;animation-iteration-count:infinite;box-sizing:border-box;transition:all .2s ease}._lm_dropTargetIndicator_1qalq_1 ._lm_inner_1qalq_1{box-sizing:border-box;border:1px solid transparent;box-shadow:inset 0 0 1rem 1px var(--dh-color-dropshadow);opacity:1;background:color-mix(in srgb, var(--dh-color-accent) 10%, transparent)}._lm_splitter_1qalq_1{background:var(--dh-color-gray-600);opacity:.001;transition:opacity .15s ease}._lm_splitter_1qalq_1:hover,._lm_splitter_1qalq_1._lm_dragging_1qalq_1{background:var(--dh-color-gray-700);opacity:1}._lm_header_1qalq_1{box-sizing:content-box;height:28px;padding-top:0;background:var(--dh-color-golden-layout-tab-header-bg);box-shadow:inset 0 -1px 0 0 var(--dh-color-bg, #1a171a);user-select:none}._lm_header_1qalq_1 ._lm_controls_1qalq_1>li{height:100%;width:24px}._lm_header_1qalq_1._lm_selectable_1qalq_1{cursor:pointer}._lm_header_1qalq_1 ._lm_tab_1qalq_1,._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1{display:flex;align-items:center;font-family:"Fira Sans",-apple-system,blinkmacsystemfont,"Segoe UI","Roboto","Helvetica Neue",arial,sans-serif;background-color:var(--dh-color-golden-layout-tab-bg);color:var(--dh-color-gray-600);height:28px;font-size:12px;min-width:5rem;margin:0;padding:0 .25rem 0 .5rem;box-shadow:inset -1px -1px 0 0 var(--dh-color-bg, #1a171a);transition:color .15s,background-color .15s;max-width:12rem;white-space:nowrap;overflow:hidden}._lm_header_1qalq_1 ._lm_tab_1qalq_1 ._lm_title_1qalq_1,._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1 ._lm_title_1qalq_1{flex-grow:1;padding-right:.25rem}._lm_header_1qalq_1 ._lm_tab_1qalq_1 ._lm_title_before_1qalq_1,._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1 ._lm_title_before_1qalq_1{display:flex;align-items:center}._lm_header_1qalq_1 ._lm_tab_1qalq_1 ._lm_close_tab_1qalq_1,._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1 ._lm_close_tab_1qalq_1{background-size:8px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-close-tab);mask-position:center center;mask-repeat:no-repeat;mask-size:8px;cursor:pointer;position:relative;width:8px;height:8px;padding:4px;margin-left:-0.25rem;opacity:0;transition:opacity 300ms ease}._lm_selected_1qalq_1 ._lm_header_1qalq_1{background-color:var(--dh-color-golden-layout-tab-selected-bg)}._lm_header_1qalq_1 ._lm_tab_1qalq_1._lm_active_1qalq_1,._lm_header_1qalq_1 ._lm_tab_1qalq_1._lm_active_1qalq_1:hover{height:28px;background-color:var(--dh-color-golden-layout-tab-selected-bg);color:var(--dh-color-text);padding-bottom:0;box-shadow:inset -1px 0 0 0 var(--dh-color-bg, #1a171a)}._lm_header_1qalq_1 ._lm_tab_1qalq_1._lm_active_1qalq_1._lm_focusin_1qalq_1,._lm_header_1qalq_1 ._lm_tab_1qalq_1._lm_active_1qalq_1:hover._lm_focusin_1qalq_1{box-shadow:inset 0 1px var(--dh-color-accent-bg),inset -1px 0 0 0 var(--dh-color-bg, #1a171a)}._lm_window_blur_1qalq_1 ._lm_header_1qalq_1 ._lm_tab_1qalq_1._lm_active_1qalq_1._lm_focusin_1qalq_1{box-shadow:inset -1px 0 0 0 var(--dh-color-bg, #1a171a)}._lm_controls_1qalq_1>li{opacity:.4;transition:opacity 300ms ease;position:relative;background-position:center center;background-repeat:no-repeat}._lm_controls_1qalq_1>li:hover{opacity:1}._lm_controls_1qalq_1 ._lm_popout_1qalq_1{background-size:auto;background-color:var(--dh-color-fg);mask-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=");mask-position:center center;mask-repeat:no-repeat;mask-size:auto}._lm_controls_1qalq_1 ._lm_maximise_1qalq_1{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-maximise);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}._lm_controls_1qalq_1 ._lm_tabdropdown_1qalq_1{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-tab-dropdown);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}._lm_controls_1qalq_1 ._lm_close_1qalq_1{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-close);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}._lm_controls_1qalq_1 ._lm_tabnextbutton_1qalq_1{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-next);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}._lm_controls_1qalq_1 ._lm_tabpreviousbutton_1qalq_1{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-prev);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}._lm_tabdropdown_list_1qalq_1{z-index:1000;background:var(--dh-color-popover-bg);box-shadow:0 .1rem 1rem var(--dh-color-dropshadow);border-radius:4px;max-width:12rem;margin:0;padding:0;list-style-type:none}._lm_tabdropdown_list_1qalq_1 ._lm_tabdropdown_search_1qalq_1{padding:.25rem}._lm_tabdropdown_list_1qalq_1 ._lm_tabdropdown_search_1qalq_1 input{padding:.42145rem .75rem;line-height:1.3;color:var(--dh-color-input-fg);background-color:var(--dh-color-input-bg);border:1px solid var(--dh-color-input-border);border-radius:4px;max-width:100%}._lm_tabdropdown_list_1qalq_1 ._lm_tabdropdown_search_1qalq_1 input::placeholder{color:var(--dh-color-input-placeholder);opacity:1}._lm_tabdropdown_list_1qalq_1 ._lm_tabdropdown_search_1qalq_1 input:focus{border-color:var(--dh-color-input-focus-border);box-shadow:0 0 0 .2rem color-mix(in srgb, var(--dh-color-accent) 35%, transparent);outline:0}._lm_tabdropdown_list_1qalq_1 ._lm_tabs_1qalq_1{padding:0}._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1{background:transparent;color:var(--dh-color-gray-700);box-shadow:none}._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1._lm_keyboard_active_1qalq_1{color:var(--dh-color-gray-700);background-color:var(--dh-color-highlight-selected)}._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1._lm_keyboard_active_1qalq_1:hover{background-color:var(--dh-color-highlight-selected-hover)}._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1:hover{color:var(--dh-color-text);background-color:var(--dh-color-highlight-hover)}._lm_maximised_1qalq_1{border:15px solid color-mix(in srgb, var(--dh-color-bg) 80%, transparent);height:100% !important;width:100% !important}._lm_maximised_1qalq_1 ._lm_items_1qalq_1{box-shadow:0 .1rem 1rem var(--dh-color-dropshadow)}._lm_maximised_1qalq_1 ._lm_controls_1qalq_1 ._lm_maximise_1qalq_1{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-minimise);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}._lm_tabs_1qalq_1:empty+._lm_controls_1qalq_1 ._lm_maximise_1qalq_1{display:none}
 
 /*# sourceMappingURL=GoldenLayout.module.css.map *//* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
 .lm_root {
   position: relative;
 }
@@ -900,6 +864,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
 }
 
 /* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
 .lm_dragging {
   overflow: hidden;
   pointer-events: none;
@@ -915,35 +880,31 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
 }
 
 body:not(.lm_dragging) .lm_header .lm_tab:not(.lm_active):hover {
-  color: #c0bfbf;
-}
-
-.lm_header .lm_tab.lm_active .lm_close_tab {
-  background-color: #2d2a2e;
+  color: var(--dh-color-gray-700);
 }
 
 body:not(.lm_dragging) .lm_header .lm_tab:hover .lm_close_tab {
-  background-color: #929192;
+  opacity: 0.4;
+  transition: opacity 300ms ease;
 }
-
-body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
-  background-color: #fcfcfa;
+body:not(.lm_dragging) .lm_header .lm_tab:hover .lm_close_tab:hover {
+  opacity: 1;
 }
 
 .lm_goldenlayout {
-  background: #1a171a;
+  background: var(--dh-color-bg, #1a171a);
   position: absolute;
 }
 
 .lm_content {
-  background: #2d2a2e;
+  background: var(--dh-color-content-bg, #2d2a2e);
   overflow: visible;
 }
 
 .lm_dragProxy .lm_content {
   height: 100%;
   width: 100%;
-  box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45);
+  box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
 }
 .lm_dragProxy .lm_header {
   height: 28px;
@@ -952,11 +913,11 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
 .lm_dragProxy .lm_header .lm_tab,
 .lm_dragProxy .lm_header .lm_tab.lm_active {
   border: 0;
-  box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45);
+  box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
 }
 
 .lm_dropTargetIndicator {
-  background-image: linear-gradient(to right, #1a171a 50%, #f0f0ee 50%), linear-gradient(to right, #1a171a 50%, #f0f0ee 50%), linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%), linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%);
+  background-image: linear-gradient(to right, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%), linear-gradient(to right, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%), linear-gradient(to bottom, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%), linear-gradient(to bottom, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%);
   background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
   background-position: 0 top, 0 bottom, left 0, right 0;
   background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
@@ -969,18 +930,18 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
 .lm_dropTargetIndicator .lm_inner {
   box-sizing: border-box;
   border: 1px solid transparent;
-  box-shadow: inset 0 0 1rem 1px rgba(0, 0, 0, 0.45);
+  box-shadow: inset 0 0 1rem 1px var(--dh-color-dropshadow);
   opacity: 1;
-  background: rgba(72, 120, 234, 0.1);
+  background: color-mix(in srgb, var(--dh-color-accent) 10%, transparent);
 }
 
 .lm_splitter {
-  background: #929192;
+  background: var(--dh-color-gray-600);
   opacity: 0.001;
   transition: opacity 0.15s ease;
 }
 .lm_splitter:hover, .lm_splitter.lm_dragging {
-  background: #c0bfbf;
+  background: var(--dh-color-gray-700);
   opacity: 1;
 }
 
@@ -988,8 +949,8 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
   box-sizing: content-box;
   height: 28px;
   padding-top: 0;
-  background: #201e21;
-  box-shadow: inset 0 -1px 0 0 #1a171a;
+  background: var(--dh-color-golden-layout-tab-header-bg);
+  box-shadow: inset 0 -1px 0 0 var(--dh-color-bg, #1a171a);
   user-select: none;
 }
 .lm_header .lm_controls > li {
@@ -1005,14 +966,14 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
   display: flex;
   align-items: center;
   font-family: "Fira Sans", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;
-  background-color: #242125;
-  color: #929192;
+  background-color: var(--dh-color-golden-layout-tab-bg);
+  color: var(--dh-color-gray-600);
   height: 28px;
   font-size: 12px;
   min-width: 5rem;
   margin: 0;
   padding: 0 0.25rem 0 0.5rem;
-  box-shadow: inset -1px -1px 0 0 #1a171a;
+  box-shadow: inset -1px -1px 0 0 var(--dh-color-bg, #1a171a);
   transition: color 0.15s, background-color 0.15s;
   max-width: 12rem;
   white-space: nowrap;
@@ -1030,624 +991,211 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
 }
 .lm_header .lm_tab .lm_close_tab,
 .lm_tabdropdown_list .lm_tab .lm_close_tab {
-  cursor: pointer;
-  position: relative;
-  width: 8px;
-  height: 8px;
-  padding: 4px;
-  margin-left: -0.25rem;
-  background-color: #242125;
-  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E");
+  background-size: 8px;
+  background-color: var(--dh-color-fg);
+  mask-image: var(--dh-svg-icon-close-tab);
   mask-position: center center;
-  mask-repeat: no-repeat;
-  mask-size: 8px;
-  opacity: 1;
-  transition: background-color 0.15s;
-}
-.lm_header .lm_tab .lm_close_tab:hover,
-.lm_tabdropdown_list .lm_tab .lm_close_tab:hover {
-  opacity: 1;
-}
-
-.lm_selected .lm_header {
-  background-color: #2d2a2e;
-}
-
-.lm_header .lm_tab.lm_active,
-.lm_header .lm_tab.lm_active:hover {
-  height: 28px;
-  background-color: #2d2a2e;
-  color: #f0f0ee;
-  padding-bottom: 0;
-  box-shadow: inset -1px 0 0 0 #1a171a;
-}
-.lm_header .lm_tab.lm_active.lm_focusin,
-.lm_header .lm_tab.lm_active:hover.lm_focusin {
-  box-shadow: inset 0 1px #4878ea, inset -1px 0 0 0 #1a171a;
-}
-
-.lm_window_blur .lm_header .lm_tab.lm_active.lm_focusin {
-  box-shadow: none;
-}
-
-.lm_controls > li {
-  position: relative;
-  background-position: center center;
-  background-repeat: no-repeat;
-  opacity: 0.4;
-  transition: opacity 300ms ease;
-}
-.lm_controls > li:hover {
-  opacity: 1;
-}
-.lm_controls .lm_popout {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=);
-}
-.lm_controls .lm_maximise {
-  background-size: 16px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M3 3v10h10V3H3zm9 9H4V4h8v8z'/%3E%3C/svg%3E");
-}
-.lm_controls .lm_tabdropdown {
-  background-size: 16px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z'/%3E%3C/svg%3E");
-}
-.lm_controls .lm_close {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=);
-}
-.lm_controls .lm_tabnextbutton {
-  background-size: 16px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z'/%3E%3C/svg%3E");
-}
-.lm_controls .lm_tabpreviousbutton {
-  background-size: 16px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M5.928 7.976l4.357 4.357-.618.62L5 8.284v-.618L9.667 3l.618.619-4.357 4.357z'/%3E%3C/svg%3E");
-}
-
-.lm_tabdropdown_list {
-  z-index: 1000;
-  background: #242125;
-  box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.45);
-  border-radius: 4px;
-  max-width: 12rem;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-.lm_tabdropdown_list .lm_tabdropdown_search {
-  padding: 0.25rem;
-}
-.lm_tabdropdown_list .lm_tabdropdown_search input {
-  padding: 0.375rem 0.75rem;
-  line-height: 1.5;
-  color: #f0f0ee;
-  background-color: #555356;
-  border: 1px solid #929192;
-  border-radius: 4px;
-  max-width: 100%;
-}
-.lm_tabdropdown_list .lm_tabdropdown_search input::placeholder {
-  color: #929192;
-  opacity: 1;
-}
-.lm_tabdropdown_list .lm_tabdropdown_search input:focus {
-  border-color: rgba(72, 120, 234, 0.85);
-  box-shadow: 0 0 0 0.2rem rgba(72, 120, 234, 0.35);
-  outline: 0;
-}
-.lm_tabdropdown_list .lm_tabs {
-  padding: 0;
-}
-.lm_tabdropdown_list .lm_tab {
-  background: #242125;
-  color: #c0bfbf;
-  box-shadow: none;
-}
-.lm_tabdropdown_list .lm_tab.lm_keyboard_active {
-  color: #c0bfbf;
-  background-color: #343e5d;
-}
-.lm_tabdropdown_list .lm_tab:hover {
-  color: #f0f0ee;
-  background-color: #4878ea;
-}
-
-.lm_maximised {
-  border: 15px solid rgba(26, 23, 26, 0.85);
-  height: 100% !important;
-  width: 100% !important;
-}
-.lm_maximised .lm_items {
-  box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.45);
-}
-.lm_maximised .lm_controls .lm_maximise {
-  opacity: 0.7;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fcfcfa' d='M14 8v1H3V8h11z'/%3E%3C/svg%3E");
-}
-.lm_maximised .lm_controls .lm_maximise:hover {
-  opacity: 1;
-}
-
-.lm_tabs:empty + .lm_controls .lm_maximise {
-  display: none;
-}
-
-.lm_tab .editor-unsaved-indicator {
-  display: none;
-  margin-right: 5px;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: #4878ea;
-}
-.lm_tab .editor-unsaved-indicator.is-unsaved {
-  display: inline-block;
-}
-
-.lm_dragging .js-plotly-plot .plotly svg,
-.lm_dragging .js-plotly-plot .plotly g,
-.lm_dragging .js-plotly-plot .plotly rect,
-.lm_dragging .js-plotly-plot .plotly path {
-  pointer-events: none !important;
-}
-
-/*# sourceMappingURL=GoldenLayout.css.map *//* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.panel-placeholder {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-height: 100%;
-  max-height: 100%;
-  text-align: center;
-  overflow: hidden;
-}
-.panel-placeholder div {
-  padding: 1rem;
-}
-
-/*# sourceMappingURL=PanelPlaceholder.css.map */
-/* stylelint-disable */
-/* stylelint-disable scss/at-import-no-partial-leading-underscore */
-
-/*# sourceMappingURL=ThemeExport.module.css.map *//* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.popper-container {
-  position: absolute;
-  z-index: 5000;
-}
-
-.popper {
-  background: #403e41;
-  color: #f0f0ee;
-  border-radius: 4px;
-  transition: visibility 0.15s, opacity 0.15s;
-  pointer-events: none;
-  outline: 0;
-}
-.popper .popper-content {
-  position: relative;
-  box-shadow: 0 0.1rem 1.5rem 0.25rem rgba(26, 23, 26, 0.45);
-}
-.popper .popper-content .tooltip-content {
-  text-align: center;
-  padding: 0.25rem 0.5rem;
-}
-.popper .popper-arrow {
-  width: 0;
-  height: 0;
-  border-style: solid;
-  position: absolute;
-  margin: 5px;
-  border-color: #403e41;
-}
-
-.popper.interactive {
-  pointer-events: auto;
-}
-
-.popper-transition-enter {
-  opacity: 0;
-  transition: none;
-}
-
-.popper-transition-exit {
-  opacity: 0;
-  transition: all 0.15s;
-}
-
-.popper-container[x-placement^=top] > .popper-transition-enter,
-.popper-container[x-placement^=top] > .popper-transition-exit {
-  transform: scale(0.92) translate(0, 10px);
-}
-
-.popper-container[x-placement^=right] > .popper-transition-enter,
-.popper-container[x-placement^=right] > .popper-transition-exit {
-  transform: scale(0.92) translate(-10px, 0);
-}
-
-.popper-container[x-placement^=bottom] > .popper-transition-enter,
-.popper-container[x-placement^=bottom] > .popper-transition-exit {
-  transform: scale(0.92) translate(0, -10px);
-}
-
-.popper-container[x-placement^=left] > .popper-transition-enter,
-.popper-container[x-placement^=left] > .popper-transition-exit {
-  transform: scale(0.92) translate(10px, 0);
-}
-
-.popper-container[x-placement^=top] > .popper-transition-enter-active.popper,
-.popper-container[x-placement^=right] > .popper-transition-enter-active.popper,
-.popper-container[x-placement^=bottom] > .popper-transition-enter-active.popper,
-.popper-container[x-placement^=left] > .popper-transition-enter-active.popper {
-  opacity: 1;
-  transform: none;
-  transition: all 0.15s ease-out;
-}
-
-.popper-container[x-placement^=top] > .popper {
-  margin-bottom: 5px;
-}
-.popper-container[x-placement^=top] > .popper .popper-arrow {
-  border-width: 5px 5px 0 5px;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  border-bottom-color: transparent;
-  bottom: -5px;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.popper-container[x-placement^=bottom] > .popper {
-  margin-top: 5px;
-}
-.popper-container[x-placement^=bottom] > .popper .popper-arrow {
-  border-width: 0 5px 5px 5px;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  border-top-color: transparent;
-  top: -5px;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.popper-container[x-placement^=right] > .popper {
-  margin-left: 5px;
-}
-.popper-container[x-placement^=right] > .popper .popper-arrow {
-  border-width: 5px 5px 5px 0;
-  border-left-color: transparent;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  left: -5px;
-  margin-left: 0;
-  margin-right: 0;
-}
-
-.popper-container[x-placement^=left] > .popper {
-  margin-right: 5px;
-}
-.popper-container[x-placement^=left] > .popper .popper-arrow {
-  border-width: 5px 0 5px 5px;
-  border-top-color: transparent;
-  border-right-color: transparent;
-  border-bottom-color: transparent;
-  right: -5px;
-  margin-left: 0;
-  margin-right: 0;
-}
-
-/*# sourceMappingURL=Popper.css.map */
-/* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.context-actions-listener {
-  display: none;
-}
-
-.context-menu-root {
-  position: fixed;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
-  pointer-events: none;
-  z-index: 1060;
-}
-.context-menu-root.active {
-  pointer-events: all;
-}
-
-.context-menu-container {
-  pointer-events: auto;
-  position: fixed;
-  background-color: #555356;
-  color: #f0f0ee;
-  z-index: initial;
-  min-width: 10rem;
-  max-width: 30rem;
-  text-align: left;
-  border-radius: 4px;
-  background-clip: border-box;
-  box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.45);
-  max-height: 100vh;
-  overflow-y: auto;
-}
-.context-menu-container.has-overflow {
-  overflow-y: scroll;
-}
-.context-menu-container hr {
-  margin-top: 0;
-  margin-bottom: 0;
-  background-color: #403e41;
-}
-.context-menu-container .custom-menu-item {
-  width: 100%;
-  color: #f0f0ee;
-  white-space: nowrap;
-  text-decoration: none;
-  background-color: transparent;
-  text-align: left;
-}
-.context-menu-container .btn-context-menu {
-  border: none;
-  width: 100%;
-  padding: 4px 8px;
-  color: #f0f0ee;
-  text-decoration: none;
-  background-color: transparent;
-  text-align: left;
-  cursor: pointer;
-  user-select: none;
-}
-.context-menu-container .btn-context-menu .btn-context-menu-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-}
-.context-menu-container .btn-context-menu .icon {
-  margin-right: 0.5rem;
-  width: 1rem;
-  flex-grow: 0;
-  text-align: center;
-}
-.context-menu-container .btn-context-menu .icon.outline {
-  stroke: #555356;
-  stroke-width: 60;
-}
-.context-menu-container .btn-context-menu .title {
-  flex: 1 1 auto;
-  text-align: left;
-  white-space: nowrap;
-}
-.context-menu-container .btn-context-menu .shortcut {
-  color: #929192;
-  margin-left: 0.5rem;
-  justify-self: flex-end;
-  flex: 1 1 auto;
-  text-align: right;
-  white-space: nowrap;
-}
-.context-menu-container .btn-context-menu .submenu-indicator {
-  color: #f0f0ee;
-  flex-grow: 0;
-  justify-self: flex-end;
-}
-.context-menu-container .btn-context-menu .submenu-indicator.disabled {
-  color: #929192;
-}
-.context-menu-container .btn-context-menu.menu-title {
-  user-select: none;
-  cursor: default;
-  background: #2d2a2e;
-}
-.context-menu-container .btn-context-menu.keyboard-active {
-  background-color: rgba(72, 120, 234, 0.5);
-}
-.context-menu-container .btn-context-menu:focus,
-.context-menu-container .btn-context-menu.active {
-  background-color: #4878ea;
-}
-.context-menu-container .btn-context-menu:focus {
-  outline: none;
-}
-.context-menu-container .btn-context-menu.active,
-.context-menu-container .btn-context-menu.keyboard-active,
-.context-menu-container .btn-context-menu:focus:not(.disabled) {
-  color: #f0f0ee;
-}
-.context-menu-container .btn-context-menu.active .shortcut,
-.context-menu-container .btn-context-menu.keyboard-active .shortcut,
-.context-menu-container .btn-context-menu:focus:not(.disabled) .shortcut {
-  color: #a4bcf5;
-}
-.context-menu-container .btn-context-menu.disabled {
-  color: #929192;
-  background-color: #555356;
-}
-.context-menu-container .context-menu-item:last-child > .btn-context-menu {
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-.context-menu-container .context-menu-item:first-child > .btn-context-menu {
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-}
-.context-menu-container .context-menu-group-header {
-  margin: 0.5rem 0.75rem 0.25rem 0.75rem;
-  color: #c0bfbf;
-  white-space: nowrap;
-  text-decoration: none;
-  background-color: transparent;
-  text-align: left;
-  cursor: default;
-  user-select: none;
-  font-weight: 500;
-  border-bottom: 1px solid #5b5a5c;
-}
-.context-menu-container .loading {
-  padding: 0.25rem 1.5rem;
-  width: 100%;
-  display: block;
-  text-align: center;
+  mask-repeat: no-repeat;
+  mask-size: 8px;
+  cursor: pointer;
+  position: relative;
+  width: 8px;
+  height: 8px;
+  padding: 4px;
+  margin-left: -0.25rem;
+  opacity: 0;
+  transition: opacity 300ms ease;
 }
 
-.context-menu-container:focus {
-  outline: none;
+.lm_selected .lm_header {
+  background-color: var(--dh-color-golden-layout-tab-selected-bg);
 }
 
-/*# sourceMappingURL=ContextActions.css.map */
-.loading-spinner-large {
-  font-size: 64px;
+.lm_header .lm_tab.lm_active,
+.lm_header .lm_tab.lm_active:hover {
+  height: 28px;
+  background-color: var(--dh-color-golden-layout-tab-selected-bg);
+  color: var(--dh-color-text);
+  padding-bottom: 0;
+  box-shadow: inset -1px 0 0 0 var(--dh-color-bg, #1a171a);
 }
-.loading-spinner-large .svg-inline--fa {
-  font-size: inherit;
+.lm_header .lm_tab.lm_active.lm_focusin,
+.lm_header .lm_tab.lm_active:hover.lm_focusin {
+  box-shadow: inset 0 1px var(--dh-color-accent-bg), inset -1px 0 0 0 var(--dh-color-bg, #1a171a);
 }
 
-/*# sourceMappingURL=LoadingSpinner.css.map */
-/* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.iris-panel-message-overlay {
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  white-space: pre-line;
-  overflow: hidden;
+.lm_window_blur .lm_header .lm_tab.lm_active.lm_focusin {
+  box-shadow: inset -1px 0 0 0 var(--dh-color-bg, #1a171a);
 }
-.iris-panel-message-overlay .message-content {
-  font-size: 1.2rem;
+
+.lm_controls > li {
+  opacity: 0.4;
+  transition: opacity 300ms ease;
+  position: relative;
+  background-position: center center;
+  background-repeat: no-repeat;
 }
-.iris-panel-message-overlay .message-content .message-icon {
-  font-size: 64px;
+.lm_controls > li:hover {
+  opacity: 1;
 }
-.iris-panel-message-overlay .message-content .message-icon .svg-inline--fa {
-  font-size: inherit;
+.lm_controls .lm_popout {
+  background-size: auto;
+  background-color: var(--dh-color-fg);
+  mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=");
+  mask-position: center center;
+  mask-repeat: no-repeat;
+  mask-size: auto;
 }
-
-.iris-panel-scrim-background {
-  background: rgba(0, 0, 0, 0.1);
+.lm_controls .lm_maximise {
+  background-size: 16px;
+  background-color: var(--dh-color-fg);
+  mask-image: var(--dh-svg-icon-maximise);
+  mask-position: center center;
+  mask-repeat: no-repeat;
+  mask-size: 16px;
+}
+.lm_controls .lm_tabdropdown {
+  background-size: 16px;
+  background-color: var(--dh-color-fg);
+  mask-image: var(--dh-svg-icon-tab-dropdown);
+  mask-position: center center;
+  mask-repeat: no-repeat;
+  mask-size: 16px;
+}
+.lm_controls .lm_close {
+  background-size: 16px;
+  background-color: var(--dh-color-fg);
+  mask-image: var(--dh-svg-icon-close);
+  mask-position: center center;
+  mask-repeat: no-repeat;
+  mask-size: 16px;
+}
+.lm_controls .lm_tabnextbutton {
+  background-size: 16px;
+  background-color: var(--dh-color-fg);
+  mask-image: var(--dh-svg-icon-next);
+  mask-position: center center;
+  mask-repeat: no-repeat;
+  mask-size: 16px;
+}
+.lm_controls .lm_tabpreviousbutton {
+  background-size: 16px;
+  background-color: var(--dh-color-fg);
+  mask-image: var(--dh-svg-icon-prev);
+  mask-position: center center;
+  mask-repeat: no-repeat;
+  mask-size: 16px;
 }
 
-/*# sourceMappingURL=LoadingOverlay.css.map */
-/* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.btn-socketed {
-  position: relative;
-  display: inline-block;
-  border: 1px solid #929192;
-  padding: 0.375rem 1.5rem;
-  color: #f0f0ee;
-  background: #555356;
-  line-height: 1.5;
-  user-select: none;
+.lm_tabdropdown_list {
+  z-index: 1000;
+  background: var(--dh-color-popover-bg);
+  box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
   border-radius: 4px;
-  transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
-  cursor: pointer;
+  max-width: 12rem;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
 }
-.btn-socketed::after {
-  content: "";
-  position: absolute;
-  bottom: -1px;
-  left: 50%;
-  transform: translate(-50%, 50%);
-  background: #2d2a2e;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  border: 1px solid #929192;
-  transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
+.lm_tabdropdown_list .lm_tabdropdown_search {
+  padding: 0.25rem;
 }
-.btn-socketed:focus {
-  border-color: rgba(72, 120, 234, 0.85);
-  box-shadow: 0 0 0 0.2rem rgba(72, 120, 234, 0.35);
+.lm_tabdropdown_list .lm_tabdropdown_search input {
+  padding: 0.42145rem 0.75rem;
+  line-height: 1.3;
+  color: var(--dh-color-input-fg);
+  background-color: var(--dh-color-input-bg);
+  border: 1px solid var(--dh-color-input-border);
+  border-radius: 4px;
+  max-width: 100%;
 }
-.btn-socketed:focus::after {
-  border-color: rgba(72, 120, 234, 0.85);
+.lm_tabdropdown_list .lm_tabdropdown_search input::placeholder {
+  color: var(--dh-color-input-placeholder);
+  opacity: 1;
 }
-.btn-socketed:hover {
-  background-color: #235de6;
-  border-color: #235de6;
+.lm_tabdropdown_list .lm_tabdropdown_search input:focus {
+  border-color: var(--dh-color-input-focus-border);
+  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--dh-color-accent) 35%, transparent);
+  outline: 0;
 }
-.btn-socketed:hover::after {
-  border-color: #235de6;
+.lm_tabdropdown_list .lm_tabs {
+  padding: 0;
 }
-.btn-socketed:active {
-  border-color: #184ece;
-  background-color: #184ece;
+.lm_tabdropdown_list .lm_tab {
+  background: transparent;
+  color: var(--dh-color-gray-700);
+  box-shadow: none;
 }
-.btn-socketed .btn-socketed-icon {
-  display: none;
+.lm_tabdropdown_list .lm_tab.lm_keyboard_active {
+  color: var(--dh-color-gray-700);
+  background-color: var(--dh-color-highlight-selected);
 }
-.btn-socketed:disabled, .btn-socketed:disabled:hover {
-  cursor: not-allowed;
-  border-color: #1a171a;
-  background-color: #373438;
+.lm_tabdropdown_list .lm_tab.lm_keyboard_active:hover {
+  background-color: var(--dh-color-highlight-selected-hover);
 }
-.btn-socketed:disabled::after, .btn-socketed:disabled:hover::after {
-  border-color: #1a171a;
+.lm_tabdropdown_list .lm_tab:hover {
+  color: var(--dh-color-text);
+  background-color: var(--dh-color-highlight-hover);
 }
 
-.btn-socketed.btn-socketed-linked::after {
-  border-color: #4878ea;
-  background-color: #4878ea;
-}
-.btn-socketed.btn-socketed-linked.btn-socketed-linked-source::after {
-  border-color: #aa9af4;
-  background-color: #aa9af4;
-}
-.btn-socketed.btn-socketed-linked .btn-socketed-icon.linked {
-  display: block;
-  position: absolute;
-  bottom: 1px;
-  left: 50%;
-  transform: translate(-50%, 9px);
-  z-index: 1;
+.lm_maximised {
+  border: 15px solid color-mix(in srgb, var(--dh-color-bg) 80%, transparent);
+  height: 100% !important;
+  width: 100% !important;
 }
-.btn-socketed.btn-socketed-linked:disabled, .btn-socketed.btn-socketed-linked:disabled:hover {
-  border-color: #1a171a;
-  background-color: #373438;
+.lm_maximised .lm_items {
+  box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
 }
-.btn-socketed.btn-socketed-linked:disabled::after, .btn-socketed.btn-socketed-linked:disabled:hover::after {
-  background-color: #343e5d;
-  border-color: #1a171a;
+.lm_maximised .lm_controls .lm_maximise {
+  background-size: 16px;
+  background-color: var(--dh-color-fg);
+  mask-image: var(--dh-svg-icon-minimise);
+  mask-position: center center;
+  mask-repeat: no-repeat;
+  mask-size: 16px;
 }
 
-.btn-socketed.is-invalid,
-.btn-socketed.btn-socketed-linked.is-invalid {
-  border-color: rgba(249, 93, 132, 0.85);
-}
-.btn-socketed.is-invalid::after,
-.btn-socketed.btn-socketed-linked.is-invalid::after {
-  border-color: #f95d84;
-  background-color: #f95d84;
+.lm_tabs:empty + .lm_controls .lm_maximise {
+  display: none;
 }
-.btn-socketed.is-invalid .btn-socketed-icon.linked,
-.btn-socketed.btn-socketed-linked.is-invalid .btn-socketed-icon.linked {
+
+.lm_tab .editor-unsaved-indicator {
   display: none;
+  margin-right: 5px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--dh-color-accent-bg);
 }
-.btn-socketed.is-invalid .btn-socketed-icon.is-invalid,
-.btn-socketed.btn-socketed-linked.is-invalid .btn-socketed-icon.is-invalid {
-  color: #555356;
-  display: block;
-  position: absolute;
-  bottom: 1px;
-  left: 50%;
-  transform: translate(-50%, 9px);
-  z-index: 1;
+.lm_tab .editor-unsaved-indicator.is-unsaved {
+  display: inline-block;
 }
-.btn-socketed.is-invalid:focus,
-.btn-socketed.btn-socketed-linked.is-invalid:focus {
-  box-shadow: 0 0 0 0.2rem rgba(249, 93, 132, 0.35);
+
+.lm_dragging .js-plotly-plot .plotly svg,
+.lm_dragging .js-plotly-plot .plotly g,
+.lm_dragging .js-plotly-plot .plotly rect,
+.lm_dragging .js-plotly-plot .plotly path {
+  pointer-events: none !important;
 }
-.btn-socketed.is-invalid:disabled, .btn-socketed.is-invalid:disabled:hover,
-.btn-socketed.btn-socketed-linked.is-invalid:disabled,
-.btn-socketed.btn-socketed-linked.is-invalid:disabled:hover {
-  border-color: #1a171a;
-  background-color: #373438;
+
+/*# sourceMappingURL=GoldenLayout.css.map *//* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
+.panel-placeholder {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-height: 100%;
+  max-height: 100%;
+  text-align: center;
+  overflow: hidden;
 }
-.btn-socketed.is-invalid:disabled::after, .btn-socketed.is-invalid:disabled:hover::after,
-.btn-socketed.btn-socketed-linked.is-invalid:disabled::after,
-.btn-socketed.btn-socketed-linked.is-invalid:disabled:hover::after {
-  background-color: #373438;
-  border-color: #1a171a;
+.panel-placeholder div {
+  padding: 1rem;
 }
 
-/*# sourceMappingURL=SocketedButton.css.map */
+/*# sourceMappingURL=PanelPlaceholder.css.map */
 /* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
 .panel-error-boundary {
   height: 100%;
   width: 100%;
@@ -1660,81 +1208,13 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
 }
 
 /*# sourceMappingURL=Dashboard.css.map */
-/* stylelint-disable */
-/* stylelint-disable scss/at-import-no-partial-leading-underscore */
-
-/*# sourceMappingURL=ChartTheme.module.css.map *//* stylelint-disable scss/at-import-no-partial-leading-underscore */
-.plotly-notifier {
-  margin-right: 15px;
-}
-
-.plotly-notifier .notifier-note {
-  color: #f0f0ee !important;
-  border: 0 !important;
-  border-radius: 2px !important;
-  background: #555356 !important;
-  overflow-wrap: normal !important;
-  hyphens: unset !important;
-  margin-bottom: 0.5rem !important;
-  box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45) !important;
-}
-
-.plotly-notifier .notifier-close {
-  color: #929192 !important;
-  transition: all 0.2s ease-in-out !important;
-}
-.plotly-notifier .notifier-close:hover {
-  color: #f0f0ee !important;
-}
-
-.chart-wrapper {
-  background: #2d2a2e;
-}
-.chart-wrapper .plot-container .cartesianlayer text {
-  user-select: none;
-}
-.chart-wrapper .plot-container .hovertext path,
-.chart-wrapper .plot-container .axistext path {
-  stroke: none !important;
-}
-.chart-wrapper .plot-container .axistext path {
-  fill: #555356 !important;
-  box-shadow: 4px 4px #1a171a;
-}
-.chart-wrapper .plot-container .zoomlayer .zoombox {
-  fill: rgba(0, 0, 0, 0.5) !important;
-}
-.chart-wrapper .plot-container .zoomlayer .zoombox-corners {
-  fill: #f0f0ee;
-  stroke: #211f22;
-}
-.chart-wrapper .js-plotly-plot .plotly [data-title]::before {
-  border-color: transparent transparent #403e41;
-  z-index: 1002;
-}
-.chart-wrapper .js-plotly-plot .plotly [data-title]::after {
-  border-radius: 4px;
-  background: #403e41;
-  color: #f0f0ee;
-  padding: 0.25rem 0.5rem;
-  box-shadow: 0 0.1rem 1.5rem 0.1rem rgba(26, 23, 26, 0.8);
-  z-index: 1001;
-}
-.chart-wrapper .js-plotly-plot .plotly .modebar {
-  z-index: auto;
-}
-.chart-wrapper .js-plotly-plot .plotly .modebar .modebar-btn[data-attr=animation-spin] svg {
-  animation: fa-spin 2s infinite linear;
-}
-.chart-wrapper .js-plotly-plot .plotly .modebar .modebar-btn[data-attr=fill-active] svg path {
-  fill: rgba(255, 255, 255, 0.7) !important;
-}
-.chart-wrapper .js-plotly-plot .plotly .modebar .modebar-btn[data-attr=fill-warning] svg path {
-  fill: #f37e3f !important;
+.dh-panel {
+  position: relative;
 }
 
-/*# sourceMappingURL=Chart.css.map */
+/*# sourceMappingURL=Panel.css.map */
 /* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
 .tab-tooltip-grid-container {
   display: grid;
   grid-template-columns: auto 1fr;
@@ -1758,11 +1238,11 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
   grid-column: span 2;
   width: 100%;
   margin: 0.25rem 0;
-  border-color: #5b5a5c;
+  border-color: var(--dh-color-gray-500);
 }
 .tab-tooltip-grid-container .tab-tooltip-description {
   grid-column: span 2;
-  color: #929192;
+  color: var(--dh-color-gray-600);
   padding-bottom: 0.25rem;
 }
 .tab-tooltip-grid-container .tab-tooltip-statistic-value {
@@ -1775,6 +1255,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
 
 /*# sourceMappingURL=WidgetPanelTooltip.css.map */
 /* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
 .query-status-bar {
   position: absolute;
   bottom: 0;
@@ -1783,25 +1264,26 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
   text-align: left;
   display: block;
   padding: 3px 5px;
-  background: rgba(45, 42, 46, 0.95);
-  color: #c0bfbf;
-  border-top: 1px solid #5b5a5c;
-  border-right: 1px solid #5b5a5c;
+  background: color-mix(in srgb, var(--dh-color-content-bg) 95%, transparent);
+  color: var(--dh-color-gray-700);
+  border-top: 1px solid var(--dh-color-gray-500);
+  border-right: 1px solid var(--dh-color-gray-500);
   min-width: 400px;
 }
 
 /*# sourceMappingURL=WidgetPanel.css.map */
 /* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
 .chart-filter-overlay .chart-filter-overlay-content .waiting-filter-list {
   margin-top: 0.5rem;
   margin-bottom: 1.5rem;
 }
 .chart-filter-overlay .chart-filter-overlay-content .waiting-filter-list .waiting-filter-item svg {
   margin-right: 0.5rem;
-  color: #9edc6f;
+  color: var(--dh-color-visual-green);
 }
 .chart-filter-overlay .chart-filter-overlay-content .waiting-filter-list .waiting-filter-item.is-invalid svg {
-  color: #929192;
+  color: var(--dh-color-gray-600);
 }
 .chart-filter-overlay .chart-filter-overlay-content .btn {
   margin-bottom: 1rem;
@@ -1814,6 +1296,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
 
 /*# sourceMappingURL=ChartFilterOverlay.css.map */
 /* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
 .chart-column-selector-overlay .chart-panel-overlay-content .waiting-column-select-list {
   margin-top: 0.5rem;
   margin-bottom: 1.5rem;
@@ -1825,6 +1308,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
 
 /*# sourceMappingURL=ChartColumnSelectorOverlay.css.map */
 /* stylelint-disable scss/at-import-no-partial-leading-underscore */
+/* stylelint-disable-next-line number-max-precision */
 .iris-chart-panel {
   overflow: hidden;
 }
@@ -1836,7 +1320,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
 }
 
 .chart-panel-overlay {
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: color-mix(in srgb, var(--dh-color-black) 50%, transparent);
   position: absolute;
   top: 0;
   bottom: 0;