.browse-tree,.browse-children{--browse-row-size:calc(24px + 2 * var(--space-1));margin:0;padding:0;list-style:none}.browse-scroll{min-height:0;max-height:var(--browse-available-height,none);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold) var(--bg-1);overflow-y:auto}.browse-children{margin-inline-start:var(--space-2)}.browse-children[hidden]{display:none}.browse-node{grid-template-columns:var(--browse-row-size) minmax(0, 1fr);border-radius:3px;align-items:stretch;display:grid}.browse-node[data-browse-current]{background:color-mix(in oklch, var(--gold) 9.4%, transparent)}.browse-node .browse-link{align-items:center;gap:var(--space-2);min-height:var(--browse-row-size);padding-block:var(--space-1);padding-inline:0 var(--space-1);color:var(--text);font:14px/1.45 var(--font-ui);overflow-wrap:anywhere;grid-column:2;grid-template-columns:24px minmax(0,1fr);display:grid}.browse-node[data-browse-within]:not([data-open])>.browse-link{color:var(--gold-bright)}.browse-node[data-branch]>.browse-link{font-weight:600}.browse-node .browse-link:is(:focus-visible,[aria-current]){color:var(--gold-bright);text-decoration:none}@media (hover:hover) and (pointer:fine){.browse-node .browse-link:hover{color:var(--gold-bright);text-decoration:none}.browse-node:has(>.browse-link:hover){background-color:color-mix(in oklch, var(--gold) 5.1%, transparent)}}.browse-node-icon{place-items:center;width:24px;display:grid}.browse-node-icon .icon-frame{border-width:1px}.browse-node .browse-toggle.wow-button[data-variant=quiet]{width:var(--browse-row-size);min-width:var(--browse-row-size);min-height:var(--browse-row-size);padding:var(--space-2);box-shadow:none;color:var(--text);background:0 0;border:0;border-image:;border-radius:3px;grid-area:1/1;align-self:stretch}.browse-node .browse-toggle.wow-button[data-variant=quiet]:focus-visible{background:color-mix(in oklch, var(--gold) 9.4%, transparent);color:var(--gold-bright)}@media (hover:hover) and (pointer:fine){.browse-node .browse-toggle.wow-button[data-variant=quiet]:hover{background:color-mix(in oklch, var(--gold) 9.4%, transparent);color:var(--gold-bright)}}.browse-node .browse-toggle svg{flex:none;width:16px;height:16px}.browse-node[data-open]>.browse-toggle svg{transform:rotate(90deg)}
