dockview/dist/dockview.js

React docking layout manager — tabs, groups, grids, splitviews, drag and drop, floating panels

/**
 * dockview
 * @version 6.2.2
 * @link https://github.com/mathuo/dockview
 * @license MIT
 */
(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('dockview-core'), require('react'), require('react-dom')) :
  typeof define === 'function' && define.amd ? define(['exports', 'dockview-core', 'react', 'react-dom'], factory) :
  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.dockview = {}, global.dockviewCore, global.React, global.ReactDOM));
})(this, (function (exports, dockviewCore, React, ReactDOM) { 'use strict';

  function styleInject(css, ref) {
    if ( ref === void 0 ) ref = {};
    var insertAt = ref.insertAt;

    if (typeof document === 'undefined') { return; }

    var head = document.head || document.getElementsByTagName('head')[0];
    var style = document.createElement('style');
    style.type = 'text/css';

    if (insertAt === 'top') {
      if (head.firstChild) {
        head.insertBefore(style, head.firstChild);
      } else {
        head.appendChild(style);
      }
    } else {
      head.appendChild(style);
    }

    if (style.styleSheet) {
      style.styleSheet.cssText = css;
    } else {
      style.appendChild(document.createTextNode(css));
    }
  }

  var css_248z = ".dv-scrollable {\n  position: relative;\n  overflow: hidden;\n}\n.dv-scrollable .dv-scrollbar {\n  position: absolute;\n  border-radius: 2px;\n  background-color: transparent;\n  /* GPU optimizations */\n  will-change: background-color, transform;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  transition-property: background-color;\n  transition-timing-function: ease-in-out;\n  transition-duration: 1s;\n  transition-delay: 0s;\n}\n.dv-scrollable .dv-scrollbar-horizontal {\n  bottom: 0px;\n  left: 0px;\n  height: 4px;\n}\n.dv-scrollable .dv-scrollbar-vertical {\n  right: 0px;\n  top: 0px;\n  width: 4px;\n}\n.dv-scrollable:hover .dv-scrollbar, .dv-scrollable.dv-scrollable-resizing .dv-scrollbar, .dv-scrollable.dv-scrollable-scrolling .dv-scrollbar {\n  background-color: var(--dv-scrollbar-background-color, rgba(255, 255, 255, 0.25));\n}\n.dv-svg {\n  display: inline-block;\n  fill: currentcolor;\n  line-height: 1;\n  stroke: currentcolor;\n  stroke-width: 0;\n}\n.dockview-theme-dark {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-dark {\n  --dv-group-view-background-color: #1e1e1e;\n  --dv-tabs-and-actions-container-background-color: #252526;\n  --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;\n  --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;\n  --dv-tab-divider-color: #1e1e1e;\n  --dv-activegroup-visiblepanel-tab-color: white;\n  --dv-activegroup-hiddenpanel-tab-color: #969696;\n  --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;\n  --dv-inactivegroup-hiddenpanel-tab-color: #626262;\n  --dv-separator-border: rgb(68, 68, 68);\n  --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);\n}\n\n.dockview-theme-light {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-light {\n  --dv-group-view-background-color: white;\n  --dv-tabs-and-actions-container-background-color: #f3f3f3;\n  --dv-activegroup-visiblepanel-tab-background-color: white;\n  --dv-activegroup-hiddenpanel-tab-background-color: #ececec;\n  --dv-inactivegroup-visiblepanel-tab-background-color: white;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #ececec;\n  --dv-tab-divider-color: white;\n  --dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);\n  --dv-activegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.7);\n  --dv-inactivegroup-visiblepanel-tab-color: rgba(51, 51, 51, 0.7);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.35);\n  --dv-separator-border: rgba(128, 128, 128, 0.35);\n  --dv-paneview-header-border-color: rgb(51, 51, 51);\n  --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-vs {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-vs .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-vs {\n  --dv-group-view-background-color: #1e1e1e;\n  --dv-tabs-and-actions-container-background-color: #252526;\n  --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;\n  --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;\n  --dv-tab-divider-color: #1e1e1e;\n  --dv-activegroup-visiblepanel-tab-color: white;\n  --dv-activegroup-hiddenpanel-tab-color: #969696;\n  --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;\n  --dv-inactivegroup-hiddenpanel-tab-color: #626262;\n  --dv-separator-border: rgb(68, 68, 68);\n  --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);\n  --dv-tabs-and-actions-container-background-color: #2d2d30;\n  --dv-tabs-and-actions-container-height: 20px;\n  --dv-tabs-and-actions-container-font-size: 11px;\n  --dv-activegroup-visiblepanel-tab-background-color: #007acc;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #3f3f46;\n  --dv-activegroup-visiblepanel-tab-color: white;\n  --dv-activegroup-hiddenpanel-tab-color: white;\n  --dv-inactivegroup-visiblepanel-tab-color: white;\n  --dv-inactivegroup-hiddenpanel-tab-color: white;\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container {\n  box-sizing: content-box;\n  border-bottom: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {\n  border-top: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {\n  border-top: 2px solid var(--dv-activegroup-hiddenpanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container {\n  box-sizing: content-box;\n  border-bottom: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {\n  border-top: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {\n  border-top: 2px solid var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n}\n\n.dockview-theme-abyss {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-abyss .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-abyss {\n  --dv-color-abyss-dark: #000c18;\n  --dv-color-abyss: #10192c;\n  --dv-color-abyss-light: #1c1c2a;\n  --dv-color-abyss-lighter: #2b2b4a;\n  --dv-color-abyss-accent: rgb(91, 30, 207);\n  --dv-color-abyss-primary-text: white;\n  --dv-color-abyss-secondary-text: rgb(148, 151, 169);\n  --dv-group-view-background-color: var(--dv-color-abyss-dark);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-abyss-light\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-abyss-dark\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-abyss-dark\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);\n  --dv-tab-divider-color: var(--dv-color-abyss-lighter);\n  --dv-activegroup-visiblepanel-tab-color: white;\n  --dv-activegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.5);\n  --dv-inactivegroup-visiblepanel-tab-color: rgba(255, 255, 255, 0.5);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.25);\n  --dv-separator-border: var(--dv-color-abyss-lighter);\n  --dv-paneview-header-border-color: var(--dv-color-abyss-lighter);\n  --dv-paneview-active-outline-color: #596f99;\n}\n\n.dockview-theme-dracula {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-dracula .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-dracula {\n  --dv-group-view-background-color: #282a36;\n  --dv-tabs-and-actions-container-background-color: #191a21;\n  --dv-activegroup-visiblepanel-tab-background-color: #282a36;\n  --dv-activegroup-hiddenpanel-tab-background-color: #21222c;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #282a36;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #21222c;\n  --dv-tab-divider-color: #191a21;\n  --dv-activegroup-visiblepanel-tab-color: rgb(248, 248, 242);\n  --dv-activegroup-hiddenpanel-tab-color: rgb(98, 114, 164);\n  --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(98, 114, 164, 0.5);\n  --dv-separator-border: #bd93f9;\n  --dv-paneview-header-border-color: #bd93f9;\n  --dv-paneview-active-outline-color: #6272a4;\n}\n.dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  background-color: #94527e;\n  z-index: 999;\n}\n.dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  background-color: #5e3d5a;\n  z-index: 999;\n}\n\n.dockview-theme-nord {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-nord .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-nord {\n  --dv-color-nord-polar-0: #2e3440;\n  --dv-color-nord-polar-1: #3b4252;\n  --dv-color-nord-polar-2: #434c5e;\n  --dv-color-nord-polar-3: #4c566a;\n  --dv-color-nord-frost: #88c0d0;\n  --dv-color-nord-frost-2: #81a1c1;\n  --dv-color-nord-snow-0: #eceff4;\n  --dv-color-nord-snow-1: #d8dee9;\n  --dv-group-view-background-color: var(--dv-color-nord-polar-0);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-nord-polar-0\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-nord-polar-2\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-nord-polar-2\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);\n  --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;\n  --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;\n  --dv-separator-border: var(--dv-color-nord-polar-3);\n  --dv-paneview-active-outline-color: var(--dv-color-nord-frost);\n  --dv-active-sash-color: var(--dv-color-nord-frost);\n  --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);\n}\n.dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: \"\";\n  width: 100%;\n  height: 2px;\n  background-color: var(--dv-color-nord-frost);\n  z-index: 999;\n}\n.dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: \"\";\n  width: 100%;\n  height: 2px;\n  background-color: var(--dv-color-nord-frost-2);\n  z-index: 999;\n}\n\n.dockview-theme-nord-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 20px;\n  --dv-tab-margin: 0.5rem 0.25rem;\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-nord-spaced {\n  padding: 0;\n}\n.dockview-theme-nord-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-nord-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-nord-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-nord-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-nord-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-nord-spaced .dv-tabs-overflow-container,\n.dockview-theme-nord-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-nord-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-nord-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: 0.25rem 0.5rem;\n}\n.dockview-theme-nord-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced {\n  --dv-color-nord-polar-0: #2e3440;\n  --dv-color-nord-polar-1: #3b4252;\n  --dv-color-nord-polar-2: #434c5e;\n  --dv-color-nord-polar-3: #4c566a;\n  --dv-color-nord-frost: #88c0d0;\n  --dv-color-nord-frost-2: #81a1c1;\n  --dv-color-nord-snow-0: #eceff4;\n  --dv-color-nord-snow-1: #d8dee9;\n  --dv-group-view-background-color: var(--dv-color-nord-polar-0);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-nord-polar-2\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-nord-polar-2\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);\n  --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;\n  --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;\n  --dv-separator-border: transparent;\n  --dv-paneview-active-outline-color: var(--dv-color-nord-frost);\n  --dv-active-sash-color: var(--dv-color-nord-frost);\n  --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);\n  --dv-floating-group-border: 2px solid var(--dv-color-nord-polar-0);\n}\n\n.dockview-theme-catppuccin-mocha {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-catppuccin-mocha .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-catppuccin-mocha {\n  --dv-color-mocha-crust: #11111b;\n  --dv-color-mocha-mantle: #181825;\n  --dv-color-mocha-base: #1e1e2e;\n  --dv-color-mocha-surface0: #313244;\n  --dv-color-mocha-surface1: #45475a;\n  --dv-color-mocha-text: #cdd6f4;\n  --dv-color-mocha-subtext1: #bac2de;\n  --dv-color-mocha-subtext0: #a6adc8;\n  --dv-color-mocha-mauve: #cba6f7;\n  --dv-color-mocha-lavender: #b4befe;\n  --dv-group-view-background-color: var(--dv-color-mocha-base);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-mocha-base\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-mocha-surface0\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-mocha-crust\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);\n  --dv-separator-border: var(--dv-color-mocha-surface1);\n  --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);\n  --dv-active-sash-color: var(--dv-color-mocha-mauve);\n  --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  content: \"\";\n  width: 100%;\n  height: 2px;\n  background-color: var(--dv-color-mocha-mauve);\n  z-index: 999;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  content: \"\";\n  width: 100%;\n  height: 2px;\n  background-color: rgba(180, 190, 254, 0.4);\n  z-index: 999;\n}\n\n.dockview-theme-catppuccin-mocha-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 20px;\n  --dv-tab-margin: 0.5rem 0.25rem;\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-catppuccin-mocha-spaced {\n  padding: 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-container,\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: 0.25rem 0.5rem;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced {\n  --dv-color-mocha-crust: #11111b;\n  --dv-color-mocha-mantle: #181825;\n  --dv-color-mocha-base: #1e1e2e;\n  --dv-color-mocha-surface0: #313244;\n  --dv-color-mocha-surface1: #45475a;\n  --dv-color-mocha-text: #cdd6f4;\n  --dv-color-mocha-subtext1: #bac2de;\n  --dv-color-mocha-subtext0: #a6adc8;\n  --dv-color-mocha-mauve: #cba6f7;\n  --dv-color-mocha-lavender: #b4befe;\n  --dv-group-view-background-color: var(--dv-color-mocha-crust);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-mocha-surface0\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-mocha-surface0\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);\n  --dv-separator-border: transparent;\n  --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);\n  --dv-active-sash-color: var(--dv-color-mocha-mauve);\n  --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);\n  --dv-floating-group-border: 2px solid var(--dv-color-mocha-crust);\n}\n\n.dockview-theme-monokai {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-monokai .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-monokai {\n  --dv-color-monokai-bg: #272822;\n  --dv-color-monokai-bg-light: #3e3d32;\n  --dv-color-monokai-comment: #75715e;\n  --dv-color-monokai-fg: #f8f8f2;\n  --dv-color-monokai-green: #a6e22e;\n  --dv-group-view-background-color: var(--dv-color-monokai-bg);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-monokai-bg-light\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-monokai-bg\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: #2d2c25;\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-monokai-bg\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2c25;\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-monokai-fg);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-monokai-comment);\n  --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(117, 113, 94, 0.5);\n  --dv-separator-border: var(--dv-color-monokai-bg-light);\n  --dv-paneview-active-outline-color: var(--dv-color-monokai-green);\n  --dv-active-sash-color: var(--dv-color-monokai-green);\n  --dv-scrollbar-background-color: rgba(117, 113, 94, 0.5);\n}\n.dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: \"\";\n  width: 100%;\n  height: 2px;\n  background-color: var(--dv-color-monokai-green);\n  z-index: 999;\n}\n.dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: \"\";\n  width: 100%;\n  height: 2px;\n  background-color: rgba(166, 226, 46, 0.35);\n  z-index: 999;\n}\n\n.dockview-theme-solarized-light {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-solarized-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-solarized-light {\n  --dv-color-sol-base3: #fdf6e3;\n  --dv-color-sol-base2: #eee8d5;\n  --dv-color-sol-base1: #93a1a1;\n  --dv-color-sol-base00: #657b83;\n  --dv-color-sol-base01: #586e75;\n  --dv-color-sol-blue: #268bd2;\n  --dv-group-view-background-color: var(--dv-color-sol-base3);\n  --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base2);\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-sol-base3\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: #e8e2d0;\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-sol-base3\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #e8e2d0;\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);\n  --dv-separator-border: var(--dv-color-sol-base2);\n  --dv-paneview-active-outline-color: var(--dv-color-sol-blue);\n  --dv-active-sash-color: var(--dv-color-sol-blue);\n  --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);\n  --dv-drag-over-background-color: rgba(38, 139, 210, 0.15);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-solarized-light-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 20px;\n  --dv-tab-margin: 0.5rem 0.25rem;\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-solarized-light-spaced {\n  padding: 0;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-solarized-light-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-solarized-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-solarized-light-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-solarized-light-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: 0.25rem 0.5rem;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-conta