33:T424,

1948 root

1976 kin

2009 now

34:T502,.fx-tl-verge-lineage, .fx-tl-verge-lineage * { box-sizing: border-box; } .fx-tl-verge-lineage { position: relative; width: 274px; padding: 6px 0 6px 18px; font-family: ui-sans-serif, system-ui, sans-serif; } .fx-tl-verge-lineage-gen { position: relative; display: flex; align-items: center; gap: 12px; padding: 9px 0; } .fx-tl-verge-lineage-gen:not(:last-child)::after { content: ""; position: absolute; left: -9px; top: 26px; bottom: -9px; width: 2px; background: linear-gradient(180deg, #4c4a63, rgba(76, 74, 99, 0.15)); } .fx-tl-verge-lineage-era { flex: none; width: 34px; font-family: ui-monospace, "SFMono-Regular", monospace; font-size: 11px; color: #8b87a3; } .fx-tl-verge-lineage-people { display: flex; gap: 7px; } .fx-tl-verge-lineage-head { position: relative; width: 15px; height: 15px; border-radius: 50%; background: linear-gradient(140deg, #c4b5fd, #818cf8); } .fx-tl-verge-lineage-head::after { content: ""; position: absolute; left: -3px; top: 13px; width: 21px; height: 8px; border-radius: 10px 10px 0 0; background: rgba(129, 140, 248, 0.38); } .fx-tl-verge-lineage-label { margin-left: auto; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: #6f6b86; }

Verge Lineage Timeline

Popüler etiketler