.ft-list{--rail-x:13px;--rail-dash:6px;--rail-ground:#1d1a1d;--rail-reach:12px;--seg:255 255 255}.ft-seg,.ft-branch{--seg-rest:color-mix(in oklab, rgb(var(--seg)) 40%, var(--rail-ground));--seg-route:color-mix(in oklab, rgb(var(--seg)) 65%, var(--rail-ground))}.ft-seg{z-index:1;left:calc(var(--rail-x) - .5px);pointer-events:none;background-color:var(--seg-rest);background-size:1px var(--rail-dash);width:1px;transition:background-color .22s,filter .22s;position:absolute}.ft-seg-top{height:calc(50% - 6px);top:0}.ft-row[data-first=true] .ft-seg-top{top:calc(var(--rail-reach) * -1);height:calc(50% - 6px + var(--rail-reach))}.ft-seg-bottom{top:calc(50% - 6px);bottom:0}.ft-row[data-last=true] .ft-seg-bottom{display:none}.ft-branch{left:calc(var(--rail-x) - 1px);pointer-events:none;width:14px;height:8px;color:var(--seg-rest);transition:color .22s,filter .22s;position:absolute;top:calc(50% - 7px);overflow:visible}.ft-row[data-current-route=true] .ft-seg{background-color:var(--seg-route)}.ft-row:has(~.ft-row [aria-current=page]) .ft-seg{background-color:var(--seg-route)}.ft-row:has([aria-current=page]) .ft-seg-top{background-color:var(--seg-route)}.ft-row:has([aria-current=page]) .ft-branch{color:rgb(var(--seg))}.ft-row:hover .ft-seg-top{background-color:#0000;background-image:linear-gradient(to bottom, rgb(var(--seg)) 0 4px, transparent 4px var(--rail-dash));filter:drop-shadow(0 0 2.5px rgb(var(--seg) / .85));animation:.42s linear infinite ft-flow}.ft-row:has(~.ft-row:hover) .ft-seg{background-color:#0000;background-image:linear-gradient(to bottom, rgb(var(--seg)) 0 4px, transparent 4px var(--rail-dash));filter:drop-shadow(0 0 2.5px rgb(var(--seg) / .85));animation:.42s linear infinite ft-flow}.ft-row:has(~.ft-row a:focus-visible) .ft-seg{background-color:#0000;background-image:linear-gradient(to bottom, rgb(var(--seg)) 0 4px, transparent 4px var(--rail-dash));filter:drop-shadow(0 0 2.5px rgb(var(--seg) / .85));animation:.42s linear infinite ft-flow}.ft-row:has(a:focus-visible) .ft-seg-top{background-color:#0000;background-image:linear-gradient(to bottom, rgb(var(--seg)) 0 4px, transparent 4px var(--rail-dash));filter:drop-shadow(0 0 2.5px rgb(var(--seg) / .85));animation:.42s linear infinite ft-flow}.ft-row:hover .ft-branch{color:rgb(var(--seg));filter:drop-shadow(0 0 2.5px rgb(var(--seg) / .85))}.ft-row:has(a:focus-visible) .ft-branch{color:rgb(var(--seg));filter:drop-shadow(0 0 2.5px rgb(var(--seg) / .85))}.ft-row:hover .ft-branch path{stroke-dasharray:4 2;animation:.42s linear infinite ft-flow-branch}.ft-row:has(a:focus-visible) .ft-branch path{stroke-dasharray:4 2;animation:.42s linear infinite ft-flow-branch}.ft-swatch{transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.ft-row:hover .ft-swatch{transform:scale(1.18)}.ft-row:has(a:focus-visible) .ft-swatch{transform:scale(1.18)}@keyframes ft-flow{to{background-position:0 var(--rail-dash)}}@keyframes ft-flow-branch{to{stroke-dashoffset:-6px}}@media (prefers-reduced-motion:reduce){.ft-row .ft-seg,.ft-row .ft-branch path{animation:none!important}.ft-row:hover .ft-swatch{transform:none}.ft-row:has(a:focus-visible) .ft-swatch{transform:none}}
