.component-backend-treeview{background:var(--oc-editor-bg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.component-backend-treeview ul li{display:block;white-space:nowrap}.component-backend-treeview ul li .node-label{color:var(--oc-toolbar-color);display:block;overflow:hidden;position:relative;text-overflow:ellipsis;vertical-align:top;width:100%;z-index:1}.component-backend-treeview ul li>.item-label-outer-container:before{border-radius:4px;content:"";height:30px;left:0;position:absolute;width:100%;z-index:0}.component-backend-treeview ul li>.item-label-outer-container>.item-label-container{cursor:default;font-size:14px;line-height:30px;position:relative;vertical-align:top}.component-backend-treeview ul li.root-node>.item-label-outer-container>.item-label-container .node-label{color:var(--oc-editor-section-color)}.component-backend-treeview ul li:focus{outline:none}.component-backend-treeview ul li.selectable-node:not(.selected-node).context-menu-visible>.item-label-outer-container:before,.component-backend-treeview ul li.selectable-node:not(.selected-node)>.item-label-outer-container:hover:before,.component-backend-treeview ul li:focus>.item-label-outer-container:before{background-color:var(--oc-toolbar-hover-bg)}.component-backend-treeview ul li.selected-node>.item-label-outer-container:before{background:var(--oc-selection)}.component-backend-treeview ul li.selected-node>.item-label-outer-container>.item-label-container .node-label,.component-backend-treeview ul li.selected-node>.item-label-outer-container>.item-label-container.root-node .node-label{color:#fff}.component-backend-treeview ul li.selected-node:focus>.item-label-outer-container:before{border:2px solid rgba(0,0,0,.1)}.component-backend-treeview ul li.selectable-node>.item-label-outer-container>.item-label-container{cursor:pointer}.component-backend-treeview ul li.selected-node:not(.expanded-with-children)+li.selected-node>.item-label-outer-container:before,.component-backend-treeview ul li.selected-node>ul[data-subtree]>li.selected-node:first-child>.item-label-outer-container:before{border-top-left-radius:0;border-top-right-radius:0}.component-backend-treeview ul li.selected-node.next-is-selected>.item-label-outer-container:before{border-bottom-left-radius:0;border-bottom-right-radius:0}.component-backend-treeview ul li.mode-tree>.item-label-outer-container>.item-label-container .node-label,.component-backend-treeview ul li.root-node>.item-label-outer-container>.item-label-container .node-label{padding-left:19px}.component-backend-treeview ul li.mode-tree>.item-label-outer-container>.item-label-container.has-icon .node-label,.component-backend-treeview ul li.root-node>.item-label-outer-container>.item-label-container.has-icon .node-label{padding-left:38px}.component-backend-treeview ul li>.item-label-outer-container>.item-label-container.has-icon .node-label{padding-left:19px}.component-backend-treeview .treeview-readonly ul li .node-label{opacity:.7}.component-backend-treeview ul li>.item-label-outer-container.section-label{background:var(--oc-editor-section-bg);margin:0 -8px 2px;padding:0 8px;position:-webkit-sticky;position:sticky;top:0;z-index:3}.component-backend-treeview ul li>.item-label-outer-container.section-label .node-label{color:var(--oc-editor-section-color);cursor:pointer;font-weight:600;padding-left:19px}.component-backend-treeview ul li>.item-label-outer-container>.item-label-container.has-menu .node-menu-trigger.section-create-button{right:30px;z-index:2}.component-backend-treeview ul li>.item-label-outer-container>.item-label-container.has-menu .node-menu-trigger.section-create-button:before{background-position:-267px -40px;height:11px;left:9px;position:absolute;top:9px;width:11px}.component-backend-treeview ul li.mode-tree>ul,.component-backend-treeview ul li.root-node>ul{padding-left:19px}.component-backend-treeview ul li .node-toggle-control{-webkit-appearance:none;background:transparent;border:none;display:inline-block;height:30px;left:0;margin:0 3px 0 0;outline:none;padding:0;position:absolute;top:0;vertical-align:top;width:16px;z-index:2}.component-backend-treeview ul li .node-toggle-control:before{background-position:-182px 0;height:6px;left:3px;position:absolute;top:12px;transform:rotate(-90deg);transition:transform .1s;width:10px}.component-backend-treeview ul li .node-toggle-control.no-child-nodes{cursor:inherit;opacity:0}.component-backend-treeview ul li.expanded-node>.item-label-outer-container>.item-label-container .node-toggle-control:before{transform:rotate(0)}.component-backend-treeview ul li.selected-node>.item-label-outer-container>.item-label-container .node-toggle-control:before{background-position:-182px -8px}.component-backend-treeview ul li span.node-icon{border-radius:4px;box-shadow:0 0 0 1px rgba(var(--bs-body-bg-rgb),.3);display:inline-block;height:16px;margin-right:3px;position:absolute;top:7px;vertical-align:text-bottom;width:16px}.component-backend-treeview ul li span.node-icon.folder-icon{box-shadow:none}.component-backend-treeview ul li span.node-icon i{color:#fff;font-size:10px;left:3px;position:absolute;top:3px}.component-backend-treeview ul li span.node-icon i.treeview-folder{background-position:0 -20px;height:16px;left:0;top:0;width:16px}.component-backend-treeview ul li.selected-node>.item-label-outer-container>.item-label-container span.node-icon .treeview-folder{background-position:0 -73px}.component-backend-treeview ul li.mode-tree span.node-icon{left:19px}.component-backend-treeview ul li>.item-label-outer-container>.item-label-container.has-menu .node-menu-trigger{-webkit-appearance:none;background:transparent;border:none;border-radius:4px;color:transparent;display:none;font-size:0;height:30px;outline:none;position:absolute;right:0;top:0;width:30px}.component-backend-treeview ul li>.item-label-outer-container>.item-label-container.has-menu .node-menu-trigger:before{background-position:-231px 0;height:12px;left:14px;position:absolute;top:9px;width:2px}.component-backend-treeview ul li>.item-label-outer-container>.item-label-container.has-menu .node-menu-trigger:focus{background-color:rgba(0,0,0,.1)}.component-backend-treeview ul li>.item-label-outer-container>.item-label-container.has-menu:hover{padding-right:30px}.component-backend-treeview ul li>.item-label-outer-container>.item-label-container.has-menu:hover .node-menu-trigger{display:inline-block}.component-backend-treeview .drag-indicator{background:var(--bs-primary);border:1px solid #fff;border-radius:6px;display:none;height:4px;margin-top:-2px;pointer-events:none;position:absolute;right:0;z-index:1}.component-backend-treeview .drag-indicator[data-drop-position]{display:block}.component-backend-treeview .drag-indicator[data-drop-position=below]{margin-top:28px}.component-backend-treeview .drag-indicator:after{background:#fff;border:2px solid var(--bs-primary);border-radius:6px;box-shadow:0 0 0 1px #fff;content:"";height:6px;left:-4px;position:absolute;top:-2px;width:6px}.component-backend-treeview ul li.drop-target-parent>.item-label-outer-container:before{border:2px solid var(--bs-primary)}.component-backend-treeview .treeview-ghost-image-container{left:0;position:absolute;top:0;z-index:0}.component-backend-treeview .treeview-ghost-image-container.snapshot{z-index:5}.component-backend-treeview .treeview-search-control{background:var(--oc-primary-bg);color:var(--bs-body-color);height:40px;position:relative}.component-backend-treeview .treeview-search-control:before{background-position:-238px 0;display:block;height:15px;position:absolute;right:11px;top:14px;width:15px}.component-backend-treeview .treeview-search-control>input{-webkit-appearance:none;background:transparent;border:none;border-top:1px solid var(--oc-primary-border);color:var(--bs-body-color);display:block;height:40px;outline:none;padding-left:10px;padding-right:35px;position:relative;width:100%;z-index:0}.component-backend-treeview .treeview-search-control>input:focus{border-top:1px solid #72809d}.component-backend-treeview .treeview-search-control>button{-webkit-appearance:none;background:transparent;border:none;border-radius:30px;color:transparent;display:none;font-size:0;height:30px;outline:none;padding:0;position:absolute;right:6px;top:6px;width:30px}.component-backend-treeview .treeview-search-control>button:focus{background:var(--oc-toolbar-hover-bg)}.component-backend-treeview .treeview-search-control>button:before{background-position:-253px 0;display:block;height:11px;position:absolute;right:9px;top:10px;width:11px}.component-backend-treeview .treeview-search-control.search-enabled:before{display:none}.component-backend-treeview .treeview-search-control.search-enabled>button{display:block}.component-backend-treeview .modal.component-backend-modal.treeview-quick-access-modal .modal-content{min-height:52px}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-header{border-bottom:none;height:10px;min-height:0;padding:0}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-header h4{display:none}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body{padding:0}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .input-container{position:relative}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .input-container:before{background-position:-238px 0;display:block;height:15px;left:10px;position:absolute;top:7px;width:15px}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .input-container>input{-webkit-appearance:none;background:transparent;border:none;border-bottom:0 solid var(--oc-primary-border);display:block;height:40px;outline:none;padding:0 10px 11px 35px;position:relative;width:100%}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .input-container>input:focus{border-bottom-color:#72809d}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .scrollable-panel-container{background:inherit}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li{cursor:pointer;line-height:30px;overflow:hidden;padding:0 10px 0 30px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li.quick-list-header{color:var(--bs-secondary-color);cursor:default;font-size:12px;font-weight:600;line-height:12px;margin:8px 0 5px;padding:0 0 0 10px}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span{vertical-align:middle}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.node-icon{box-shadow:none;left:10px}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.node-icon i.icon-command{background-position:-283px -37px;height:16px;left:0;top:0;width:16px}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.path-item{font-size:14px}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.path-command,.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.path-folder,.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.path-node,.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.path-section{color:var(--bs-secondary-color)}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.path-folder:before{background-position:0 -20px;display:inline-block;height:16px;margin:0 5px;vertical-align:middle;width:16px}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.path-leaf:before,.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.path-node:before{color:var(--bs-secondary-color);content:"/";display:inline-block;margin:0 3px}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.path-leaf.path-leaf-command:before,.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.path-node.path-leaf-command:before{display:none}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.path-command:after,.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li span.path-section+.path-node:before{content:"→";display:inline-block;margin:0 3px}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li.selected{background:var(--oc-selection)}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li.selected span,.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li.selected span.path-node,.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li.selected span.path-section,.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li.selected span:before{color:#fff}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li.selected span.path-folder:before{background-position:0 -73px}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body .quick-access-list li.selected span.node-icon i.icon-command{background-position:-283px -53px}.component-backend-treeview .modal.component-backend-modal .treeview-quick-access .modal-body.has-results .input-container>input{border-bottom-width:1px;padding-bottom:10px}.component-backend-treeview .scrollable-panel-container{background:var(--oc-editor-bg)}.component-backend-treeview .scrollable-panel-container.scrolled:before{z-index:1}.component-backend-treeview .treeview-container ul{font-size:0;list-style:none;margin:0;padding:0}.component-backend-treeview .treeview-container .scrollable>div{margin:0 8px 8px;position:relative}