.fi-tf{--fi-tf-indent: 1.5rem;display:flex;flex-direction:column;gap:.5rem}.fi-tf-header{display:flex;gap:.75rem;align-items:center}.fi-tf-header-create{margin-inline-start:auto}.fi-tf-header-button{font-size:.75rem;line-height:1rem;font-weight:500;color:var(--gray-500, #6b7280);cursor:pointer;background:transparent;border:0;padding:0}.fi-tf-header-button:hover{color:var(--primary-600, #2563eb)}.fi-tf-branch{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.fi-tf-branch .fi-tf-branch{margin-top:.25rem;padding-inline-start:var(--fi-tf-indent);border-inline-start:1px solid var(--gray-200, #e5e7eb)}:where(.dark) .fi-tf-branch .fi-tf-branch{border-inline-start-color:var(--gray-700, #374151)}.fi-tf-node{position:relative}.fi-tf-row{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;background-color:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);transition:background-color 75ms ease}:where(.dark) .fi-tf-row{background-color:var(--gray-900, #111827);border-color:var(--gray-700, #374151)}.fi-tf-row:hover{background-color:var(--gray-100, #f3f4f6)}:where(.dark) .fi-tf-row:hover{background-color:var(--gray-800, #1f2937)}.fi-tf-handle{display:inline-flex;cursor:grab;color:var(--gray-400, #9ca3af);background:transparent;border:0;padding:0}.fi-tf-handle:active{cursor:grabbing}.fi-tf-handle-icon,.fi-tf-toggle-icon,.fi-tf-icon-svg{width:1.25rem;height:1.25rem}.fi-tf-toggle{display:inline-flex;cursor:pointer;color:var(--gray-400, #9ca3af);background:transparent;border:0;padding:0}.fi-tf-toggle-icon{transition:transform .15s ease}.fi-tf-node:not(.fi-tf-collapsed)>.fi-tf-row .fi-tf-toggle-icon{transform:rotate(90deg)}.fi-tf-node.fi-tf-collapsed>.fi-tf-branch{display:none}.fi-tf-toggle-spacer{display:inline-block;width:1.25rem;height:1.25rem}.fi-tf-number{flex:0 0 auto;min-width:1.5rem;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--gray-400, #9ca3af)}.fi-tf-columns{display:flex;align-items:center;gap:.75rem;flex:1 1 auto;min-width:0}.fi-tf-actions{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto}.fi-tf-column-text{color:var(--gray-950, #030712)}:where(.dark) .fi-tf-column-text{color:var(--white, #ffffff)}.fi-tf-column-icon{display:inline-flex;color:var(--gray-400, #9ca3af)}.fi-tf-color{color:var(--color-600)}:where(.dark) .fi-tf-color{color:var(--color-400)}.fi-tf-dimmed{opacity:.5}.fi-tf-text-sm{font-size:.875rem;line-height:1.25rem}.fi-tf-text-base{font-size:1rem;line-height:1.5rem}.fi-tf-text-lg{font-size:1.125rem;line-height:1.75rem}.fi-tf-text-xl{font-size:1.25rem;line-height:1.75rem}.fi-tf-font-medium{font-weight:500}.fi-tf-font-semibold{font-weight:600}.fi-tf-font-bold{font-weight:700}.fi-tf-align-center{margin-inline:auto}.fi-tf-align-end{margin-inline-start:auto;margin-inline-end:.75rem}.fi-tf-dragging{opacity:.4}.fi-tf-row.fi-tf-drop-child{background-color:var(--primary-50, #eff6ff);box-shadow:inset 0 0 0 2px var(--primary-500, #3b82f6)}:where(.dark) .fi-tf-row.fi-tf-drop-child{background-color:color-mix(in srgb,var(--primary-500, #3b82f6) 15%,transparent)}.fi-tf-row.fi-tf-drop-before:before,.fi-tf-row.fi-tf-drop-after:after{content:"";position:absolute;inset-inline:0;height:2px;background-color:var(--primary-500, #3b82f6);border-radius:9999px}.fi-tf-row.fi-tf-drop-before:before{top:-3px}.fi-tf-row.fi-tf-drop-after:after{bottom:-3px}.fi-tf-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:2rem 1rem;border:1px dashed var(--gray-300, #d1d5db);border-radius:.75rem}:where(.dark) .fi-tf-empty-state{border-color:var(--gray-700, #374151)}.fi-tf-empty-state-icon{width:2rem;height:2rem;color:var(--gray-400, #9ca3af)}.fi-tf-empty-state-heading{font-size:.875rem;font-weight:600;color:var(--gray-950, #030712)}:where(.dark) .fi-tf-empty-state-heading{color:var(--white, #ffffff)}.fi-tf-empty-state-description{font-size:.875rem;color:var(--gray-500, #6b7280)}[x-cloak]{display:none!important}