.timeline{background-color:#fff9;border-radius:12px;padding:12px;overflow:hidden}.timeline__jobs{margin-bottom:10px}.timeline__jobs div{cursor:pointer;color:#000;width:calc(100% / var(--tot-years) * var(--unit-width));margin-left:calc(100% / var(--tot-years) * var(--unit-margin-left));background-color:#ff1493;border:1px solid #fff;border-radius:5px;padding:4px 8px;transition:all .5s;overflow:hidden}.timeline__jobs div.--active{color:#ff1493;background-color:#fff;border:1px solid #ff1493}.timeline__years{display:flex}.timeline__years div{text-align:center;color:#000;background-color:#ff1493;flex-grow:1;flex-basis:0;font-size:10px;position:relative}.timeline__years div:nth-child(2n){color:#fff;background-color:#000}.timeline__years div:nth-child(2n):after{border-color:#0000 #0000 #0000 #000}.timeline__years div:after{content:"";z-index:1;border:6px solid #0000;border-left-color:#ff1493;border-right-width:0;width:0;height:0;display:block;position:absolute;top:0;right:-6px}.timeline__years div:last-child:after{content:none}.timeline__descriptions{margin-top:10px}.timeline__descriptions>div{color:#000;display:none}.timeline__descriptions>div.--active{display:block}.timeline__descriptions>div :last-child{margin-bottom:0}.timeline__descriptions>div a{color:#000;text-decoration:underline}.timeline__descriptions>div ul{margin-top:0}.timeline__descriptions>div p{white-space:pre-line}