:root{--timeline-profile-image-size: 26px;--timeline-start-dot-size: 14px;--timeline-end-width: 4px;--timeline-bar-thickness: 12px;--timeline-bar-bottom: 12px;--timeline-label-gap: 6px}.timeline{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.timeline-scroll{height:100%;overflow:auto}.timeline-track{position:relative}.timeline-lanes{position:relative;width:100%}.timeline-lanes-inner{position:absolute;left:0;right:0}.timeline-gridline{position:absolute;top:0;bottom:0;width:1px;background-color:var(--color-neutral-l3)}.timeline-item{position:absolute;overflow:visible;padding:0;border:none;background:none;text-align:left;cursor:default}.timeline-item-labels{position:absolute;left:0;right:0;bottom:calc(var(--timeline-bar-bottom) + var(--timeline-bar-thickness) + var(--timeline-label-gap));display:flex;flex-direction:column;align-items:flex-start}.timeline-item-clickable{cursor:pointer}.timeline-item-ended{min-width:calc((var(--timeline-start-dot-size) + var(--timeline-end-width)) / 2)}.timeline-item-ended.timeline-item-image{min-width:calc((var(--timeline-profile-image-size) + var(--timeline-end-width)) / 2)}.timeline-item-label{position:sticky;left:0px;align-self:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-neutral-l1);font-size:14px;line-height:1.25;letter-spacing:0.1px;padding:0 calc(var(--timeline-profile-image-size) / 2);border-radius:6px}.timeline-item-sublabel{position:sticky;left:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-neutral-l2);font-size:12.5px;line-height:1.25;letter-spacing:0.05px;padding:0 calc(var(--timeline-profile-image-size) / 2);border-radius:6px}.timeline-item-bar{position:absolute;left:0;right:0;bottom:var(--timeline-bar-bottom);width:100%;height:var(--timeline-bar-thickness)}.timeline-item-line{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px}.timeline-item-ended .timeline-item-line{border-radius:10px 0 0 10px}.timeline-item-start{position:absolute;top:50%;left:0;width:var(--timeline-start-dot-size);height:var(--timeline-start-dot-size);border-radius:50%;box-shadow:0 0 0 2px var(--accent-color-surface-l1);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.timeline-item-start-image{width:var(--timeline-profile-image-size);height:var(--timeline-profile-image-size);box-shadow:0 0 0 2px var(--accent-color-surface-l1)}.timeline-item-start-image img{width:var(--timeline-profile-image-size);height:var(--timeline-profile-image-size);border-radius:50%;object-fit:cover;display:block}.timeline-item-end{position:absolute;top:50%;right:0;width:var(--timeline-end-width);height:20px;border-radius:2px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.timeline-axis{position:sticky;bottom:0;box-sizing:border-box;display:flex;flex-direction:row;border-top:1px solid var(--color-neutral-l3)}.timeline-axis-year{position:relative;flex:none;height:100%}.timeline-axis-year-label{position:absolute;bottom:5px;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:var(--color-neutral-l2);font-size:11px;letter-spacing:0.2px;white-space:nowrap}.timeline-axis-month{position:absolute;bottom:5px;text-align:center;color:var(--color-neutral-l2);font-size:10px;letter-spacing:0.2px;white-space:nowrap}.timeline-empty{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.timeline-empty-txt{color:var(--color-neutral-l2);font-size:14px;letter-spacing:0.3px}