.view-switch:before{width:calc((100% - 4px)/3)}
.view-switch:has(#tree-view.active):before{transform:translateX(200%)}
.hierarchy-files .filename{padding-left:var(--indent,0px);gap:9px}
.hierarchy-files .filename>span:not(.file-icon):not(.folder-disclosure-spacer){min-width:0}
.hierarchy-files .folder-disclosure,.hierarchy-files .folder-disclosure-spacer{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;min-width:20px;height:26px;min-height:26px;margin:0 -3px 0 0;padding:2px;border:0;border-radius:4px}
.hierarchy-files .folder-disclosure{color:var(--muted);background:transparent}
.hierarchy-files .folder-disclosure:hover{background:var(--hover);color:var(--text)}
.hierarchy-files .folder-disclosure svg{width:13px;height:13px;transition:transform 160ms var(--motion-ease)}
.hierarchy-files .folder-disclosure[aria-expanded=true] svg{transform:rotate(90deg)}
.hierarchy-files .folder-disclosure:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}
@media(max-width:780px){.topbar .view-switch{display:flex;flex-shrink:0}.view-switch button{min-width:25px;padding:4px}.view-switch svg{width:14px;height:14px}.topbar .search{flex:1;min-width:45px;width:70px}.topbar .search kbd{display:none}.hierarchy-files .filename{padding-left:min(var(--indent),60px);gap:5px}}
@media(prefers-reduced-motion:reduce){.hierarchy-files .folder-disclosure svg{transition:none}}