.tbk{--tbk-gap:32px;--tbk-half:16px;--tbk-line:hsl(var(--foreground) / .16);--tplate-w:180px;gap:var(--tbk-gap);width:max-content;display:flex}.tbk-col{width:var(--tplate-w);flex-direction:column;flex:none;gap:6px;display:flex}.tbk-slots{flex-direction:column;flex:1;display:flex}.tbk-slot{flex:1;align-items:center;padding-block:12px;display:flex;position:relative}.tbk-pair{flex-direction:column;flex:1;display:flex;position:relative}.tbk-pair:after{content:"";right:calc(var(--tbk-half) * -1);width:var(--tbk-half);border:1.5px solid var(--tbk-line);pointer-events:none;border-left:0;border-radius:0 8px 8px 0;position:absolute;top:25%;bottom:25%}.tbk-pair[data-feed=top]:after{border-bottom:0;border-radius:0 8px 0 0;bottom:50%}.tbk-pair[data-feed=bottom]:after{border-top:0;border-radius:0 0 8px;top:50%}.tbk-pair[data-feed=none]:after{display:none}.tbk-slot[data-in=pair]:before{content:"";left:calc(var(--tbk-half) * -1 - 1px);width:var(--tbk-half);border-top:1.5px solid var(--tbk-line);pointer-events:none;position:absolute;top:50%}.tbk-slot[data-out=straight]:after{content:"";right:calc(var(--tbk-gap) * -1);width:var(--tbk-gap);border-top:1.5px solid var(--tbk-line);pointer-events:none;position:absolute;top:50%}.tplate{background:hsl(var(--card));border:1px solid hsl(var(--border) / .7);text-align:left;border-radius:12px;width:100%;transition:border-color .15s,box-shadow .15s;position:relative}.tplate[data-ghost=true]{background:0 0;border-style:dashed}.tplate[data-accent=true]{border-color:hsl(var(--primary) / .7);box-shadow:0 0 0 3px hsl(var(--primary) / .12)}button.tplate:hover{border-color:hsl(var(--primary) / .7)}button.tplate:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.tplate:has(>.tplate-cap){padding-top:5px}.tplate-cap{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 18px);color:hsl(var(--muted-foreground));background:var(--tplate-ground,hsl(var(--background)));align-items:center;gap:5px;padding:0 6px;font-size:10.5px;font-weight:600;line-height:18px;display:inline-flex;position:absolute;top:-9px;left:9px;overflow:hidden}.tplate[data-accent=true] .tplate-cap{color:hsl(var(--on-primary-soft))}.tlive-dot{background:hsl(var(--primary));border-radius:9999px;flex:none;width:6px;height:6px}@media (prefers-reduced-motion:no-preference){.tlive-dot{animation:1.8s ease-in-out 3 tlive-beat}}@keyframes tlive-beat{50%{box-shadow:0 0 0 5px hsl(var(--primary) / .18)}}