table.timeline, table.timeline tbody {
display: block;
}
table.timeline tr {
position: relative;
margin-right: 8px;
padding: var( --space-xs ) var( --space-xs ) var( --space-xs ) 20px;
display: flex;
flex-direction: column;
border-top-right-radius: var( --border-radius--small );
border-bottom-right-radius: var( --border-radius--small );
}
table.timeline tr:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: block;
width: 1px;
background-color: var( --border-color-base--darker );
}
table.timeline tr td:first-child {
font-size: 1rem;
font-weight: var( --font-weight-semibold );
color: var( --color-base--emphasized );
}
table.timeline tr td:first-child:before {
content: "";
width: 12px;
height: 2px;
display: block;
background-color: var( --color-base--subtle );
border-radius: 100%;
position: absolute;
right: 0px;
margin-top: 10px;
}
table.timeline tr td {
padding: 0;
padding-right: 8px;
}
table.timeline tr + tr {
border-top: 0;
}