.timeline-container{height:calc(100vh - 230px);overflow-x:scroll;margin-left:calc(var(--bs-gutter-x)/-2)}.timeline-container .timeline{width:-moz-max-content;width:max-content;position:relative;margin-left:calc(var(--bs-gutter-x)/2)}.timeline-container .timeline .timeline-line{height:52px;border-radius:6px;box-sizing:border-box;padding:15px 10px;background:#f7f8ff;margin:2px 0 0;box-shadow:0 0 2px 1px #cacaca}.timeline-container .timeline .timeline-line .timeline-start-date{position:sticky;left:432px;margin-right:136px;color:var(--gray-dark);background:#f7f8ff;z-index:1;font-weight:500;float:left}.timeline-container .timeline .timeline-line .timeline-end-date{position:sticky;right:10px;color:var(--gray-dark);font-weight:500;float:right}.timeline-container .timeline .timeline-line .timeline-color{position:sticky;left:424px;width:10px;height:10px;border-radius:50%;margin:-10px}.timeline-container .timeline .timeline-head{display:flex;padding-bottom:1em;position:sticky;top:0;background:#fff;z-index:10}.timeline-container .timeline .timeline-head .timeline-month{width:240px;border-left:1px solid var(--gray);padding-left:10px}.timeline-container .timeline .timeline-head .timeline-month.year:before{content:"";width:1px;height:100%;border-left:4px solid #713ae8;position:absolute;margin-left:-13px;border-radius:6px}.timeline-container .timeline .timeline-item{display:flex;gap:0;margin-bottom:.5em;padding-bottom:4px}.timeline-container .timeline .timeline-title{width:420px;z-index:10;position:sticky;left:0;background:rgb(255 255 255/86%);padding-left:calc(var(--bs-gutter-x)/2);margin-bottom:-4px}.timeline-container .timeline .timeline-name{font-size:1.2em;font-weight:500;margin-left:4px}.dragscroll{cursor:all-scroll}