@scope([data-example]){:scope:has([data-slot=tree]){justify-content:flex-start}[data-slot=tree]{box-sizing:border-box;border-radius:var(--radius-surface);background:var(--surface-1);width:20rem;max-width:100%;box-shadow:var(--shadow-1);color:var(--ink);font-size:var(--text-md);flex-direction:column;gap:1px;padding:5px;display:flex}[data-slot=stack]:has(>[data-slot=tree]){width:20rem;max-width:100%}[data-slot=scroll]:has(>[data-slot=tree]){box-sizing:border-box;border-radius:var(--radius-surface);background:var(--surface-1);width:20rem;max-width:100%;height:288px;box-shadow:var(--shadow-1);overscroll-behavior:contain;flex:none;padding:5px}[data-slot=scroll]:has(>[data-slot=tree])>[data-slot=tree]{width:auto;box-shadow:none;background:0 0;border-radius:0;padding:0;display:block;position:relative}[data-slot=scroll]:has(>[data-slot=tree]) [data-slot=tree-item]{height:var(--size-item);margin:0;position:absolute;inset-inline:0}[data-slot=scroll]:has(>[data-slot=tree]) [data-slot=tree-item]>[data-slot=tree-label]{height:100%}[data-slot=tree-item]{outline:none}[data-slot=tree-item]:focus-visible>[data-slot=tree-label],[data-slot=tree-item]:focus-visible>:not([data-slot])>[data-slot=tree-label]{box-shadow:inset 0 0 0 1px var(--ink)}:is([data-slot=tree-item]:focus-visible>[data-slot=tree-label],[data-slot=tree-item]:focus-visible>:not([data-slot])>[data-slot=tree-label]):not([data-selected],[data-current]){background:var(--tint)}[data-slot=tree-group]>[data-slot=tree-item]{margin-top:1px}[data-slot=tree-label]{--tree-indent:calc((var(--tree-level,1) - 1) * var(--space-4));align-items:center;gap:var(--space-2);box-sizing:border-box;min-width:0;height:var(--size-item);padding-inline:calc(var(--space-2) + var(--tree-indent)) var(--space-3);border-radius:var(--radius-row);color:inherit;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;text-decoration:none;display:flex}[data-slot=tree-label]:not([data-branch]){padding-inline-start:calc(var(--space-2) + var(--tree-indent) + var(--size-icon) + var(--space-2))}[data-slot=tree-label]:hover:not([data-disabled],[data-selected],[data-current]){background:color-mix(in oklab, var(--ink) 4%, transparent)}[data-slot=tree-label]:is([data-selected],[data-current]){background:color-mix(in oklab, var(--ink) 8%, transparent)}[data-slot=tree-label][data-current]{font-weight:500}[data-slot=tree-label][data-disabled]{color:var(--line-disabled)}[data-slot=tree-label][data-pending]{cursor:progress}[data-slot=tree-label]>svg{width:var(--size-icon);height:var(--size-icon);color:var(--muted);flex-shrink:0}[data-slot=tree-label][data-disabled]>svg{color:inherit}[data-slot=tree-label]>svg+svg{display:none}[data-slot=tree-label][data-expanded]>svg:has(+svg){display:none}[data-slot=tree-label][data-expanded]>svg+svg{display:block}[data-slot=tree-label]>span:not([data-slot]){text-overflow:ellipsis;overflow:hidden}[data-slot=tree-label][data-pending]>svg:last-child{margin-inline-start:auto;animation:1s linear infinite tree-spin}[data-slot=tree-indicator]{width:var(--size-icon);height:var(--size-icon);color:var(--muted);flex-shrink:0;place-items:center;display:inline-grid}[data-slot=tree-indicator]>svg{width:14px;height:14px}[data-slot=tree-indicator][data-expanded]{rotate:90deg}[data-slot=tree-indicator]:is([dir=rtl],[dir=rtl] *){rotate:180deg}[data-slot=tree-indicator][data-expanded]:is([dir=rtl],[dir=rtl] *){rotate:90deg}[data-slot=tree-indicator][data-disabled]{color:inherit}[data-slot=tree-indicator][data-loading]{rotate:none}[data-slot=tree-indicator][data-loading]>svg{animation:1s linear infinite tree-spin}[data-slot=tree-indicator][data-failed]:not([data-loading]){color:var(--danger);rotate:none}:is([data-slot=tree-indicator],[data-slot=tree-label])>svg[data-show]{display:none}:is([data-slot=tree-indicator],[data-slot=tree-label])[data-loading]>svg[data-show=loading],:is([data-slot=tree-indicator],[data-slot=tree-label])[data-failed]:not([data-loading])>svg[data-show=failed],:is([data-slot=tree-indicator],[data-slot=tree-label]):not([data-loading],[data-failed])>svg[data-show=idle],:is([data-slot=tree-indicator],[data-slot=tree-label])[data-pending]>svg[data-show=pending]{display:block}[data-slot=tree-checkbox]{box-sizing:border-box;width:var(--size-icon);height:var(--size-icon);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line);color:var(--paper);border-radius:4px;flex-shrink:0;place-items:center;display:inline-grid}[data-slot=tree-checkbox]:is([data-checked],[data-indeterminate]){background:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=tree-checkbox]:is([data-checked],[data-indeterminate]):after{content:"";background:currentColor;width:12px;height:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat}[data-slot=tree-checkbox][data-indeterminate]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}[data-slot=tree-checkbox][data-disabled]{box-shadow:inset 0 0 0 1px var(--line-faint)}}@keyframes tree-spin{to{rotate:360deg}}