@layer ocx{.ocx-tree{--_lead:calc(var(--ocx-icon-sm) + var(--ocx-space-2));margin-block:var(--ocx-space-5);padding:var(--ocx-space-4) var(--ocx-space-5);font-size:var(--ocx-text-sm);color:var(--ocx-color-fg);background:var(--ocx-color-surface-subtle);border:var(--ocx-border-width) solid var(--ocx-color-border);border-radius:var(--ocx-radius-lg);line-height:1.6;overflow-x:auto}.ocx-tree__list{margin:0;padding:0;list-style:none}.ocx-tree[data-collapsible=false]{--_lead:0px}.ocx-tree[data-collapsible=false] .ocx-tree__chevron{display:none}.ocx-tree__node{--_icon:var(--ocx-control-xs);--_inset:var(--ocx-space-3);--_indent:calc(var(--ocx-space-4) + var(--ocx-space-1));--_mid:calc(var(--ocx-space-1) + .5lh);--_guide:var(--ocx-color-border-control);margin:0;padding:0;list-style:none;position:relative}.ocx-tree__row{align-items:baseline;column-gap:var(--ocx-space-2);padding:var(--ocx-space-1) var(--ocx-space-3);border-radius:var(--ocx-radius-sm);transition:background-color var(--ocx-duration-enter);user-select:none;flex-wrap:wrap;display:flex}.ocx-tree__row--dir{list-style:none}.ocx-tree__row--dir::-webkit-details-marker{display:none}.ocx-tree__row:is(summary:not([tabindex="-1"]),[tabindex="0"]){cursor:pointer}.ocx-tree__row:is(summary:not([tabindex="-1"]),[tabindex="0"]):hover{background-color:var(--ocx-color-hover)}.ocx-tree__row[data-selected]{background-color:var(--ocx-color-accent-tint);transition:none}@media (forced-colors:active){.ocx-tree__row[data-selected]{outline:var(--ocx-border-width) solid Highlight}}.ocx-tree__row:focus-visible{outline:var(--ocx-focus-ring);outline-offset:var(--ocx-focus-offset-inset)}.ocx-tree__chevron{width:var(--ocx-icon-sm);height:var(--ocx-icon-sm);color:var(--ocx-color-fg-muted);transition:rotate var(--ocx-duration-fast) var(--ocx-ease-out);flex:none;align-self:flex-start;margin-block-start:calc((1lh - var(--ocx-icon-sm)) / 2);display:inline-flex}.ocx-tree__chevron svg{width:100%;height:100%}.ocx-tree__details[open]>summary>.ocx-tree__chevron{rotate:90deg}.ocx-tree__icon{width:var(--_icon);font-size:var(--ocx-text-base);line-height:var(--ocx-lh-none);text-align:center;flex:none}.ocx-tree__details:not([open])>summary .ocx-tree__icon-open,.ocx-tree__details[open]>summary .ocx-tree__icon-closed{display:none}.ocx-tree__row>.ocx-tree__name{overflow-wrap:anywhere;min-width:0;font-family:var(--ocx-font-mono);font-size:var(--ocx-text-sm);color:var(--ocx-color-fg);background:0 0;padding:0}.ocx-tree__row>.ocx-tree__name--dir{color:var(--ocx-color-fg);font-weight:var(--ocx-font-weight-semibold)}.ocx-tree__desc{overflow-wrap:anywhere;min-width:0;font-size:var(--ocx-text-sm);color:var(--ocx-color-fg-muted);flex:12em;margin-inline-start:var(--ocx-space-2)}.ocx-tree__desc code{font-size:inherit;background:var(--ocx-color-surface)}.ocx-tree__children{margin:0 0 0 calc(var(--_inset) + var(--_lead,0px) + var(--_icon) / 2);padding:0 0 0 var(--_indent);list-style:none}.ocx-tree__children>.ocx-tree__node:before,.ocx-tree__children>.ocx-tree__node:after{content:"";background:var(--_guide);position:absolute;inset-inline-start:calc(-1 * var(--_indent))}.ocx-tree__children>.ocx-tree__node:before{width:var(--ocx-border-width);top:0;bottom:0}.ocx-tree__children>.ocx-tree__node:last-child:before{height:var(--_mid);bottom:auto}.ocx-tree__children>.ocx-tree__node:after{top:var(--_mid);width:calc(var(--_indent) - var(--ocx-space-1));height:var(--ocx-border-width)}.ocx-tree__details{interpolate-size:allow-keywords}.ocx-tree__details::details-content{block-size:0;transition:block-size var(--ocx-duration-moderate), content-visibility var(--ocx-duration-moderate) allow-discrete;overflow:clip}.ocx-tree__details[open]::details-content{block-size:auto}}