mobx-view-model-devtools 0.0.46 → 0.0.47

package/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL{position:fixed!important;z-index:999999;width:520px;border-radius:8px;height:calc(100vh - 24px);width:calc(100vw - 34px);max-width:520px;box-shadow:0 5px 20px #0006}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC{transition:none;cursor:grabbing;opacity:.8;z-index:1000}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL[data-position=top-right]{top:12px;right:12px}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL[data-position=top-left]{top:12px;left:12px}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL[data-position=bottom-left]{bottom:12px;left:12px}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL[data-position=bottom-right]{bottom:12px;right:12px}.closePopupButton_igv9j.closePopupButton_igv9j.closePopupButton_igv9j.closePopupButton_igv9j.closePopupButton_igv9j{width:28px;height:28px;padding:6px;border:0;background:transparent;color:var(--vmd-base-color);display:flex;align-items:center;justify-content:center}html:has(.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC) *{-webkit-user-select:none!important;user-select:none!important}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO{position:fixed;z-index:999999;width:36px;height:36px;border-radius:8px;transition:all .15s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE{transition:none;cursor:grabbing;opacity:.8;z-index:1000}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.opened_NYAFW.opened_NYAFW.opened_NYAFW.opened_NYAFW.opened_NYAFW{opacity:0!important;pointer-events:none}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO[data-position=top-right]{top:12px;right:12px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO[data-position=top-left]{top:12px;left:12px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO[data-position=bottom-left]{bottom:12px;left:12px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO[data-position=bottom-right]{bottom:12px;right:12px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO>img{pointer-events:none;position:absolute;inset:0;border-radius:8px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO>div{transition:all .15s ease-in-out;position:absolute;inset:0;border-radius:8px;border:2px solid #00000057}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO:not(.isConnected_eObxX.isConnected_eObxX.isConnected_eObxX.isConnected_eObxX.isConnected_eObxX){filter:grayscale(1)}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO>.vmsCount_HhX1W.vmsCount_HhX1W.vmsCount_HhX1W.vmsCount_HhX1W.vmsCount_HhX1W{left:-4px;top:-4px;pointer-events:none;position:absolute;display:flex;border-radius:8px;background:#005c26cf;padding:2px;font-weight:600;font-size:12px;line-height:12px;color:#2aff0a}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO>.keyboardHint_v8eo0.keyboardHint_v8eo0.keyboardHint_v8eo0.keyboardHint_v8eo0.keyboardHint_v8eo0{position:absolute;bottom:-3px;left:-2px;z-index:99999;font-family:monospace;font-weight:700!important;font-size:10px;line-height:10px;background:#1b3b00bf;color:#73ff00d4;letter-spacing:-1px;border-radius:2px}html:has(.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE) *{-webkit-user-select:none!important;user-select:none!important}.iconToggleButton_R48wm.iconToggleButton_R48wm.iconToggleButton_R48wm.iconToggleButton_R48wm.iconToggleButton_R48wm{display:flex;align-items:center;gap:2px;position:relative;height:20px;outline:none;border-radius:4px;-webkit-backdrop-filter:blur(var(--vmd-control-blur));backdrop-filter:blur(var(--vmd-control-blur))}.activePosition_IXsRn.activePosition_IXsRn.activePosition_IXsRn.activePosition_IXsRn.activePosition_IXsRn{position:absolute;height:16px;width:16px;padding:1px;box-sizing:content-box!important;background:var(--vmd-control-active-bg);-webkit-backdrop-filter:blur(var(--vmd-base-blur));backdrop-filter:blur(var(--vmd-base-blur));border-radius:4px;transition:all 149ms ease;transform:translate(calc(20px * var(--index)))}.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR{padding:1px;z-index:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:all 149ms ease;color:var(--vmd-control-inactive-color)}.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR.active_6QS-2.active_6QS-2.active_6QS-2.active_6QS-2.active_6QS-2{color:var(--vmd-control-active-color)}.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR>svg{width:14px;height:14px}:root{--vmd-base-blur: 4px;--vmd-bg: #0c0a19e6;--vmd-overlay-bg: #0e1227bd;--vmd-base-color: #ccc;--vmd-control-active-bg: #e6e6e682;--vmd-control-active-color: #181818;--vmd-control-active-text-input-color: var(--vmd-base-color);--vmd-control-active-text-input-placeholder-color: #a3a3a3;--vmd-control-inactive-color: #8b8b8b;--vmd-control-border: #5b5468a6;--vmd-control-bg: transparent;--vmd-control-blur: 2px;--vmd-bg-transparent: #1f1c2600;--vmd-content-bg: transparent;--vmd-content-highlight-bg: #ffffff1c;--vmd-scrollbar-track-size: 8px;--vmd-scrollbar-bg-base: #81818170;--vmd-scrollbar-bg-active: #818181;--vmd-property-meta-color: #616161;--vmd-primary-bg: #0f6013;--vmd-primary-color: #5ab65e;--vmd-secondary-bg: #6b6902;--vmd-edit-content-color: #97503c;--vmd-header-height: 60px}.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F{display:contents;box-sizing:border-box}.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F *{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;box-sizing:border-box}.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F button{outline:none;background:transparent;border:0;cursor:pointer;margin:0;padding-block:0;padding-inline:0;color:var(--vmd-base-color)}.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7{width:18px;height:18px;padding:2px;border-radius:6px}.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.active_4JTx5.active_4JTx5.active_4JTx5.active_4JTx5.active_4JTx5{background:#f0f0f01f}.treeItemHeader_9gR6Q.treeItemHeader_9gR6Q.treeItemHeader_9gR6Q.treeItemHeader_9gR6Q.treeItemHeader_9gR6Q{display:flex;align-items:center;gap:4px;margin:auto 0;cursor:pointer;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP{padding:0 4px;border-radius:4px}.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre;height:22px;display:flex;flex-direction:row;align-items:center;padding-left:calc(8px + (var(--level) * 20px));position:sticky;top:calc(var(--vmd-header-height) + var(--vmd-control-panel-height));z-index:1}.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA:hover{background:var(--vmd-content-highlight-bg)}.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA:not([data-fitted=true])>header{opacity:.6}.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc .treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP{background:var(--vmd-primary-bg)}.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc .treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0{color:var(--vmd-primary-color)}.extraTreeItem_z3KA1.extraTreeItem_z3KA1.extraTreeItem_z3KA1.extraTreeItem_z3KA1.extraTreeItem_z3KA1 .treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP{background:var(--vmd-secondary-bg)}.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3{color:#a0a0a0;opacity:1!important;width:16px;height:16px;font-weight:700;cursor:pointer}.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expanded_8-pD6.expanded_8-pD6.expanded_8-pD6.expanded_8-pD6.expanded_8-pD6{color:#b8b8b8;transform:rotate(90deg)}.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.disabled_MBq1Q.disabled_MBq1Q.disabled_MBq1Q.disabled_MBq1Q.disabled_MBq1Q{opacity:.35!important}.vmContentVirtualizedContent_LtS91.vmContentVirtualizedContent_LtS91.vmContentVirtualizedContent_LtS91.vmContentVirtualizedContent_LtS91.vmContentVirtualizedContent_LtS91{overflow:hidden}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar]{position:relative;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;color:var(--vmd-base-color);background:var(--vmd-bg);-webkit-backdrop-filter:blur(var(--vmd-base-blur));backdrop-filter:blur(var(--vmd-base-blur));display:flex;flex-direction:column;overflow:auto;overflow-y:auto;scrollbar-width:thin;overflow-anchor:none}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-content-wrapper::-webkit-scrollbar,.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-content:after,.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-content:before{content:" ";display:table}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar].simplebar-dragging,.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-scrollbar:before{position:absolute;content:"";background:var(--vmd-scrollbar-bg-base);border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-track.simplebar-vertical{top:0;width:var(--vmd-scrollbar-track-size)}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-scrollbar:before{inset:2px}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-track.simplebar-horizontal{left:0;height:var(--vmd-scrollbar-track-size)}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.vmContentHeader_M1JNM.vmContentHeader_M1JNM.vmContentHeader_M1JNM.vmContentHeader_M1JNM.vmContentHeader_M1JNM{display:flex;flex-direction:column;height:var(--vmd-header-height);flex:none;padding:0 8px;position:sticky;top:0;z-index:2}.vmContentHeaderLogo_FRJDO.vmContentHeaderLogo_FRJDO.vmContentHeaderLogo_FRJDO.vmContentHeaderLogo_FRJDO.vmContentHeaderLogo_FRJDO{width:16px;margin-right:6px}.vmContentHeaderTitle_lYmde.vmContentHeaderTitle_lYmde.vmContentHeaderTitle_lYmde.vmContentHeaderTitle_lYmde.vmContentHeaderTitle_lYmde{display:flex;justify-content:space-between;align-items:center;flex:none;font-weight:600;z-index:1}.vmContentHeaderTitleText_RlIFH.vmContentHeaderTitleText_RlIFH.vmContentHeaderTitleText_RlIFH.vmContentHeaderTitleText_RlIFH.vmContentHeaderTitleText_RlIFH{font-size:16px;margin-right:auto}.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9{width:100%;height:var(--vmd-control-panel-height);padding-bottom:4px;flex:none;display:flex;flex-direction:row;z-index:1;gap:4px;overflow:hidden;padding-right:6px}.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.searchIsActive_cJutI.searchIsActive_cJutI.searchIsActive_cJutI.searchIsActive_cJutI.searchIsActive_cJutI>.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA{margin-left:-106px}.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA{display:flex;flex-direction:row;align-items:center;gap:6px;transition:all .15s ease}.hiearchyToggleButton_0FTG-.hiearchyToggleButton_0FTG-.hiearchyToggleButton_0FTG-.hiearchyToggleButton_0FTG-.hiearchyToggleButton_0FTG-{display:flex}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1{display:flex;position:relative;flex:1;-webkit-backdrop-filter:blur(var(--vmd-control-blur));backdrop-filter:blur(var(--vmd-control-blur))}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>svg{position:absolute;width:16px;inset:50% 0;transform:translate(6px,-50%);pointer-events:none;opacity:.7}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>input{background:var(--vmd-control-bg);border:1px solid var(--vmd-control-border);color:var(--vmd-control-active-text-input-color);border-radius:4px;outline:0;width:100%;padding:3px 26px;font-size:14px;text-overflow:ellipsis}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>input::placeholder{color:var(--vmd-control-active-text-input-placeholder-color)}.inputGhost_J-ksi.inputGhost_J-ksi.inputGhost_J-ksi.inputGhost_J-ksi.inputGhost_J-ksi{position:absolute;inset:0;display:flex;align-items:center;padding:3px 26px;font-size:14px;pointer-events:none;white-space:pre;overflow:hidden;z-index:0}.inputGhostTyped_UxVAJ.inputGhostTyped_UxVAJ.inputGhostTyped_UxVAJ.inputGhostTyped_UxVAJ.inputGhostTyped_UxVAJ{color:transparent;white-space:pre}.inputGhostSuggestion_Ys7F3.inputGhostSuggestion_Ys7F3.inputGhostSuggestion_Ys7F3.inputGhostSuggestion_Ys7F3.inputGhostSuggestion_Ys7F3{color:var(--vmd-control-active-text-input-placeholder-color);white-space:pre;opacity:.7}.inputSuggestions_5btGB.inputSuggestions_5btGB.inputSuggestions_5btGB.inputSuggestions_5btGB.inputSuggestions_5btGB{position:absolute;left:35px;top:calc(100% - 10px);display:flex;align-items:flex-start;font-size:14px;white-space:pre;z-index:3}.inputSuggestionsList_3Gl-h.inputSuggestionsList_3Gl-h.inputSuggestionsList_3Gl-h.inputSuggestionsList_3Gl-h.inputSuggestionsList_3Gl-h{min-width:120px;max-width:320px;padding:3px;border:1px solid var(--vmd-control-border);border-radius:5px;background:var(--vmd-control-bg);box-shadow:0 6px 18px #00000059;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp{display:flex;align-items:baseline;cursor:pointer;gap:6px;padding:1px 2px;border-radius:3px;color:var(--vmd-control-active-text-input-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk{flex:none;max-width:90px;font-size:10px;line-height:1;overflow:hidden;text-overflow:ellipsis;background:var(--vmd-primary-bg);color:#fff;padding:2px;direction:rtl;border-radius:3px;opacity:.85}.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.extras_THr24.extras_THr24.extras_THr24.extras_THr24.extras_THr24{background:var(--vmd-secondary-bg)}.inputSuggestionValue_6fYPI.inputSuggestionValue_6fYPI.inputSuggestionValue_6fYPI.inputSuggestionValue_6fYPI.inputSuggestionValue_6fYPI{overflow:hidden;text-overflow:ellipsis}.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.selected_OPRUb.selected_OPRUb.selected_OPRUb.selected_OPRUb.selected_OPRUb{color:var(--vmd-control-active-text-input-color);background:var(--vmd-content-highlight-bg)}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>input.inputWithSuggestion_C9PIe.inputWithSuggestion_C9PIe.inputWithSuggestion_C9PIe.inputWithSuggestion_C9PIe.inputWithSuggestion_C9PIe{background:transparent}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>button{position:absolute;right:6px;width:16px;transform:translate(4px,-50%);top:50%;opacity:.6;display:none}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.filled_6JZa0.filled_6JZa0.filled_6JZa0.filled_6JZa0.filled_6JZa0>svg{opacity:.9}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.filled_6JZa0.filled_6JZa0.filled_6JZa0.filled_6JZa0.filled_6JZa0>button{display:block}.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re{position:absolute;top:0;left:0;width:100%;height:calc(100% + 6px);pointer-events:none;background:linear-gradient(to bottom,var(--vmd-overlay-bg) 0%,rgba(0,0,0,0) 100%)}.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re:before{content:"";position:absolute;inset:0;background:transparent;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);-webkit-mask:linear-gradient(to bottom,var(--vmd-overlay-bg) 50%,rgba(0,0,0,0) 100%);mask:linear-gradient(to bottom,var(--vmd-overlay-bg) 50%,rgba(0,0,0,0) 100%)}[data-list-item-operations]{position:relative;right:12px;display:flex;align-items:center;margin-left:auto;gap:4px;width:0;transition:all .15s ease;overflow:hidden}*:has(>[data-list-item-operations]):hover>[data-list-item-operations]{width:auto}[data-list-item-operation]:active{transform:scale(.9)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre;background:var(--vmd-content-bg);height:22px;display:flex;flex-direction:row;align-items:center;position:relative;color:var(--vmd-property-meta-color);padding-left:calc(0px + 28px + (var(--level) * 15px))}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG:hover,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq{background:var(--vmd-content-highlight-bg)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.expandable_np03F.expandable_np03F.expandable_np03F.expandable_np03F.expandable_np03F{cursor:pointer}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG>span{flex:1;overflow:hidden;text-overflow:ellipsis;padding-right:12px;display:flex;flex-direction:row}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG[data-fitted=false]{opacity:.5}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.instance_jv3IW.instance_jv3IW.instance_jv3IW.instance_jv3IW.instance_jv3IW{--value-color: rgb(190 113 195)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.inaccessible_YWXKM.inaccessible_YWXKM.inaccessible_YWXKM.inaccessible_YWXKM.inaccessible_YWXKM{--value-color: var(--vmd-property-meta-color)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.boolean_Z6znK.boolean_Z6znK.boolean_Z6znK.boolean_Z6znK.boolean_Z6znK,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.number_U9H45.number_U9H45.number_U9H45.number_U9H45.number_U9H45,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.object_bHf4I.object_bHf4I.object_bHf4I.object_bHf4I.object_bHf4I,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.bigint_HkgX8.bigint_HkgX8.bigint_HkgX8.bigint_HkgX8.bigint_HkgX8,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.symbol_oKSwT.symbol_oKSwT.symbol_oKSwT.symbol_oKSwT.symbol_oKSwT{--value-color: rgb(89, 153, 205)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.undefined_6CapW.undefined_6CapW.undefined_6CapW.undefined_6CapW.undefined_6CapW,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.null_lugoL.null_lugoL.null_lugoL.null_lugoL.null_lugoL{--value-color: #499098}.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.string_87vm1.string_87vm1.string_87vm1.string_87vm1.string_87vm1{--value-color: #af7249}.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG{color:#ccc}.propertyMeta_Ia9ce.propertyMeta_Ia9ce.propertyMeta_Ia9ce.propertyMeta_Ia9ce.propertyMeta_Ia9ce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g{color:var(--value-color, var(--vmd-property-meta-color));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g:has(+.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG){margin-right:4px}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq>[data-list-item-operations]{width:auto}.editContent_WSktI.editContent_WSktI.editContent_WSktI.editContent_WSktI.editContent_WSktI{min-width:180px;flex:none;text-overflow:ellipsis;background:transparent;color:var(--vmd-edit-content-color);outline:0;border:1px solid var(--vmd-control-active-text-input-color);border-radius:4px;padding:0 4px}.notifications_50ZEK.notifications_50ZEK.notifications_50ZEK.notifications_50ZEK.notifications_50ZEK{position:absolute;z-index:1000;padding:4px;border-radius:4px;background:var(--vmd-control-border);-webkit-backdrop-filter:blur(var(--vmd-base-blur));backdrop-filter:blur(var(--vmd-base-blur));right:8px;left:4px;top:4px;display:flex;flex-direction:column;gap:4px}@keyframes notification-fade-out_1FHX2{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.notification_Yxzo-.notification_Yxzo-.notification_Yxzo-.notification_Yxzo-.notification_Yxzo-{animation:notification-fade-out_1FHX2 .25s ease forwards}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL{position:fixed!important;z-index:999999;width:520px;border-radius:8px;height:calc(100vh - 24px);width:calc(100vw - 34px);max-width:520px;box-shadow:0 5px 20px #0006}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC{transition:none;cursor:grabbing;opacity:.8;z-index:1000}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL[data-position=top-right]{top:12px;right:12px}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL[data-position=top-left]{top:12px;left:12px}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL[data-position=bottom-left]{bottom:12px;left:12px}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL[data-position=bottom-right]{bottom:12px;right:12px}.closePopupButton_igv9j.closePopupButton_igv9j.closePopupButton_igv9j.closePopupButton_igv9j.closePopupButton_igv9j{width:28px;height:28px;padding:6px;border:0;background:transparent;color:var(--vmd-base-color);display:flex;align-items:center;justify-content:center}html:has(.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC) *{-webkit-user-select:none!important;user-select:none!important}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO{position:fixed;z-index:999999;width:36px;height:36px;border-radius:8px;transition:all .15s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE{transition:none;cursor:grabbing;opacity:.8;z-index:1000}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.opened_NYAFW.opened_NYAFW.opened_NYAFW.opened_NYAFW.opened_NYAFW{opacity:0!important;pointer-events:none}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO[data-position=top-right]{top:12px;right:12px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO[data-position=top-left]{top:12px;left:12px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO[data-position=bottom-left]{bottom:12px;left:12px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO[data-position=bottom-right]{bottom:12px;right:12px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO>img{pointer-events:none;position:absolute;inset:0;border-radius:8px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO>div{transition:all .15s ease-in-out;position:absolute;inset:0;border-radius:8px;border:2px solid #00000057}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO:not(.isConnected_eObxX.isConnected_eObxX.isConnected_eObxX.isConnected_eObxX.isConnected_eObxX){filter:grayscale(1)}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO>.vmsCount_HhX1W.vmsCount_HhX1W.vmsCount_HhX1W.vmsCount_HhX1W.vmsCount_HhX1W{left:-4px;top:-4px;pointer-events:none;position:absolute;display:flex;border-radius:8px;background:#005c26cf;padding:2px;font-weight:600;font-size:12px;line-height:12px;color:#2aff0a}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO>.keyboardHint_v8eo0.keyboardHint_v8eo0.keyboardHint_v8eo0.keyboardHint_v8eo0.keyboardHint_v8eo0{position:absolute;bottom:-3px;left:-2px;z-index:99999;font-family:monospace;font-weight:700!important;font-size:10px;line-height:10px;background:#1b3b00bf;color:#73ff00d4;letter-spacing:-1px;border-radius:2px}html:has(.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE) *{-webkit-user-select:none!important;user-select:none!important}.iconToggleButton_R48wm.iconToggleButton_R48wm.iconToggleButton_R48wm.iconToggleButton_R48wm.iconToggleButton_R48wm{display:flex;align-items:center;gap:2px;position:relative;height:20px;outline:none;border-radius:4px;-webkit-backdrop-filter:blur(var(--vmd-control-blur));backdrop-filter:blur(var(--vmd-control-blur))}.activePosition_IXsRn.activePosition_IXsRn.activePosition_IXsRn.activePosition_IXsRn.activePosition_IXsRn{position:absolute;height:16px;width:16px;padding:1px;box-sizing:content-box!important;background:var(--vmd-control-active-bg);-webkit-backdrop-filter:blur(var(--vmd-base-blur));backdrop-filter:blur(var(--vmd-base-blur));border-radius:4px;transition:all 149ms ease;transform:translate(calc(20px * var(--index)))}.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR{padding:1px;z-index:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:all 149ms ease;color:var(--vmd-control-inactive-color)}.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR.active_6QS-2.active_6QS-2.active_6QS-2.active_6QS-2.active_6QS-2{color:var(--vmd-control-active-color)}.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR>svg{width:14px;height:14px;color:inherit}:root,[data-vmd-theme=dark]{--vmd-base-blur: 10px;--vmd-bg: #0c0a19e6;--vmd-overlay-bg: #0e1227bd;--vmd-base-color: #ccc;--vmd-control-active-bg: #e6e6e682;--vmd-control-active-color: #181818;--vmd-control-active-text-input-color: var(--vmd-base-color);--vmd-control-active-text-input-placeholder-color: #a3a3a3;--vmd-control-inactive-color: #8b8b8b;--vmd-control-border: #5b5468a6;--vmd-control-bg: transparent;--vmd-control-blur: 2px;--vmd-bg-transparent: #1f1c2600;--vmd-content-bg: transparent;--vmd-content-highlight-bg: #ffffff1c;--vmd-scrollbar-track-size: 8px;--vmd-scrollbar-bg-base: #81818170;--vmd-scrollbar-bg-active: #818181;--vmd-property-meta-color: #616161;--vmd-primary-bg: #0f6013;--vmd-primary-color: #5ab65e;--vmd-secondary-bg: #6b6902;--vmd-edit-content-color: #97503c;--vmd-header-height: 60px;--vmd-code-bg: #3c3c3c9e;--vmd-property-value-instance: rgb(190 113 195);--vmd-property-value-primitive: rgb(89 153 205);--vmd-property-value-nullish: #499098;--vmd-property-value-string: #af7249;--vmd-property-bg-content-color: var(--vmd-base-color)}[data-vmd-theme=light]{--vmd-base-blur: 10px;--vmd-bg: #f4f4f8f0;--vmd-overlay-bg: #e8e8f0e6;--vmd-base-color: #2a2a2a;--vmd-control-active-bg: #0000001c;--vmd-control-active-color: #181818;--vmd-control-active-text-input-color: var(--vmd-base-color);--vmd-control-active-text-input-placeholder-color: #888;--vmd-control-inactive-color: #666;--vmd-control-border: #c8c8d4a6;--vmd-control-bg: transparent;--vmd-control-blur: 2px;--vmd-bg-transparent: #ffffff00;--vmd-content-bg: transparent;--vmd-content-highlight-bg: #00000012;--vmd-scrollbar-track-size: 8px;--vmd-scrollbar-bg-base: #81818170;--vmd-scrollbar-bg-active: #818181;--vmd-property-meta-color: #888;--vmd-primary-bg: #0f6013;--vmd-primary-color: #2d7a31;--vmd-secondary-bg: #6b6902;--vmd-edit-content-color: #8b4518;--vmd-header-height: 60px;--vmd-code-bg: #dadada9e;--vmd-property-value-instance: rgb(139 61 150);--vmd-property-value-primitive: rgb(21 101 168);--vmd-property-value-nullish: #0a7a73;--vmd-property-value-string: #a04d12;--vmd-property-bg-content-color: #e3e3e3}.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F{display:contents;box-sizing:border-box;color:var(--vmd-base-color)}.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F *{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;box-sizing:border-box}.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F button{outline:none;background:transparent;border:0;cursor:pointer;margin:0;padding-block:0;padding-inline:0;color:var(--vmd-base-color)}.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F code{background:var(--vmd-code-bg);letter-spacing:.1px;padding:0 1px;border-radius:1px}.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7{width:18px;height:18px;padding:2px;border-radius:6px}.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.active_4JTx5.active_4JTx5.active_4JTx5.active_4JTx5.active_4JTx5{background:#f0f0f01f}.treeItemHeader_9gR6Q.treeItemHeader_9gR6Q.treeItemHeader_9gR6Q.treeItemHeader_9gR6Q.treeItemHeader_9gR6Q{display:flex;align-items:center;gap:4px;margin:auto 0;cursor:pointer;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP{padding:0 4px;border-radius:4px;color:var(--vmd-property-bg-content-color)}.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre;height:22px;display:flex;flex-direction:row;align-items:center;padding-left:calc(8px + (var(--level) * 20px));position:sticky;top:calc(var(--vmd-header-height) + var(--vmd-control-panel-height));z-index:1}.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA:hover{background:var(--vmd-content-highlight-bg)}.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA:not([data-fitted=true])>header{opacity:.6}.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc .treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP{background:var(--vmd-primary-bg)}.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc .treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0{color:var(--vmd-primary-color)}.extraTreeItem_z3KA1.extraTreeItem_z3KA1.extraTreeItem_z3KA1.extraTreeItem_z3KA1.extraTreeItem_z3KA1 .treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP{background:var(--vmd-secondary-bg)}.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3{color:#a0a0a0;opacity:1!important;width:16px;height:16px;font-weight:700;cursor:pointer}.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expanded_8-pD6.expanded_8-pD6.expanded_8-pD6.expanded_8-pD6.expanded_8-pD6{color:#b8b8b8;transform:rotate(90deg)}.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.disabled_MBq1Q.disabled_MBq1Q.disabled_MBq1Q.disabled_MBq1Q.disabled_MBq1Q{opacity:.35!important}.vmContentVirtualizedContent_LtS91.vmContentVirtualizedContent_LtS91.vmContentVirtualizedContent_LtS91.vmContentVirtualizedContent_LtS91.vmContentVirtualizedContent_LtS91{overflow:hidden}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar]{position:relative;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;color:var(--vmd-base-color);background:var(--vmd-bg);-webkit-backdrop-filter:blur(var(--vmd-base-blur));backdrop-filter:blur(var(--vmd-base-blur));display:flex;flex-direction:column;overflow:auto;overflow-y:auto;scrollbar-width:thin;overflow-anchor:none}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-content-wrapper::-webkit-scrollbar,.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-content:after,.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-content:before{content:" ";display:table}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar].simplebar-dragging,.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-scrollbar:before{position:absolute;content:"";background:var(--vmd-scrollbar-bg-base);border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-track.simplebar-vertical{top:0;width:var(--vmd-scrollbar-track-size)}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-scrollbar:before{inset:2px}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-track.simplebar-horizontal{left:0;height:var(--vmd-scrollbar-track-size)}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.vmContentHeader_M1JNM.vmContentHeader_M1JNM.vmContentHeader_M1JNM.vmContentHeader_M1JNM.vmContentHeader_M1JNM{display:flex;flex-direction:column;height:var(--vmd-header-height);flex:none;padding:0 8px;position:sticky;top:0;z-index:2}.vmContentHeaderLogo_FRJDO.vmContentHeaderLogo_FRJDO.vmContentHeaderLogo_FRJDO.vmContentHeaderLogo_FRJDO.vmContentHeaderLogo_FRJDO{width:16px;margin-right:6px}.vmContentHeaderTitle_lYmde.vmContentHeaderTitle_lYmde.vmContentHeaderTitle_lYmde.vmContentHeaderTitle_lYmde.vmContentHeaderTitle_lYmde{display:flex;justify-content:space-between;align-items:center;flex:none;font-weight:600;z-index:4}.vmContentHeaderTitleText_RlIFH.vmContentHeaderTitleText_RlIFH.vmContentHeaderTitleText_RlIFH.vmContentHeaderTitleText_RlIFH.vmContentHeaderTitleText_RlIFH{display:inline-flex;align-items:center;gap:4px;font-size:16px;margin-right:auto}.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9{width:100%;height:var(--vmd-control-panel-height);padding-bottom:4px;flex:none;display:flex;flex-direction:row;z-index:1;gap:4px;overflow:hidden;padding-right:6px}.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.searchIsActive_cJutI.searchIsActive_cJutI.searchIsActive_cJutI.searchIsActive_cJutI.searchIsActive_cJutI>.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA{margin-left:-106px}.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA{display:flex;flex-direction:row;align-items:center;gap:6px;transition:all .15s ease}.hiearchyToggleButton_0FTG-.hiearchyToggleButton_0FTG-.hiearchyToggleButton_0FTG-.hiearchyToggleButton_0FTG-.hiearchyToggleButton_0FTG-{display:flex}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1{display:flex;position:relative;flex:1;-webkit-backdrop-filter:blur(var(--vmd-control-blur));backdrop-filter:blur(var(--vmd-control-blur))}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>svg{position:absolute;width:16px;inset:50% 0;transform:translate(6px,-50%);pointer-events:none;opacity:.7}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>input{background:var(--vmd-control-bg);border:1px solid var(--vmd-control-border);color:var(--vmd-control-active-text-input-color);border-radius:4px;outline:0;width:100%;padding:3px 26px;font-size:14px;text-overflow:ellipsis}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>input::placeholder{color:var(--vmd-control-active-text-input-placeholder-color)}.inputGhost_J-ksi.inputGhost_J-ksi.inputGhost_J-ksi.inputGhost_J-ksi.inputGhost_J-ksi{position:absolute;inset:0;display:flex;align-items:center;padding:3px 26px;font-size:14px;pointer-events:none;white-space:pre;overflow:hidden;z-index:0}.inputGhostTyped_UxVAJ.inputGhostTyped_UxVAJ.inputGhostTyped_UxVAJ.inputGhostTyped_UxVAJ.inputGhostTyped_UxVAJ{color:transparent;white-space:pre}.inputGhostSuggestion_Ys7F3.inputGhostSuggestion_Ys7F3.inputGhostSuggestion_Ys7F3.inputGhostSuggestion_Ys7F3.inputGhostSuggestion_Ys7F3{color:var(--vmd-control-active-text-input-placeholder-color);white-space:pre;opacity:.7}.inputSuggestions_5btGB.inputSuggestions_5btGB.inputSuggestions_5btGB.inputSuggestions_5btGB.inputSuggestions_5btGB{position:absolute;left:35px;top:calc(100% - 10px);display:flex;align-items:flex-start;font-size:14px;white-space:pre;z-index:3}.inputSuggestionsList_3Gl-h.inputSuggestionsList_3Gl-h.inputSuggestionsList_3Gl-h.inputSuggestionsList_3Gl-h.inputSuggestionsList_3Gl-h{min-width:120px;max-width:320px;padding:3px;border:1px solid var(--vmd-control-border);border-radius:5px;background:var(--vmd-control-bg);box-shadow:0 6px 18px #00000059;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp{display:flex;align-items:baseline;cursor:pointer;gap:6px;padding:1px 2px;border-radius:3px;color:var(--vmd-control-active-text-input-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk{flex:none;max-width:90px;font-size:10px;line-height:1;overflow:hidden;text-overflow:ellipsis;background:var(--vmd-primary-bg);color:#fff;padding:2px;direction:rtl;border-radius:3px;opacity:.85}.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.extras_THr24.extras_THr24.extras_THr24.extras_THr24.extras_THr24{background:var(--vmd-secondary-bg)}.inputSuggestionValue_6fYPI.inputSuggestionValue_6fYPI.inputSuggestionValue_6fYPI.inputSuggestionValue_6fYPI.inputSuggestionValue_6fYPI{overflow:hidden;text-overflow:ellipsis}.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.selected_OPRUb.selected_OPRUb.selected_OPRUb.selected_OPRUb.selected_OPRUb{color:var(--vmd-control-active-text-input-color);background:var(--vmd-content-highlight-bg)}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>input.inputWithSuggestion_C9PIe.inputWithSuggestion_C9PIe.inputWithSuggestion_C9PIe.inputWithSuggestion_C9PIe.inputWithSuggestion_C9PIe{background:transparent}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>button{position:absolute;right:6px;width:16px;transform:translate(4px,-50%);top:50%;opacity:.6;display:none}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.filled_6JZa0.filled_6JZa0.filled_6JZa0.filled_6JZa0.filled_6JZa0>svg{opacity:.9}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.filled_6JZa0.filled_6JZa0.filled_6JZa0.filled_6JZa0.filled_6JZa0>button{display:block}.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re{position:absolute;top:0;left:0;width:100%;height:calc(100% + 6px);pointer-events:none;background:linear-gradient(to bottom,var(--vmd-overlay-bg) 0%,rgba(0,0,0,0) 100%)}.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re:before{content:"";position:absolute;inset:0;background:transparent;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);-webkit-mask:linear-gradient(to bottom,var(--vmd-overlay-bg) 50%,rgba(0,0,0,0) 100%);mask:linear-gradient(to bottom,var(--vmd-overlay-bg) 50%,rgba(0,0,0,0) 100%)}[data-list-item-operations]{position:relative;right:12px;display:flex;align-items:center;margin-left:auto;gap:4px;width:0;transition:all .15s ease;overflow:hidden}*:has(>[data-list-item-operations]):hover>[data-list-item-operations]{width:auto}[data-list-item-operation]:active{transform:scale(.9)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre;background:var(--vmd-content-bg);height:22px;display:flex;flex-direction:row;align-items:center;position:relative;color:var(--vmd-property-meta-color);padding-left:calc(0px + 28px + (var(--level) * 15px))}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG:hover,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq{background:var(--vmd-content-highlight-bg)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.expandable_np03F.expandable_np03F.expandable_np03F.expandable_np03F.expandable_np03F{cursor:pointer}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG>span{flex:1;overflow:hidden;text-overflow:ellipsis;padding-right:12px;display:flex;flex-direction:row}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG[data-fitted=false]{opacity:.5}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.instance_jv3IW.instance_jv3IW.instance_jv3IW.instance_jv3IW.instance_jv3IW{--value-color: var(--vmd-property-value-instance)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.inaccessible_YWXKM.inaccessible_YWXKM.inaccessible_YWXKM.inaccessible_YWXKM.inaccessible_YWXKM{--value-color: var(--vmd-property-meta-color)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.boolean_Z6znK.boolean_Z6znK.boolean_Z6znK.boolean_Z6znK.boolean_Z6znK,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.number_U9H45.number_U9H45.number_U9H45.number_U9H45.number_U9H45,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.object_bHf4I.object_bHf4I.object_bHf4I.object_bHf4I.object_bHf4I,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.bigint_HkgX8.bigint_HkgX8.bigint_HkgX8.bigint_HkgX8.bigint_HkgX8,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.symbol_oKSwT.symbol_oKSwT.symbol_oKSwT.symbol_oKSwT.symbol_oKSwT{--value-color: var(--vmd-property-value-primitive)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.undefined_6CapW.undefined_6CapW.undefined_6CapW.undefined_6CapW.undefined_6CapW,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.null_lugoL.null_lugoL.null_lugoL.null_lugoL.null_lugoL{--value-color: var(--vmd-property-value-nullish)}.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.string_87vm1.string_87vm1.string_87vm1.string_87vm1.string_87vm1{--value-color: var(--vmd-property-value-string)}.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG{color:var(--vmd-base-color)}.propertyMeta_Ia9ce.propertyMeta_Ia9ce.propertyMeta_Ia9ce.propertyMeta_Ia9ce.propertyMeta_Ia9ce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g{color:var(--value-color, var(--vmd-property-meta-color));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g:has(+.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG){margin-right:4px}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq>[data-list-item-operations]{width:auto}.editContent_WSktI.editContent_WSktI.editContent_WSktI.editContent_WSktI.editContent_WSktI{min-width:180px;flex:none;text-overflow:ellipsis;background:transparent;color:var(--vmd-edit-content-color);outline:0;border:1px solid var(--vmd-control-active-text-input-color);border-radius:4px;padding:0 4px}.notifications_50ZEK.notifications_50ZEK.notifications_50ZEK.notifications_50ZEK.notifications_50ZEK{position:absolute;z-index:1000;padding:4px;border-radius:4px;background:var(--vmd-control-border);-webkit-backdrop-filter:blur(var(--vmd-base-blur));backdrop-filter:blur(var(--vmd-base-blur));right:8px;left:4px;top:4px;display:flex;flex-direction:column;gap:4px}@keyframes notification-fade-out_1FHX2{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.notification_Yxzo-.notification_Yxzo-.notification_Yxzo-.notification_Yxzo-.notification_Yxzo-{animation:notification-fade-out_1FHX2 .25s ease forwards}.settingsWrap_RHRxC.settingsWrap_RHRxC.settingsWrap_RHRxC.settingsWrap_RHRxC.settingsWrap_RHRxC{position:relative;display:inline-flex}.settingsButton_XaX-1.settingsButton_XaX-1.settingsButton_XaX-1.settingsButton_XaX-1.settingsButton_XaX-1{position:relative;z-index:6;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--vmd-control-inactive-color);border-radius:4px;cursor:pointer;opacity:.7;transition:color .15s ease,opacity .15s ease}.settingsButton_XaX-1.settingsButton_XaX-1.settingsButton_XaX-1.settingsButton_XaX-1.settingsButton_XaX-1:hover{color:var(--vmd-base-color);opacity:1}.settingsButton_XaX-1.settingsButton_XaX-1.settingsButton_XaX-1.settingsButton_XaX-1.settingsButton_XaX-1>svg{width:14px;height:14px}.settingsBackdrop_1M2Ag.settingsBackdrop_1M2Ag.settingsBackdrop_1M2Ag.settingsBackdrop_1M2Ag.settingsBackdrop_1M2Ag{position:fixed;inset:0;z-index:4}.settingsPopup_NfbbB.settingsPopup_NfbbB.settingsPopup_NfbbB.settingsPopup_NfbbB.settingsPopup_NfbbB{position:absolute;z-index:6;top:calc(100% + 4px);left:0;display:flex;flex-direction:column;gap:8px;min-width:200px;padding:8px;border:1px solid var(--vmd-control-border);border-radius:6px;background:var(--vmd-bg);box-shadow:0 6px 18px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settingRow_QmBse.settingRow_QmBse.settingRow_QmBse.settingRow_QmBse.settingRow_QmBse{display:flex;align-items:center;justify-content:space-between;gap:12px}.settingCheckbox_fiE-K.settingCheckbox_fiE-K.settingCheckbox_fiE-K.settingCheckbox_fiE-K.settingCheckbox_fiE-K{width:14px;height:14px;margin:0;accent-color:var(--vmd-primary-color);cursor:pointer}.settingLabel_zlHbk.settingLabel_zlHbk.settingLabel_zlHbk.settingLabel_zlHbk.settingLabel_zlHbk{font-size:13px;color:var(--vmd-base-color);white-space:nowrap}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -4821,6 +4821,20 @@ var isShallowEqual = (a, b) => {
   for (const key of aKeys) if (!Object.hasOwn(bObj, key) || a[key] !== bObj[key]) return false;
   return true;
 };
+var safeJsonParse = (json, fallback = null) => {
+  if (json == null) return fallback;
+  try {
+    return JSON.parse(json);
+  } catch {
+    return fallback;
+  }
+};
+var UNSAFE_PROPERTY_KEYS = /* @__PURE__ */ new Set([
+  "__proto__",
+  "prototype",
+  "constructor"
+]);
+var isUnsafeProperty = (key) => UNSAFE_PROPERTY_KEYS.has(key);
 /*! @license DOMPurify 3.4.5 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.5/LICENSE */
 function _arrayLikeToArray(r2, a) {
   (null == a || a > r2.length) && (a = r2.length);
@@ -31837,6 +31851,610 @@ var Storage = class {
     this.abortController.abort();
   }
 };
+const colorScheme = {
+  get scheme() {
+    if (!globalThis.matchMedia) {
+      return "no-preference";
+    }
+    const darkMedia = globalThis.matchMedia("(prefers-color-scheme: dark)");
+    const lightMedia = globalThis.matchMedia("(prefers-color-scheme: light)");
+    if (!this._atom) {
+      this._atom = createEnhancedAtom(
+        "colorScheme",
+        (atom) => {
+          darkMedia.addEventListener("change", atom.reportChanged);
+          lightMedia.addEventListener("change", atom.reportChanged);
+        },
+        (atom) => {
+          darkMedia.removeEventListener("change", atom.reportChanged);
+          lightMedia.removeEventListener("change", atom.reportChanged);
+        }
+      );
+    }
+    this._atom.reportObserved();
+    if (darkMedia.matches) {
+      return "dark";
+    }
+    if (lightMedia.matches) {
+      return "light";
+    }
+    return "no-preference";
+  },
+  get isLight() {
+    return this.scheme === "light";
+  }
+};
+const requestPermission = async (name, atom) => {
+  if (globalThis.navigator && "permissions" in globalThis.navigator) {
+    try {
+      const status = await navigator.permissions.query({
+        name
+      });
+      atom.meta.permissionStatus = status;
+      if (atom.meta.permissionStatus.state !== "prompt") {
+        atom.reportChanged();
+      }
+      atom.meta.permissionStatus.addEventListener("change", atom.reportChanged);
+    } catch (e) {
+      runInAction(() => {
+        atom.meta.error = e;
+      });
+    }
+  }
+};
+const getOrCreatePermissionAtom = (info, name) => {
+  if (!info._atom) {
+    info._atom = createEnhancedAtom(
+      `${name}_permission`,
+      (atom) => {
+        if (!atom.meta.permissionStatus) {
+          requestPermission(name, atom);
+        }
+      },
+      (atom) => atom.meta.permissionStatus?.removeEventListener(
+        "change",
+        atom.reportChanged
+      ),
+      makeObservable(
+        {
+          retry: () => requestPermission(name, info._atom)
+        },
+        {
+          error: observable.ref
+        }
+      )
+    );
+  }
+  return info._atom;
+};
+const createPermissionInfo = (name) => {
+  return {
+    retry() {
+      const atom = getOrCreatePermissionAtom(this, name);
+      return atom.meta.retry();
+    },
+    get state() {
+      const atom = getOrCreatePermissionAtom(this, name);
+      atom.reportObserved();
+      return atom.meta.permissionStatus?.state ?? "prompt";
+    },
+    get isGranted() {
+      return this.state === "granted";
+    },
+    get isDenied() {
+      return this.state === "denied";
+    },
+    get isPrompt() {
+      return this.state === "prompt";
+    },
+    get error() {
+      const atom = getOrCreatePermissionAtom(this, name);
+      atom.reportObserved();
+      return atom.meta.error;
+    }
+  };
+};
+const permissions = new Proxy(
+  {},
+  {
+    get(target, property2) {
+      if (!target[property2]) {
+        target[property2] = createPermissionInfo(property2);
+      }
+      return target[property2];
+    }
+  }
+);
+class BaseGeolocationProvider {
+  constructor(positionOptions) {
+    this.positionOptions = positionOptions;
+    makeObservable(this, {
+      position: observable.deep,
+      error: computed.struct
+    });
+    onBecomeObserved(this, "position", () => {
+      this.activate();
+    });
+    onBecomeUnobserved(this, "position", () => {
+      this.deactivate();
+    });
+  }
+  watchId;
+  position = {
+    coords: {
+      accuracy: 0,
+      altitude: null,
+      altitudeAccuracy: null,
+      heading: null,
+      latitude: 0,
+      longitude: 0,
+      speed: null
+    },
+    timestamp: 0
+  };
+  get error() {
+    return permissions.geolocation.error;
+  }
+  activate() {
+    if (globalThis.navigator && "geolocation" in globalThis.navigator) {
+      globalThis.navigator.geolocation.getCurrentPosition(
+        action((position) => {
+          this.position = position;
+        }),
+        void 0,
+        this.positionOptions
+      );
+      this.watchId = globalThis.navigator.geolocation.watchPosition(
+        action((position) => {
+          this.position = position;
+        }),
+        void 0,
+        this.positionOptions
+      );
+      return true;
+    }
+    return false;
+  }
+  deactivate() {
+    if (this.watchId != null && globalThis.navigator && "geolocation" in globalThis.navigator) {
+      globalThis.navigator.geolocation.clearWatch(this.watchId);
+    }
+  }
+}
+makeObservable(
+  {
+    get permission() {
+      return permissions.geolocation;
+    },
+    get position() {
+      if (!this.provider) {
+        this.provider = new BaseGeolocationProvider();
+      }
+      return this.provider.position;
+    }
+  },
+  {
+    position: computed.struct
+  }
+);
+const matchMediaTrackerFactory = {
+  _trackers: /* @__PURE__ */ new Map(),
+  create(query) {
+    if (this._trackers.has(query)) {
+      return this._trackers.get(query);
+    }
+    const mediaQueryList = globalThis.matchMedia(query);
+    const tracker = {
+      _atom: createEnhancedAtom(
+        `matchMediaTracker_${query}`,
+        (atom) => {
+          mediaQueryList.addEventListener("change", atom.reportChanged);
+        },
+        (atom) => {
+          mediaQueryList.removeEventListener("change", atom.reportChanged);
+        }
+      ),
+      get matches() {
+        this._atom.reportObserved();
+        return mediaQueryList.matches;
+      }
+    };
+    this._trackers.set(query, tracker);
+    return tracker;
+  }
+};
+makeObservable(
+  {
+    get sizes() {
+      if (!this._atom) {
+        this._atom = createEnhancedAtom(
+          "mediaQuery_sizes",
+          (atom) => {
+            globalThis.addEventListener?.("resize", atom.reportChanged);
+          },
+          (atom) => {
+            globalThis.removeEventListener?.("resize", atom.reportChanged);
+          }
+        );
+      }
+      this._atom.reportObserved();
+      return {
+        inner: {
+          width: globalThis.innerWidth ?? 0,
+          height: globalThis.innerHeight ?? 0
+        },
+        outer: {
+          width: globalThis.outerWidth ?? 0,
+          height: globalThis.outerHeight ?? 0
+        },
+        client: {
+          width: globalThis.document?.documentElement?.clientWidth ?? 0,
+          height: globalThis.document?.documentElement?.clientHeight ?? 0
+        },
+        offset: {
+          width: globalThis.document?.documentElement?.offsetWidth ?? 0,
+          height: globalThis.document?.documentElement?.offsetHeight ?? 0
+        }
+      };
+    },
+    track(query) {
+      return matchMediaTrackerFactory.create(query);
+    },
+    match(query) {
+      return matchMediaTrackerFactory.create(query).matches;
+    }
+  },
+  {
+    sizes: computed.struct
+  }
+);
+const pageVisibility = {
+  get isVisible() {
+    if (!globalThis.document) {
+      return true;
+    }
+    if (!this._atom) {
+      this._atom = createEnhancedAtom(
+        "pageVisibility",
+        (atom) => globalThis.document.addEventListener(
+          "visibilitychange",
+          atom.reportChanged
+        ),
+        (atom) => {
+          globalThis.document.removeEventListener(
+            "visibilitychange",
+            atom.reportChanged
+          );
+        }
+      );
+    }
+    this._atom.reportObserved();
+    return globalThis.document.visibilityState === "visible";
+  },
+  get isHidden() {
+    return !this.isVisible;
+  }
+};
+const keysMapping = [
+  ["current", "language"],
+  ["all", "languages"]
+];
+makeObservable(
+  keysMapping.reduce(
+    (acc, [mappingKey, navigatorKey]) => {
+      Object.defineProperty(acc, mappingKey, {
+        get() {
+          if (!acc._atom) {
+            acc._atom = createEnhancedAtom(
+              "languages",
+              (atom) => {
+                globalThis.addEventListener(
+                  "languagechange",
+                  atom.reportChanged
+                );
+              },
+              (atom) => {
+                globalThis.removeEventListener(
+                  "languagechange",
+                  atom.reportChanged
+                );
+              },
+              {
+                headerLanguage: computed(
+                  () => {
+                    if (!acc.acceptLanguageHeader) {
+                      return null;
+                    }
+                    const languages = acc.acceptLanguageHeader.split(",").map((lang) => lang.split(";")[0]?.trim()).filter((lang) => lang && lang !== "*");
+                    if (!languages.length) {
+                      return null;
+                    }
+                    return {
+                      language: languages[0],
+                      languages
+                    };
+                  }
+                )
+              }
+            );
+          }
+          acc._atom.reportObserved();
+          const headerLanguage = acc._atom.meta.headerLanguage.get();
+          const language = headerLanguage ?? globalThis.navigator;
+          return language[navigatorKey];
+        }
+      });
+      return acc;
+    },
+    {
+      acceptLanguageHeader: void 0
+    }
+  ),
+  {
+    acceptLanguageHeader: observable.ref
+  }
+);
+const screenOrientationKeys = [
+  "angle",
+  "type"
+];
+const screenOrientationInfo = screenOrientationKeys.reduce((acc, key) => {
+  Object.defineProperty(acc, key, {
+    get() {
+      if (!acc._atom) {
+        acc._atom = createEnhancedAtom(
+          "screen-orientation-info-atom",
+          (atom) => {
+            globalThis.screen.orientation.addEventListener(
+              "change",
+              atom.reportChanged
+            );
+          },
+          (atom) => {
+            globalThis.screen.orientation.removeEventListener(
+              "change",
+              atom.reportChanged
+            );
+          }
+        );
+      }
+      acc._atom.reportObserved();
+      return globalThis.screen.orientation[key];
+    }
+  });
+  return acc;
+}, {});
+const screenKeys = [
+  "availWidth",
+  "availHeight",
+  "colorDepth",
+  "height",
+  "pixelDepth",
+  "width",
+  "orientation"
+];
+screenKeys.reduce((acc, screenKey) => {
+  Object.defineProperty(acc, screenKey, {
+    get() {
+      if (!acc._atom) {
+        acc._atom = createEnhancedAtom(
+          "screen-change-atom",
+          (atom) => {
+            globalThis.screen.addEventListener?.("change", atom.reportChanged);
+          },
+          (atom) => {
+            globalThis.screen.removeEventListener?.(
+              "change",
+              atom.reportChanged
+            );
+          }
+        );
+      }
+      acc._atom.reportObserved();
+      if (screenKey === "orientation") {
+        return screenOrientationInfo;
+      }
+      return globalThis.screen[screenKey];
+    }
+  });
+  return acc;
+}, {});
+const getStorage = (scope) => {
+  try {
+    if (!globalThis.window) {
+      return void 0;
+    }
+    return scope === "local" ? globalThis.localStorage : globalThis.sessionStorage;
+  } catch {
+    return void 0;
+  }
+};
+const toStorageKey = (key, prefix = "") => `${prefix}${key}`;
+const createStorageValues = (scope, options) => {
+  const atoms = /* @__PURE__ */ new Map();
+  const getAtom2 = (key) => {
+    if (!atoms.has(key)) {
+      const storageKey = toStorageKey(key, options?.prefix);
+      const atom = createEnhancedAtom(
+        `storageData:${scope}:${storageKey}`,
+        (atom2) => {
+          const storageListener = (event) => {
+            if (event.key === storageKey && event.storageArea === getStorage(scope)) {
+              atom2.reportChanged();
+            }
+          };
+          globalThis.addEventListener?.("storage", storageListener);
+          atom2.meta.dispose = () => globalThis.removeEventListener?.("storage", storageListener);
+        },
+        (atom2) => {
+          atom2.meta.dispose?.();
+          atom2.meta.dispose = void 0;
+        }
+      );
+      atoms.set(key, atom);
+    }
+    return atoms.get(key);
+  };
+  return new Proxy(/* @__PURE__ */ Object.create(null), {
+    get(_14, key) {
+      if (typeof key !== "string" || isUnsafeProperty(key)) {
+        return void 0;
+      }
+      getAtom2(key).reportObserved();
+      const storageKey = toStorageKey(key, options?.prefix);
+      return getStorage(scope)?.getItem(storageKey) ?? null;
+    },
+    set(_14, rawKey, value) {
+      if (typeof rawKey !== "string" || isUnsafeProperty(rawKey)) {
+        return true;
+      }
+      const key = String(rawKey);
+      const storage = getStorage(scope);
+      const storageKey = toStorageKey(key, options?.prefix);
+      if (value == null) {
+        storage?.removeItem(storageKey);
+      } else {
+        storage?.setItem(storageKey, String(value));
+      }
+      getAtom2(key).reportChanged();
+      return true;
+    },
+    deleteProperty(_14, rawKey) {
+      if (typeof rawKey !== "string" || isUnsafeProperty(rawKey)) {
+        return true;
+      }
+      const key = String(rawKey);
+      const storageKey = toStorageKey(key, options?.prefix);
+      getStorage(scope)?.removeItem(storageKey);
+      getAtom2(key).reportChanged();
+      return true;
+    }
+  });
+};
+const createStorageData = (options) => {
+  const storages = {};
+  const getStorageValues = (scope) => {
+    storages[scope] ??= createStorageValues(
+      scope === "local" ? "local" : "session",
+      options
+    );
+    return storages[scope];
+  };
+  const storageData2 = {
+    get local() {
+      return getStorageValues("local");
+    },
+    get session() {
+      return getStorageValues("session");
+    },
+    key(key, defaultValue, scope = "local") {
+      const isString2 = typeof defaultValue === "string";
+      const values = getStorageValues(scope);
+      const reset = () => {
+        delete values[key];
+      };
+      return new Proxy(/* @__PURE__ */ Object.create(null), {
+        get(_14, property2) {
+          if (property2 === "reset") {
+            return reset;
+          }
+          if (property2 === "value") {
+            if (isString2) {
+              return values[key] == null ? defaultValue : values[key];
+            }
+            return safeJsonParse(values[key], defaultValue);
+          }
+          return void 0;
+        },
+        set(_14, property2, value) {
+          if (property2 === "value") {
+            if (value == null) {
+              reset();
+            } else {
+              values[key] = isString2 ? String(value) : JSON.stringify(value);
+            }
+          }
+          return true;
+        },
+        deleteProperty(_14, property2) {
+          if (property2 === "value") {
+            reset();
+          }
+          return true;
+        }
+      });
+    }
+  };
+  return storageData2;
+};
+const getViewport = () => globalThis.visualViewport;
+const viewportInfoKeys = [
+  "width",
+  "height",
+  "offsetLeft",
+  "offsetTop",
+  "pageLeft",
+  "pageTop",
+  "scale"
+];
+viewportInfoKeys.reduce(
+  (acc, viewportKey) => {
+    Object.defineProperty(acc, viewportKey, {
+      get() {
+        const viewport = getViewport();
+        if (!viewport) {
+          if (viewportKey === "width") {
+            return globalThis.innerWidth ?? 0;
+          }
+          if (viewportKey === "height") {
+            return globalThis.innerHeight ?? 0;
+          }
+          if (viewportKey === "scale") {
+            return 1;
+          }
+          return 0;
+        }
+        if (!acc._atom) {
+          acc._atom = createEnhancedAtom(
+            "viewportInfo",
+            (atom) => {
+              viewport.addEventListener("resize", atom.reportChanged);
+              viewport.addEventListener("scroll", atom.reportChanged);
+            },
+            (atom) => {
+              viewport.removeEventListener("resize", atom.reportChanged);
+              viewport.removeEventListener("scroll", atom.reportChanged);
+            }
+          );
+        }
+        acc._atom.reportObserved();
+        return viewport[viewportKey];
+      }
+    });
+    return acc;
+  },
+  {
+    get isSupported() {
+      return Boolean(getViewport());
+    },
+    get isKeyboardLikeOverlay() {
+      const viewportHeight = getViewport()?.height ?? globalThis.innerHeight ?? 0;
+      const layoutHeight = globalThis.innerHeight ?? viewportHeight;
+      return layoutHeight - viewportHeight > 120;
+    }
+  }
+);
+const settingsStorage = createStorageData({
+  prefix: "mobx-view-model-devtools:"
+});
+const devtoolsThemeKey = settingsStorage.key(
+  "theme",
+  "auto"
+);
+const devtoolsHideViewModelBaseKey = settingsStorage.key(
+  "hideViewModelBaseMembers",
+  false
+);
 var client = {};
 var hasRequiredClient;
 function requireClient() {
@@ -36058,442 +36676,10 @@ function throttle(func, wait, options) {
     "trailing": trailing
   });
 }
-const requestPermission = async (name, atom) => {
-  if (globalThis.navigator && "permissions" in globalThis.navigator) {
-    try {
-      const status = await navigator.permissions.query({
-        name
-      });
-      atom.meta.permissionStatus = status;
-      if (atom.meta.permissionStatus.state !== "prompt") {
-        atom.reportChanged();
-      }
-      atom.meta.permissionStatus.addEventListener("change", atom.reportChanged);
-    } catch (e) {
-      runInAction(() => {
-        atom.meta.error = e;
-      });
-    }
-  }
-};
-const getOrCreatePermissionAtom = (info, name) => {
-  if (!info._atom) {
-    info._atom = createEnhancedAtom(
-      `${name}_permission`,
-      (atom) => {
-        if (!atom.meta.permissionStatus) {
-          requestPermission(name, atom);
-        }
-      },
-      (atom) => atom.meta.permissionStatus?.removeEventListener(
-        "change",
-        atom.reportChanged
-      ),
-      makeObservable(
-        {
-          retry: () => requestPermission(name, info._atom)
-        },
-        {
-          error: observable.ref
-        }
-      )
-    );
-  }
-  return info._atom;
-};
-const createPermissionInfo = (name) => {
-  return {
-    retry() {
-      const atom = getOrCreatePermissionAtom(this, name);
-      return atom.meta.retry();
-    },
-    get state() {
-      const atom = getOrCreatePermissionAtom(this, name);
-      atom.reportObserved();
-      return atom.meta.permissionStatus?.state ?? "prompt";
-    },
-    get isGranted() {
-      return this.state === "granted";
-    },
-    get isDenied() {
-      return this.state === "denied";
-    },
-    get isPrompt() {
-      return this.state === "prompt";
-    },
-    get error() {
-      const atom = getOrCreatePermissionAtom(this, name);
-      atom.reportObserved();
-      return atom.meta.error;
-    }
-  };
-};
-const permissions = new Proxy(
-  {},
-  {
-    get(target, property2) {
-      if (!target[property2]) {
-        target[property2] = createPermissionInfo(property2);
-      }
-      return target[property2];
-    }
-  }
-);
-class BaseGeolocationProvider {
-  constructor(positionOptions) {
-    this.positionOptions = positionOptions;
-    makeObservable(this, {
-      position: observable.deep,
-      error: computed.struct
-    });
-    onBecomeObserved(this, "position", () => {
-      this.activate();
-    });
-    onBecomeUnobserved(this, "position", () => {
-      this.deactivate();
-    });
-  }
-  watchId;
-  position = {
-    coords: {
-      accuracy: 0,
-      altitude: null,
-      altitudeAccuracy: null,
-      heading: null,
-      latitude: 0,
-      longitude: 0,
-      speed: null
-    },
-    timestamp: 0
-  };
-  get error() {
-    return permissions.geolocation.error;
-  }
-  activate() {
-    if (globalThis.navigator && "geolocation" in globalThis.navigator) {
-      globalThis.navigator.geolocation.getCurrentPosition(
-        action((position) => {
-          this.position = position;
-        }),
-        void 0,
-        this.positionOptions
-      );
-      this.watchId = globalThis.navigator.geolocation.watchPosition(
-        action((position) => {
-          this.position = position;
-        }),
-        void 0,
-        this.positionOptions
-      );
-      return true;
-    }
-    return false;
-  }
-  deactivate() {
-    if (this.watchId != null && globalThis.navigator && "geolocation" in globalThis.navigator) {
-      globalThis.navigator.geolocation.clearWatch(this.watchId);
-    }
-  }
-}
-makeObservable(
-  {
-    get permission() {
-      return permissions.geolocation;
-    },
-    get position() {
-      if (!this.provider) {
-        this.provider = new BaseGeolocationProvider();
-      }
-      return this.provider.position;
-    }
-  },
-  {
-    position: computed.struct
-  }
-);
-const matchMediaTrackerFactory = {
-  _trackers: /* @__PURE__ */ new Map(),
-  create(query) {
-    if (this._trackers.has(query)) {
-      return this._trackers.get(query);
-    }
-    const mediaQueryList = globalThis.matchMedia(query);
-    const tracker = {
-      _atom: createEnhancedAtom(
-        `matchMediaTracker_${query}`,
-        (atom) => {
-          mediaQueryList.addEventListener("change", atom.reportChanged);
-        },
-        (atom) => {
-          mediaQueryList.removeEventListener("change", atom.reportChanged);
-        }
-      ),
-      get matches() {
-        this._atom.reportObserved();
-        return mediaQueryList.matches;
-      }
-    };
-    this._trackers.set(query, tracker);
-    return tracker;
-  }
-};
-makeObservable(
-  {
-    get sizes() {
-      if (!this._atom) {
-        this._atom = createEnhancedAtom(
-          "mediaQuery_sizes",
-          (atom) => {
-            globalThis.addEventListener?.("resize", atom.reportChanged);
-          },
-          (atom) => {
-            globalThis.removeEventListener?.("resize", atom.reportChanged);
-          }
-        );
-      }
-      this._atom.reportObserved();
-      return {
-        inner: {
-          width: globalThis.innerWidth ?? 0,
-          height: globalThis.innerHeight ?? 0
-        },
-        outer: {
-          width: globalThis.outerWidth ?? 0,
-          height: globalThis.outerHeight ?? 0
-        },
-        client: {
-          width: globalThis.document?.documentElement?.clientWidth ?? 0,
-          height: globalThis.document?.documentElement?.clientHeight ?? 0
-        },
-        offset: {
-          width: globalThis.document?.documentElement?.offsetWidth ?? 0,
-          height: globalThis.document?.documentElement?.offsetHeight ?? 0
-        }
-      };
-    },
-    track(query) {
-      return matchMediaTrackerFactory.create(query);
-    },
-    match(query) {
-      return matchMediaTrackerFactory.create(query).matches;
-    }
-  },
-  {
-    sizes: computed.struct
-  }
-);
-const pageVisibility = {
-  get isVisible() {
-    if (!globalThis.document) {
-      return true;
-    }
-    if (!this._atom) {
-      this._atom = createEnhancedAtom(
-        "pageVisibility",
-        (atom) => globalThis.document.addEventListener(
-          "visibilitychange",
-          atom.reportChanged
-        ),
-        (atom) => {
-          globalThis.document.removeEventListener(
-            "visibilitychange",
-            atom.reportChanged
-          );
-        }
-      );
-    }
-    this._atom.reportObserved();
-    return globalThis.document.visibilityState === "visible";
-  },
-  get isHidden() {
-    return !this.isVisible;
-  }
-};
-const keysMapping = [
-  ["current", "language"],
-  ["all", "languages"]
-];
-makeObservable(
-  keysMapping.reduce(
-    (acc, [mappingKey, navigatorKey]) => {
-      Object.defineProperty(acc, mappingKey, {
-        get() {
-          if (!acc._atom) {
-            acc._atom = createEnhancedAtom(
-              "languages",
-              (atom) => {
-                globalThis.addEventListener(
-                  "languagechange",
-                  atom.reportChanged
-                );
-              },
-              (atom) => {
-                globalThis.removeEventListener(
-                  "languagechange",
-                  atom.reportChanged
-                );
-              },
-              {
-                headerLanguage: computed(
-                  () => {
-                    if (!acc.acceptLanguageHeader) {
-                      return null;
-                    }
-                    const languages = acc.acceptLanguageHeader.split(",").map((lang) => lang.split(";")[0]?.trim()).filter((lang) => lang && lang !== "*");
-                    if (!languages.length) {
-                      return null;
-                    }
-                    return {
-                      language: languages[0],
-                      languages
-                    };
-                  }
-                )
-              }
-            );
-          }
-          acc._atom.reportObserved();
-          const headerLanguage = acc._atom.meta.headerLanguage.get();
-          const language = headerLanguage ?? globalThis.navigator;
-          return language[navigatorKey];
-        }
-      });
-      return acc;
-    },
-    {
-      acceptLanguageHeader: void 0
-    }
-  ),
-  {
-    acceptLanguageHeader: observable.ref
-  }
-);
-const screenOrientationKeys = [
-  "angle",
-  "type"
-];
-const screenOrientationInfo = screenOrientationKeys.reduce((acc, key) => {
-  Object.defineProperty(acc, key, {
-    get() {
-      if (!acc._atom) {
-        acc._atom = createEnhancedAtom(
-          "screen-orientation-info-atom",
-          (atom) => {
-            globalThis.screen.orientation.addEventListener(
-              "change",
-              atom.reportChanged
-            );
-          },
-          (atom) => {
-            globalThis.screen.orientation.removeEventListener(
-              "change",
-              atom.reportChanged
-            );
-          }
-        );
-      }
-      acc._atom.reportObserved();
-      return globalThis.screen.orientation[key];
-    }
-  });
-  return acc;
-}, {});
-const screenKeys = [
-  "availWidth",
-  "availHeight",
-  "colorDepth",
-  "height",
-  "pixelDepth",
-  "width",
-  "orientation"
-];
-screenKeys.reduce((acc, screenKey) => {
-  Object.defineProperty(acc, screenKey, {
-    get() {
-      if (!acc._atom) {
-        acc._atom = createEnhancedAtom(
-          "screen-change-atom",
-          (atom) => {
-            globalThis.screen.addEventListener?.("change", atom.reportChanged);
-          },
-          (atom) => {
-            globalThis.screen.removeEventListener?.(
-              "change",
-              atom.reportChanged
-            );
-          }
-        );
-      }
-      acc._atom.reportObserved();
-      if (screenKey === "orientation") {
-        return screenOrientationInfo;
-      }
-      return globalThis.screen[screenKey];
-    }
-  });
-  return acc;
-}, {});
-const getViewport = () => globalThis.visualViewport;
-const viewportInfoKeys = [
-  "width",
-  "height",
-  "offsetLeft",
-  "offsetTop",
-  "pageLeft",
-  "pageTop",
-  "scale"
-];
-viewportInfoKeys.reduce(
-  (acc, viewportKey) => {
-    Object.defineProperty(acc, viewportKey, {
-      get() {
-        const viewport = getViewport();
-        if (!viewport) {
-          if (viewportKey === "width") {
-            return globalThis.innerWidth ?? 0;
-          }
-          if (viewportKey === "height") {
-            return globalThis.innerHeight ?? 0;
-          }
-          if (viewportKey === "scale") {
-            return 1;
-          }
-          return 0;
-        }
-        if (!acc._atom) {
-          acc._atom = createEnhancedAtom(
-            "viewportInfo",
-            (atom) => {
-              viewport.addEventListener("resize", atom.reportChanged);
-              viewport.addEventListener("scroll", atom.reportChanged);
-            },
-            (atom) => {
-              viewport.removeEventListener("resize", atom.reportChanged);
-              viewport.removeEventListener("scroll", atom.reportChanged);
-            }
-          );
-        }
-        acc._atom.reportObserved();
-        return viewport[viewportKey];
-      }
-    });
-    return acc;
-  },
-  {
-    get isSupported() {
-      return Boolean(getViewport());
-    },
-    get isKeyboardLikeOverlay() {
-      const viewportHeight = getViewport()?.height ?? globalThis.innerHeight ?? 0;
-      const layoutHeight = globalThis.innerHeight ?? viewportHeight;
-      return layoutHeight - viewportHeight > 120;
-    }
-  }
-);
 const vmPopup = "vmPopup_0hkGL";
 const dragging$1 = "dragging_bOvPC";
 const closePopupButton = "closePopupButton_igv9j";
-const css$6 = {
+const css$7 = {
   vmPopup,
   dragging: dragging$1,
   closePopupButton
@@ -36528,7 +36714,7 @@ class VmDevtoolsPopupVM extends ViewModelImpl {
           const rect = node.getBoundingClientRect();
           this.dragState.offsetX = rect.left - e.clientX;
           this.dragState.startX = rect.left;
-          node.classList.add(css$6.dragging);
+          node.classList.add(css$7.dragging);
         },
         { signal: this.unmountSignal }
       );
@@ -36543,7 +36729,7 @@ class VmDevtoolsPopupVM extends ViewModelImpl {
       };
       const handleStopDragging = () => {
         this.dragState.isDragging = false;
-        node.classList.remove(css$6.dragging);
+        node.classList.remove(css$7.dragging);
         this.dragState.hasMoved = false;
       };
       reaction(
@@ -36608,7 +36794,7 @@ const opened = "opened_NYAFW";
 const isConnected = "isConnected_eObxX";
 const vmsCount = "vmsCount_HhX1W";
 const keyboardHint = "keyboardHint_v8eo0";
-const css$5 = {
+const css$6 = {
   vmButton,
   dragging,
   opened,
@@ -36649,7 +36835,7 @@ class VmDevtoolsButtonVM extends ViewModelBase {
           dragState.offsetY = rect.top - e.clientY;
           dragState.startX = rect.left;
           dragState.startY = rect.top;
-          node.classList.add(css$5.dragging);
+          node.classList.add(css$6.dragging);
         },
         { signal: this.unmountSignal }
       );
@@ -36668,7 +36854,7 @@ class VmDevtoolsButtonVM extends ViewModelBase {
       };
       const handleStopDragging = () => {
         dragState.isDragging = false;
-        node.classList.remove(css$5.dragging);
+        node.classList.remove(css$6.dragging);
         this.storage.set({ key: "left", value: node.style.left });
         this.storage.set({ key: "top", value: node.style.top });
         if (this.position !== this.devtools.position) {
@@ -36751,10 +36937,10 @@ const VmDevtoolsButton = withViewModel(
       "button",
       {
         className: cx(
-          css$5.vmButton,
+          css$6.vmButton,
           {
-            [css$5.opened]: model.devtools.isPopupOpened,
-            [css$5.isConnected]: model.devtools.isActive
+            [css$6.opened]: model.devtools.isPopupOpened,
+            [css$6.isConnected]: model.devtools.isActive
           },
           model.devtools.config.buttonClassName
         ),
@@ -36771,12 +36957,12 @@ const VmDevtoolsButton = withViewModel(
             lineNumber: 23,
             columnNumber: 9
           }, void 0),
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$5.vmsCount, children: model.devtools.allVms.length }, void 0, false, {
+          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$6.vmsCount, children: model.devtools.allVms.length }, void 0, false, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-button/index.tsx",
             lineNumber: 24,
             columnNumber: 9
           }, void 0),
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$5.keyboardHint, children: `Ctrl+F12` }, void 0, false, {
+          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$6.keyboardHint, children: `Ctrl+F12` }, void 0, false, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-button/index.tsx",
             lineNumber: 25,
             columnNumber: 9
@@ -36829,6 +37015,11 @@ const Copy = (props) => reactExports.createElement(
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
   reactExports.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5M11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3zM4 6.5h4A1.5 1.5 0 0 1 9.5 8v4A1.5 1.5 0 0 1 8 13.5H4A1.5 1.5 0 0 1 2.5 12V8A1.5 1.5 0 0 1 4 6.5", clipRule: "evenodd" })
 );
+const Display = (props) => reactExports.createElement(
+  "svg",
+  Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
+  reactExports.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 3H4a1.5 1.5 0 0 0-1.5 1.5v4A1.5 1.5 0 0 0 4 10h8a1.5 1.5 0 0 0 1.5-1.5v-4A1.5 1.5 0 0 0 12 3M4 1.5a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h3.25V13h-2.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-2.5v-1.5H12a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3z", clipRule: "evenodd" })
+);
 const FileArrowRightOut = (props) => reactExports.createElement(
   "svg",
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
@@ -36839,6 +37030,11 @@ const FolderTree = (props) => reactExports.createElement(
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
   reactExports.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.5 13.5v-3A.5.5 0 0 1 8 10h.672a.5.5 0 0 1 .353.146l.414.415.44.439H13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5M6 13H4.5a3 3 0 0 1-3-3V1.25a.75.75 0 0 1 1.5 0V2a1.5 1.5 0 0 0 1.5 1.5H6v-1a2 2 0 0 1 2-2h.672a2 2 0 0 1 1.414.586l.414.414H13a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5H4.5A3 3 0 0 1 3 4.599V10a1.5 1.5 0 0 0 1.5 1.5H6v-1a2 2 0 0 1 2-2h.672a2 2 0 0 1 1.414.586l.414.414H13a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm1.5-8.75V5.5A.5.5 0 0 0 8 6h5a.5.5 0 0 0 .5-.5v-2A.5.5 0 0 0 13 3H9.879l-.44-.44-.414-.414A.5.5 0 0 0 8.672 2H8a.5.5 0 0 0-.5.5z", clipRule: "evenodd" })
 );
+const Gear = (props) => reactExports.createElement(
+  "svg",
+  Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
+  reactExports.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.2.2 0 0 1 .271.073l.802 1.388a.2.2 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.2.2 0 0 1 .073.271l-.802 1.388a.2.2 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.2.2 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.2.2 0 0 1-.272-.073l-.8-1.388a.2.2 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.2.2 0 0 1-.073-.27l.801-1.389a.2.2 0 0 1 .272-.072C5.042 5.138 7 4.007 7 2.199c0-.11.089-.199.199-.199M5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.7 1.7 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.7 1.7 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.7 1.7 0 0 1-2.32-.622l-.802-1.388a1.7 1.7 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.7 1.7 0 0 1-.622-2.32l.801-1.389a1.7 1.7 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2m4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0", clipRule: "evenodd" })
+);
 const ListUl = (props) => reactExports.createElement(
   "svg",
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
@@ -36849,6 +37045,11 @@ const Magnifier = (props) => reactExports.createElement(
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
   reactExports.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.5 7a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0m-.82 4.74a6 6 0 1 1 1.06-1.06l2.79 2.79a.75.75 0 1 1-1.06 1.06z", clipRule: "evenodd" })
 );
+const Moon = (props) => reactExports.createElement(
+  "svg",
+  Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
+  reactExports.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 13.5a5.5 5.5 0 0 0 2.263-10.514 5.5 5.5 0 0 1-7.278 7.278A5.5 5.5 0 0 0 8 13.5M1.045 8.795a7.001 7.001 0 1 0 7.75-7.75l-.028-.003A7 7 0 0 0 8 1c-.527 0-.59.842-.185 1.18a4 4 0 0 1 .342.322A4 4 0 1 1 2.18 7.814C1.842 7.41 1 7.474 1 8a7 7 0 0 0 .045.794", clipRule: "evenodd" })
+);
 const Pencil = (props) => reactExports.createElement(
   "svg",
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
@@ -36859,6 +37060,11 @@ const Play = (props) => reactExports.createElement(
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
   reactExports.createElement("path", { fill: "currentColor", d: "M14.642 6.285c1.294.777 1.294 2.653 0 3.43L5.53 15.183c-1.292.775-2.924-.102-3.025-1.571l-.005-.144V2.532l.005-.143C2.605.919 4.238.043 5.53.818zm-.771 2.144a.5.5 0 0 0 0-.857L4.756 2.104A.5.5 0 0 0 4 2.532v10.936a.5.5 0 0 0 .757.429z" })
 );
+const Sun = (props) => reactExports.createElement(
+  "svg",
+  Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
+  reactExports.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 3a.75.75 0 0 1-.75-.75V.75a.75.75 0 0 1 1.5 0v1.5A.75.75 0 0 1 8 3m0 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8m-.75 3.25a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-1.5 0zM13 8a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5A.75.75 0 0 1 13 8M.75 7.25a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5zm10.786-2.786a.75.75 0 0 1 0-1.06l1.06-1.06a.75.75 0 0 1 1.06 1.06l-1.06 1.06a.75.75 0 0 1-1.06 0m-9.193 8.132a.75.75 0 0 0 1.06 1.06l1.062-1.06a.75.75 0 0 0-1.061-1.06zm9.193-1.06a.75.75 0 0 1 1.06 0l1.06 1.06a.75.75 0 0 1-1.06 1.06l-1.06-1.06a.75.75 0 0 1 0-1.06M3.404 2.343a.75.75 0 0 0-1.06 1.06l1.06 1.061a.75.75 0 1 0 1.06-1.06z", clipRule: "evenodd" })
+);
 const Xmark = (props) => reactExports.createElement(
   "svg",
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
@@ -36868,7 +37074,7 @@ const iconToggleButton = "iconToggleButton_R48wm";
 const activePosition = "activePosition_IXsRn";
 const option = "option_a5IcR";
 const active = "active_6QS-2";
-const css$4 = {
+const css$5 = {
   iconToggleButton,
   activePosition,
   option,
@@ -36892,8 +37098,8 @@ const IconToggleButton = ({
       /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
         "div",
         {
-          className: cx(css$4.option, {
-            [css$4.active]: isActive
+          className: cx(css$5.option, {
+            [css$5.active]: isActive
           }),
           onClick: (e) => {
             e.preventDefault();
@@ -36917,11 +37123,11 @@ const IconToggleButton = ({
       )
     );
   });
-  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("button", { className: cx(css$4.iconToggleButton, className), children: [
+  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("button", { className: cx(css$5.iconToggleButton, className), children: [
     /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
       "div",
       {
-        className: css$4.activePosition,
+        className: css$5.activePosition,
         style: { "--index": activeIndex }
       },
       void 0,
@@ -38158,6 +38364,25 @@ class MetaListItem extends ListItem {
     return this._depth;
   }
 }
+class ViewModelBaseKeysProbe extends ViewModelBase {
+  constructor() {
+    super({
+      id: "__mobx-view-model-devtools-probe__",
+      payload: {},
+      viewModels: {
+        get: () => null,
+        has: () => false
+      }
+    });
+  }
+}
+let viewModelBaseKeys = null;
+const getViewModelBaseKeys = () => {
+  if (!viewModelBaseKeys) {
+    viewModelBaseKeys = new Set(getAllKeys(new ViewModelBaseKeysProbe()));
+  }
+  return viewModelBaseKeys;
+};
 class VMListItem extends ListItem {
   constructor(devtools, vm, allVms, parent) {
     const displayName = vm.constructor.name;
@@ -38189,6 +38414,10 @@ class VMListItem extends ListItem {
   get propertyListItems() {
     this.dataWatchAtom.reportObserved();
     let keys = getAllKeys(this.data);
+    if (this.devtools.hideViewModelBaseMembers) {
+      const baseKeys = getViewModelBaseKeys();
+      keys = keys.filter((key) => !baseKeys.has(key));
+    }
     if (this.devtools.sortPropertiesBy !== "none") {
       keys = keys.sort((a, b) => {
         if (this.devtools.sortPropertiesBy === "asc") {
@@ -38605,7 +38834,7 @@ const treeItemMetaText = "treeItemMetaText_cmfX0";
 const treeItem = "treeItem_sRXPA";
 const vmTreeItem = "vmTreeItem_t-7jc";
 const extraTreeItem = "extraTreeItem_z3KA1";
-const css$3 = {
+const css$4 = {
   root,
   treeItemHeader,
   treeItemLabel,
@@ -38641,7 +38870,7 @@ const selected = "selected_OPRUb";
 const inputWithSuggestion = "inputWithSuggestion_C9PIe";
 const filled = "filled_6JZa0";
 const gradientBlur = "gradientBlur_-y-re";
-const css$2 = {
+const css$3 = {
   expandButton,
   expanded,
   disabled,
@@ -38681,10 +38910,10 @@ const ExpandButton = ({
     "span",
     {
       onClick,
-      className: cx(css$2.expandButton, {
-        [css$2.expandable]: expandable2,
-        [css$2.expanded]: expanded2,
-        [css$2.disabled]: disabled2
+      className: cx(css$3.expandButton, {
+        [css$3.expandable]: expandable2,
+        [css$3.expanded]: expanded2,
+        [css$3.disabled]: disabled2
       }),
       children: (expandable2 || showIconAnyway) && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ChevronRight, {}, void 0, false, {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/expand-button.tsx",
@@ -38707,14 +38936,14 @@ const ExtraListItemRender = observer(
     return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
       "div",
       {
-        className: cx(css$3.treeItem, css$3.extraTreeItem),
+        className: cx(css$4.treeItem, css$4.extraTreeItem),
         "data-fitted": item.devtools.searchEngine.isItemFitted(item),
         "data-depth": item.depthLine,
         style: { "--level": item.depth },
         children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
           "header",
           {
-            className: css$3.treeItemHeader,
+            className: css$4.treeItemHeader,
             onClick: () => item.toggleExpand(),
             children: [
               /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
@@ -38733,7 +38962,7 @@ const ExtraListItemRender = observer(
                 },
                 void 0
               ),
-              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("label", { className: css$3.treeItemLabel, title: item.displayName, children: item.displayName }, void 0, false, {
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("label", { className: css$4.treeItemLabel, title: item.displayName, children: item.displayName }, void 0, false, {
                 fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/extra-list-item-render/index.tsx",
                 lineNumber: 26,
                 columnNumber: 11
@@ -38777,7 +39006,7 @@ const propertyName = "propertyName_KicXG";
 const propertyMeta = "propertyMeta_Ia9ce";
 const propertyValue = "propertyValue_fYO2g";
 const editContent = "editContent_WSktI";
-const css$1 = {
+const css$2 = {
   property,
   isEditMode,
   expandable,
@@ -38802,7 +39031,7 @@ const MetaListItemRender = observer(
     return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
       "div",
       {
-        className: cx(css$1.property, css$1.primitive),
+        className: cx(css$2.property, css$2.primitive),
         style: { "--level": item.depth },
         "data-fitted": item.devtools.searchEngine.isItemFitted(item),
         "data-depth": item.depthLine,
@@ -38870,7 +39099,7 @@ const ArrayPropertyContent = observer(
   ({ item }) => {
     return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
       item.property === void 0 ? null : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$1.propertyName, children: item.property }, void 0, false, {
+        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.propertyName, children: item.property }, void 0, false, {
           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/array.tsx",
           lineNumber: 11,
           columnNumber: 13
@@ -38881,7 +39110,7 @@ const ArrayPropertyContent = observer(
         lineNumber: 10,
         columnNumber: 11
       }, void 0),
-      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$1.propertyValue, children: item.isExpanded ? "[" : item.isExpandable ? "[...]" : `[]` }, void 0, false, {
+      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.propertyValue, children: item.isExpanded ? "[" : item.isExpandable ? "[...]" : `[]` }, void 0, false, {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/array.tsx",
         lineNumber: 15,
         columnNumber: 9
@@ -39907,7 +40136,7 @@ const FunctionPropertyContent = observer(
       (_14, i) => `arg${i + 1}`
     );
     return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$1.propertyName, children: item.property }, void 0, false, {
+      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.propertyName, children: item.property }, void 0, false, {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/function.tsx",
         lineNumber: 15,
         columnNumber: 9
@@ -39918,7 +40147,7 @@ const FunctionPropertyContent = observer(
           "input",
           {
             value: item.editContent,
-            className: css$1.editContent,
+            className: css$2.editContent,
             onChange: item.handleChangeEditContent,
             onClick: skipEvent,
             "data-ignore-global-keys": true
@@ -39950,7 +40179,7 @@ const InstancePropertyContent = observer(
     const valueLabel = item.isInaccessibleDisplay ? item.inaccessibleDisplayLabel : item.instanceClassName;
     return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
       item.property === void 0 ? null : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$1.propertyName, children: item.property }, void 0, false, {
+        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.propertyName, children: item.property }, void 0, false, {
           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/instance.tsx",
           lineNumber: 15,
           columnNumber: 13
@@ -39961,7 +40190,7 @@ const InstancePropertyContent = observer(
         lineNumber: 14,
         columnNumber: 11
       }, void 0),
-      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$1.propertyValue, children: valueLabel }, void 0, false, {
+      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.propertyValue, children: valueLabel }, void 0, false, {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/instance.tsx",
         lineNumber: 19,
         columnNumber: 9
@@ -39985,7 +40214,7 @@ const ObjectPropertyContent = observer(
   ({ item }) => {
     return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
       item.property === void 0 ? null : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$1.propertyName, children: item.property }, void 0, false, {
+        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.propertyName, children: item.property }, void 0, false, {
           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/object.tsx",
           lineNumber: 11,
           columnNumber: 13
@@ -39996,7 +40225,7 @@ const ObjectPropertyContent = observer(
         lineNumber: 10,
         columnNumber: 11
       }, void 0),
-      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$1.propertyValue, children: item.isExpanded ? "{" : item.isExpandable ? "{...}" : `{}` }, void 0, false, {
+      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.propertyValue, children: item.isExpanded ? "{" : item.isExpandable ? "{...}" : `{}` }, void 0, false, {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/object.tsx",
         lineNumber: 15,
         columnNumber: 9
@@ -40012,7 +40241,7 @@ const PrimitivePropertyContent = observer(
   ({ item }) => {
     return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
       item.property === void 0 ? null : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$1.propertyName, children: item.property }, void 0, false, {
+        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.propertyName, children: item.property }, void 0, false, {
           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/primitive.tsx",
           lineNumber: 11,
           columnNumber: 13
@@ -40023,7 +40252,7 @@ const PrimitivePropertyContent = observer(
         lineNumber: 10,
         columnNumber: 11
       }, void 0),
-      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$1.propertyValue, children: item.isInaccessibleDisplay ? item.inaccessibleDisplayLabel : item.stringifiedData }, void 0, false, {
+      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.propertyValue, children: item.isInaccessibleDisplay ? item.inaccessibleDisplayLabel : item.stringifiedData }, void 0, false, {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/primitive.tsx",
         lineNumber: 15,
         columnNumber: 9
@@ -40084,12 +40313,12 @@ const PropertyListItemRender = observer(
     return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
       "div",
       {
-        className: cx(css$1.property, css$1[item.type], css$1[item.dataType], {
-          [css$1.inaccessible]: item.isInaccessibleDisplay,
-          [css$1.null]: item.data === null,
-          [css$1.expandable]: item.isExpandable,
-          [css$1.expanded]: item.isExpanded,
-          [css$1.isEditMode]: item.isEditMode
+        className: cx(css$2.property, css$2[item.type], css$2[item.dataType], {
+          [css$2.inaccessible]: item.isInaccessibleDisplay,
+          [css$2.null]: item.data === null,
+          [css$2.expandable]: item.isExpandable,
+          [css$2.expanded]: item.isExpanded,
+          [css$2.isEditMode]: item.isEditMode
         }),
         style: { "--level": item.depth, "--order": item.order },
         "data-fitted": item.devtools.searchEngine.isItemFitted(item),
@@ -40126,7 +40355,7 @@ const VmListItemRender = observer(({ item }) => {
   return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
     "div",
     {
-      className: cx(css$3.treeItem, css$3.vmTreeItem),
+      className: cx(css$4.treeItem, css$4.vmTreeItem),
       "data-fitted": item.devtools.searchEngine.isItemFitted(item),
       "data-depth": item.depthLine,
       style: { "--level": item.depth },
@@ -40134,7 +40363,7 @@ const VmListItemRender = observer(({ item }) => {
         /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
           "header",
           {
-            className: css$3.treeItemHeader,
+            className: css$4.treeItemHeader,
             onClick: () => item.devtools.handleVmItemHeaderClick(item),
             children: [
               /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
@@ -40153,12 +40382,12 @@ const VmListItemRender = observer(({ item }) => {
                 },
                 void 0
               ),
-              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("label", { className: css$3.treeItemLabel, title: item.displayName, children: item.displayName }, void 0, false, {
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("label", { className: css$4.treeItemLabel, title: item.displayName, children: item.displayName }, void 0, false, {
                 fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/vm-list-item-render/index.tsx",
                 lineNumber: 26,
                 columnNumber: 9
               }, void 0),
-              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$3.treeItemMetaText, title: item.data.id, children: item.data.id }, void 0, false, {
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$4.treeItemMetaText, title: item.data.id, children: item.data.id }, void 0, false, {
                 fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/vm-list-item-render/index.tsx",
                 lineNumber: 29,
                 columnNumber: 9
@@ -40340,7 +40569,7 @@ class NotificationsVM extends ViewModelBase {
 }
 const notifications = "notifications_50ZEK";
 const notification = "notification_Yxzo-";
-const css = {
+const css$1 = {
   notifications,
   notification
 };
@@ -40348,7 +40577,7 @@ const Notifications = withViewModel(NotificationsVM, ({ model }) => {
   if (!model.items.size) {
     return null;
   }
-  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css.notifications, children: [...model.items.values()].map((item) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css.notification, children: item.title }, item.id, false, {
+  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$1.notifications, children: [...model.items.values()].map((item) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$1.notification, children: item.title }, item.id, false, {
     fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/notifications/index.tsx",
     lineNumber: 13,
     columnNumber: 9
@@ -40358,6 +40587,171 @@ const Notifications = withViewModel(NotificationsVM, ({ model }) => {
     columnNumber: 5
   }, void 0);
 });
+const settingsWrap = "settingsWrap_RHRxC";
+const settingsButton = "settingsButton_XaX-1";
+const settingsBackdrop = "settingsBackdrop_1M2Ag";
+const settingsPopup = "settingsPopup_NfbbB";
+const settingRow = "settingRow_QmBse";
+const settingCheckbox = "settingCheckbox_fiE-K";
+const settingLabel = "settingLabel_zlHbk";
+const css = {
+  settingsWrap,
+  settingsButton,
+  settingsBackdrop,
+  settingsPopup,
+  settingRow,
+  settingCheckbox,
+  settingLabel
+};
+const SettingsButton = observer(
+  ({ devtools }) => {
+    const [isOpen, setIsOpen] = reactExports.useState(false);
+    return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.settingsWrap, children: [
+      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+        "button",
+        {
+          type: "button",
+          className: css.settingsButton,
+          "aria-label": "Settings",
+          "aria-expanded": isOpen,
+          onClick: (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+            setIsOpen((open) => !open);
+          },
+          children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Gear, {}, void 0, false, {
+            fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+            lineNumber: 25,
+            columnNumber: 11
+          }, void 0)
+        },
+        void 0,
+        false,
+        {
+          fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+          lineNumber: 14,
+          columnNumber: 9
+        },
+        void 0
+      ),
+      isOpen && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          "div",
+          {
+            className: css.settingsBackdrop,
+            onClick: () => setIsOpen(false)
+          },
+          void 0,
+          false,
+          {
+            fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+            lineNumber: 29,
+            columnNumber: 13
+          },
+          void 0
+        ),
+        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          "div",
+          {
+            className: css.settingsPopup,
+            role: "dialog",
+            "aria-label": "Settings",
+            onClick: (event) => event.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css.settingRow, children: [
+                /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.settingLabel, children: "Theme" }, void 0, false, {
+                  fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+                  lineNumber: 40,
+                  columnNumber: 17
+                }, void 0),
+                /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                  IconToggleButton,
+                  {
+                    value: devtools.theme,
+                    onUpdate: devtools.handleThemeChange,
+                    options: [
+                      { value: "light", icon: Sun },
+                      { value: "auto", icon: Display },
+                      { value: "dark", icon: Moon }
+                    ]
+                  },
+                  void 0,
+                  false,
+                  {
+                    fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+                    lineNumber: 41,
+                    columnNumber: 17
+                  },
+                  void 0
+                )
+              ] }, void 0, true, {
+                fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+                lineNumber: 39,
+                columnNumber: 15
+              }, void 0),
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("label", { className: css.settingRow, children: [
+                /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.settingLabel, children: [
+                  "Hide ",
+                  /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("code", { children: "ViewModelBase" }, void 0, false, {
+                    fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+                    lineNumber: 53,
+                    columnNumber: 24
+                  }, void 0),
+                  " fields"
+                ] }, void 0, true, {
+                  fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+                  lineNumber: 52,
+                  columnNumber: 17
+                }, void 0),
+                /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: css.settingCheckbox,
+                    checked: devtools.hideViewModelBaseMembers,
+                    onChange: (event) => {
+                      devtools.handleHideViewModelBaseMembersChange(
+                        event.target.checked
+                      );
+                    }
+                  },
+                  void 0,
+                  false,
+                  {
+                    fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+                    lineNumber: 55,
+                    columnNumber: 17
+                  },
+                  void 0
+                )
+              ] }, void 0, true, {
+                fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+                lineNumber: 51,
+                columnNumber: 15
+              }, void 0)
+            ]
+          },
+          void 0,
+          true,
+          {
+            fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+            lineNumber: 33,
+            columnNumber: 13
+          },
+          void 0
+        )
+      ] }, void 0, true, {
+        fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+        lineNumber: 28,
+        columnNumber: 11
+      }, void 0)
+    ] }, void 0, true, {
+      fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/settings-button/index.tsx",
+      lineNumber: 13,
+      columnNumber: 7
+    }, void 0);
+  }
+);
 const VmDevtoolsContent = withViewModel(
   DevtoolsContentVM,
   ({
@@ -40371,45 +40765,52 @@ const VmDevtoolsContent = withViewModel(
       "div",
       {
         ...props,
-        className: cx(css$2.vmContent, className),
+        className: cx(css$3.vmContent, className),
         ref: model.contentRef,
         children: [
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("header", { className: css$2.vmContentHeader, children: [
+          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("header", { className: css$3.vmContentHeader, children: [
             /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Notifications, {}, void 0, false, {
               fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-              lineNumber: 38,
+              lineNumber: 39,
               columnNumber: 11
             }, void 0),
-            /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$2.gradientBlur }, void 0, false, {
+            /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$3.gradientBlur }, void 0, false, {
               fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-              lineNumber: 39,
+              lineNumber: 40,
               columnNumber: 11
             }, void 0),
-            /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$2.vmContentHeaderTitle, "data-content-header": true, children: [
-              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("img", { className: css$2.vmContentHeaderLogo, src: devtools.logoUrl }, void 0, false, {
+            /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$3.vmContentHeaderTitle, "data-content-header": true, children: [
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("img", { className: css$3.vmContentHeaderLogo, src: devtools.logoUrl }, void 0, false, {
                 fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                lineNumber: 41,
+                lineNumber: 42,
                 columnNumber: 13
               }, void 0),
-              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.vmContentHeaderTitleText, children: "mobx-view-model devtools" }, void 0, false, {
+              /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$3.vmContentHeaderTitleText, children: [
+                "mobx-view-model devtools",
+                /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(SettingsButton, { devtools }, void 0, false, {
+                  fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
+                  lineNumber: 45,
+                  columnNumber: 15
+                }, void 0)
+              ] }, void 0, true, {
                 fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                lineNumber: 42,
+                lineNumber: 43,
                 columnNumber: 13
               }, void 0),
               headerContent
             ] }, void 0, true, {
               fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-              lineNumber: 40,
+              lineNumber: 41,
               columnNumber: 11
             }, void 0),
             /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
               "div",
               {
-                className: cx(css$2.vmContentControlPanel, {
-                  [css$2.searchIsActive]: devtools.searchEngine.isActive
+                className: cx(css$3.vmContentControlPanel, {
+                  [css$3.searchIsActive]: devtools.searchEngine.isActive
                 }),
                 children: [
-                  /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$2.vmContentControlPanelActions, children: [
+                  /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$3.vmContentControlPanelActions, children: [
                     /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
                       IconToggleButton,
                       {
@@ -40430,7 +40831,7 @@ const VmDevtoolsContent = withViewModel(
                       false,
                       {
                         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                        lineNumber: 53,
+                        lineNumber: 55,
                         columnNumber: 15
                       },
                       void 0
@@ -40459,43 +40860,43 @@ const VmDevtoolsContent = withViewModel(
                       false,
                       {
                         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                        lineNumber: 67,
+                        lineNumber: 69,
                         columnNumber: 15
                       },
                       void 0
                     )
                   ] }, void 0, true, {
                     fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                    lineNumber: 52,
+                    lineNumber: 54,
                     columnNumber: 13
                   }, void 0),
                   /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
                     "div",
                     {
                       className: cx(
-                        css$2.vmContentInput,
-                        devtools.searchEngine.isActive && css$2.filled
+                        css$3.vmContentInput,
+                        devtools.searchEngine.isActive && css$3.filled
                       ),
                       children: [
                         /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Magnifier, {}, void 0, false, {
                           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                          lineNumber: 92,
+                          lineNumber: 94,
                           columnNumber: 15
                         }, void 0),
-                        devtools.searchEngine.suggestionSuffix && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$2.inputGhost, "aria-hidden": "true", children: [
-                          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.inputGhostTyped, children: devtools.searchEngine.searchText }, void 0, false, {
+                        devtools.searchEngine.suggestionSuffix && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$3.inputGhost, "aria-hidden": "true", children: [
+                          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$3.inputGhostTyped, children: devtools.searchEngine.searchText }, void 0, false, {
                             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                            lineNumber: 95,
+                            lineNumber: 97,
                             columnNumber: 19
                           }, void 0),
-                          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.inputGhostSuggestion, children: devtools.searchEngine.suggestionSuffix }, void 0, false, {
+                          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$3.inputGhostSuggestion, children: devtools.searchEngine.suggestionSuffix }, void 0, false, {
                             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                            lineNumber: 98,
+                            lineNumber: 100,
                             columnNumber: 19
                           }, void 0)
                         ] }, void 0, true, {
                           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                          lineNumber: 94,
+                          lineNumber: 96,
                           columnNumber: 17
                         }, void 0),
                         /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
@@ -40509,24 +40910,24 @@ const VmDevtoolsContent = withViewModel(
                             onFocus: devtools.searchEngine.handleSearchInputFocus,
                             onBlur: devtools.searchEngine.handleSearchInputBlur,
                             placeholder: devtools.searchEngine.suggestionSuffix ? "" : "search by property path or ViewModel name",
-                            className: devtools.searchEngine.suggestionSuffix ? css$2.inputWithSuggestion : void 0
+                            className: devtools.searchEngine.suggestionSuffix ? css$3.inputWithSuggestion : void 0
                           },
                           void 0,
                           false,
                           {
                             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                            lineNumber: 103,
+                            lineNumber: 105,
                             columnNumber: 15
                           },
                           void 0
                         ),
                         /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("button", { onClick: devtools.searchEngine.resetSearch, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Xmark, {}, void 0, false, {
                           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                          lineNumber: 123,
+                          lineNumber: 125,
                           columnNumber: 17
                         }, void 0) }, void 0, false, {
                           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                          lineNumber: 122,
+                          lineNumber: 124,
                           columnNumber: 15
                         }, void 0)
                       ]
@@ -40535,18 +40936,18 @@ const VmDevtoolsContent = withViewModel(
                     true,
                     {
                       fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                      lineNumber: 86,
+                      lineNumber: 88,
                       columnNumber: 13
                     },
                     void 0
                   ),
-                  devtools.searchEngine.shouldShowSuggestions && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$2.inputSuggestions, "aria-hidden": "true", children: [
-                    /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.inputGhostTyped, children: devtools.searchEngine.searchText }, void 0, false, {
+                  devtools.searchEngine.shouldShowSuggestions && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$3.inputSuggestions, "aria-hidden": "true", children: [
+                    /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$3.inputGhostTyped, children: devtools.searchEngine.searchText }, void 0, false, {
                       fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                      lineNumber: 128,
+                      lineNumber: 130,
                       columnNumber: 17
                     }, void 0),
-                    /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$2.inputSuggestionsList, children: devtools.searchEngine.suggestionItems.map(
+                    /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$3.inputSuggestionsList, children: devtools.searchEngine.suggestionItems.map(
                       (suggestion, index) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
                         "div",
                         {
@@ -40561,28 +40962,28 @@ const VmDevtoolsContent = withViewModel(
                             );
                           },
                           className: cx(
-                            css$2.inputSuggestionItem,
-                            index === devtools.searchEngine.selectedSuggestionIndex && css$2.selected
+                            css$3.inputSuggestionItem,
+                            index === devtools.searchEngine.selectedSuggestionIndex && css$3.selected
                           ),
                           children: [
                             !devtools.searchEngine.isNestedSearch && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
                               "span",
                               {
-                                className: `${css$2.inputSuggestionOwner} ${css$2[suggestion.owner.type]}`,
+                                className: `${css$3.inputSuggestionOwner} ${css$3[suggestion.owner.type]}`,
                                 children: suggestion.owner.name
                               },
                               void 0,
                               false,
                               {
                                 fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                                lineNumber: 154,
+                                lineNumber: 156,
                                 columnNumber: 27
                               },
                               void 0
                             ),
-                            /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.inputSuggestionValue, children: suggestion.value }, void 0, false, {
+                            /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$3.inputSuggestionValue, children: suggestion.value }, void 0, false, {
                               fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                              lineNumber: 160,
+                              lineNumber: 162,
                               columnNumber: 25
                             }, void 0)
                           ]
@@ -40591,19 +40992,19 @@ const VmDevtoolsContent = withViewModel(
                         true,
                         {
                           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                          lineNumber: 134,
+                          lineNumber: 136,
                           columnNumber: 23
                         },
                         void 0
                       )
                     ) }, void 0, false, {
                       fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                      lineNumber: 131,
+                      lineNumber: 133,
                       columnNumber: 17
                     }, void 0)
                   ] }, void 0, true, {
                     fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                    lineNumber: 127,
+                    lineNumber: 129,
                     columnNumber: 15
                   }, void 0)
                 ]
@@ -40612,24 +41013,24 @@ const VmDevtoolsContent = withViewModel(
               true,
               {
                 fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                lineNumber: 47,
+                lineNumber: 49,
                 columnNumber: 11
               },
               void 0
             )
           ] }, void 0, true, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-            lineNumber: 37,
+            lineNumber: 38,
             columnNumber: 9
           }, void 0),
           /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
             "div",
             {
-              className: css$2.vmContentVirtualScroll,
+              className: css$3.vmContentVirtualScroll,
               style: { height: model.virtualHeight },
-              children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$2.vmContentVirtualizedContent, children: model.itemNodes }, void 0, false, {
+              children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$3.vmContentVirtualizedContent, children: model.itemNodes }, void 0, false, {
                 fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                lineNumber: 175,
+                lineNumber: 177,
                 columnNumber: 11
               }, void 0)
             },
@@ -40637,7 +41038,7 @@ const VmDevtoolsContent = withViewModel(
             false,
             {
               fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-              lineNumber: 171,
+              lineNumber: 173,
               columnNumber: 9
             },
             void 0
@@ -40648,7 +41049,7 @@ const VmDevtoolsContent = withViewModel(
       true,
       {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-        lineNumber: 32,
+        lineNumber: 33,
         columnNumber: 7
       },
       void 0
@@ -40659,7 +41060,7 @@ const VmDevtoolsPopup = withViewModel(VmDevtoolsPopupVM, ({ model }) => {
   return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
     VmDevtoolsContent,
     {
-      className: css$6.vmPopup,
+      className: css$7.vmPopup,
       "data-position": model.devtools.position,
       payload: {
         devtools: model.devtools,
@@ -40668,7 +41069,7 @@ const VmDevtoolsPopup = withViewModel(VmDevtoolsPopupVM, ({ model }) => {
       headerContent: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
         "button",
         {
-          className: css$6.closePopupButton,
+          className: css$7.closePopupButton,
           onClick: model.devtools.hidePopup,
           children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Xmark, {}, void 0, false, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-popup/index.tsx",
@@ -41633,6 +42034,8 @@ class ViewModelDevtools {
       projectVmStore: observable.ref,
       presentationMode: observable.ref,
       sortPropertiesBy: observable.ref,
+      theme: computed,
+      hideViewModelBaseMembers: computed,
       extras: observable.ref,
       setStore: action.bound,
       setExtras: action.bound,
@@ -41640,10 +42043,13 @@ class ViewModelDevtools {
       hidePopup: action.bound,
       handleChangePresentationMode: action.bound,
       handleSortPropertiesChange: action.bound,
+      handleThemeChange: action.bound,
+      handleHideViewModelBaseMembersChange: action.bound,
       handleExpandVmPropertyClick: action.bound,
       expandAllVMs: action.bound,
       collapseAllVms: action.bound,
       isActive: computed,
+      resolvedTheme: computed,
       listItems: computed.struct,
       rootVmListItems: computed.struct,
       extraListItems: computed.struct
@@ -41746,6 +42152,34 @@ class ViewModelDevtools {
   handleSortPropertiesChange = (sortBy) => {
     this.sortPropertiesBy = sortBy;
   };
+  get theme() {
+    return devtoolsThemeKey.value;
+  }
+  get hideViewModelBaseMembers() {
+    return devtoolsHideViewModelBaseKey.value;
+  }
+  handleThemeChange = (theme) => {
+    devtoolsThemeKey.value = theme === "light" || theme === "dark" ? theme : "auto";
+    this.applyThemeToContainer();
+  };
+  handleHideViewModelBaseMembersChange = (hide) => {
+    devtoolsHideViewModelBaseKey.value = hide;
+  };
+  get resolvedTheme() {
+    if (this.theme === "light") {
+      return "light";
+    }
+    if (this.theme === "dark") {
+      return "dark";
+    }
+    return colorScheme.isLight ? "light" : "dark";
+  }
+  applyThemeToContainer() {
+    const container = document.getElementById(this.containerId);
+    if (container) {
+      container.dataset.vmdTheme = this.resolvedTheme;
+    }
+  }
   expandAllVMs() {
   }
   collapseAllVms() {
@@ -41768,6 +42202,16 @@ class ViewModelDevtools {
     this.storage.syncProperty(this, "sortPropertiesBy");
     this.storage.syncProperty(this, "presentationMode");
     this.storage.syncProperty(this, "position");
+    this.applyThemeToContainer();
+    reaction(() => devtoolsThemeKey.value, () => this.applyThemeToContainer());
+    reaction(
+      () => colorScheme.scheme,
+      () => {
+        if (this.theme === "auto") {
+          this.applyThemeToContainer();
+        }
+      }
+    );
   }
   isInitialized = false;
   render() {
@@ -41776,8 +42220,9 @@ class ViewModelDevtools {
     );
     if (!container) {
       container = document.createElement("div");
-      container.className = css$3.root;
+      container.className = css$4.root;
       container.id = this.containerId;
+      container.dataset.vmdTheme = this.resolvedTheme;
       if (document.body) {
         document.body.appendChild(container);
         const root2 = clientExports.createRoot(container);