.timeline-span-data {
    position: relative;
    width: 100%;
    display: flex;
    border-top: 1px solid $gray-9;
    border-bottom: 1px solid $gray-9;
    background: $gray-8;
}

.timeline-span-data__left-container {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid $gray-8;
    box-sizing: border-box;
}

.timeline-span-data__depth-marker {
    position: absolute;
    margin: 0 8px;
    width: 3px;
    height: 99%;
    border-radius: 1px;
}

.timeline-span-data__right-container {
    position: relative;
}

.timeline-span-data__content {
    padding: 10px;
}

.timeline-span-data__title {
    font-size: 26px;
    font-weight: bold;
    border-bottom: 3px solid;
    margin-bottom: 10px;
}

// .timeline-span-data__aka-badges {
//   display: flex;
//   align-items: center;
//   padding: 3px;
// }

// .timeline-span-data__aka-badge {
//   font-size: 12px;
//   margin: 1px 3px;
// }