/* Only the internal storage tree; public pages have no sidebar. */
.sx-tree-resizable { position: relative; }
.sx-tree-resizer { display: none; }
@media (min-width: 701px) {
  .sx-explorer > .sx-tree-resizable { width: var(--sx-tree-width, 230px); }
  .sx-tree-resizer {
    display: block; position: absolute; top: 0; bottom: 0; right: 0;
    width: 6px; cursor: col-resize; touch-action: none; z-index: 2;
  }
  .sx-tree-resizer::after {
    content: ''; position: absolute; right: 1px; top: calc(50% - 18px);
    width: 3px; height: 36px; border-radius: 3px; background: var(--sx-muted); opacity: .45;
  }
  .sx-tree-resizer:hover, .sx-tree-resizer:focus-visible, .is-resizing > .sx-tree-resizer { background: var(--sx-selected); }
  .sx-tree-resizer:hover::after, .sx-tree-resizer:focus-visible::after, .is-resizing > .sx-tree-resizer::after { background: var(--sx-accent); opacity: 1; }
  .sx-tree-resizer:focus-visible { outline-offset: -2px; }
  .sx-tree-resizable.is-resizing { user-select: none; }
}
@media (min-width: 701px) and (max-width: 1100px) {
  .sx-explorer > .sx-tree-resizable { width: var(--sx-tree-width, 190px); }
}