.timeline{display:flex;width:100%;position:relative;flex-direction:column;box-sizing:border-box;align-items:flex-start;}@media screen and (min-width: 500px){.timeline{padding:0;}}@media screen and (min-width: 1100px){.timeline{flex-direction:row;align-items:stretch;}}.timeline::before{content:"";position:absolute;width:30px;height:100%;z-index:10;left:0;top:0;border-radius:15px;background:var(--color-apti-orange);background:linear-gradient(to bottom,#ff9d27 0%,#ff9d27 60%,#ff00a4 90%);}@media screen and (min-width: 500px){.timeline::before{left:50%;transform:translateX(-50%);}}@media screen and (min-width: 1100px){.timeline::before{height:30px;width:100%;top:50%;left:0;transform:translateY(-50%);background:linear-gradient(to right,#ff9d27 0%,#ff9d27 70%,#ff00a4 90%);}}.timeline .gap{list-style-type:none;}@media screen and (min-width: 1100px){.timeline .gap-12{width:12%;}}@media screen and (min-width: 1100px){.timeline .gap-7{width:7%;}}@media screen and (min-width: 1100px){.timeline .gap-3{width:3%;}}@media screen and (min-width: 1100px){.timeline .gap-2{width:2%;}}.timeline .event{list-style-type:none;position:relative;width:100%;display:grid;padding:0 15px;margin:30px 0 0;flex:0 1 auto;font-size:14px;--event-color:var(--color-apti-orange);transition:transform .3s;}.timeline .event.unloaded{transform:scaleX(0);transform-origin:left;}@media screen and (min-width: 500px){.timeline .event.unloaded{transform-origin:center;}}@media screen and (min-width: 1100px){.timeline .event.unloaded{transform:scaleY(0);}}.timeline .event.transition{transform:scaleX(1);transform-origin:left;}@media screen and (min-width: 500px){.timeline .event.transition{transform-origin:center;}}@media screen and (min-width: 1100px){.timeline .event.transition{transform:scaleY(1);}}@media screen and (min-width: 500px){.timeline .event{min-height:100px;padding:0;grid-template-areas:"year center content";grid-template-columns:1fr 80px 1fr;}}@media screen and (min-width: 1100px){.timeline .event{min-height:0;width:auto;grid-template-rows:1fr 80px 1fr;grid-template-columns:auto;max-width:18%;padding:0;margin:0;text-align:center;grid-template-areas:"year" "center" "content";}}.timeline .event.second-last{--event-color:#fe5f58;}.timeline .event.last{margin-bottom:0;--event-color:#ff00a4;}.timeline .event.last::before{right:100%;}@media screen and (min-width: 500px){.timeline .event.down{grid-template-areas:"content center year";}}@media screen and (min-width: 1100px){.timeline .event.down{grid-template-rows:1fr 80px 1fr;grid-template-areas:"content" "center" "year";}}@media screen and (min-width: 500px){.timeline .event.down .event-content::before{border-top:30px solid transparent;border-right:30px solid var(--event-color);border-bottom:30px solid transparent;border-left:0;right:50%;left:unset;}}@media screen and (min-width: 1100px){.timeline .event.down .event-content{align-self:flex-end;align-content:flex-end;}.timeline .event.down .event-content::before{top:unset;bottom:50%;left:50%;right:unset;transform:translateX(-50%);border-top:0;border-bottom:30px solid var(--event-color);border-left:30px solid transparent;border-right:30px solid transparent;}}@media screen and (min-width: 500px){.timeline .event.down .event-title::before{right:unset;left:50%;}}@media screen and (min-width: 1100px){.timeline .event.down .event-title::before{top:50%;bottom:unset;}}@media screen and (min-width: 500px){.timeline .event.down .event-date{left:unset;right:50%;transform:translate(50%,-50%);}}@media screen and (min-width: 1100px){.timeline .event.down .event-date{top:unset;bottom:0;left:50%;transform:translateX(-50%);}.timeline .event.down .event-date::before{top:unset;bottom:100%;}}.timeline .event-content{background:var(--color-content-bg);align-content:center;padding:0 20px;}@media screen and (min-width: 500px){.timeline .event-content{grid-area:content;}}@media screen and (min-width: 1100px){.timeline .event-content{align-content:flex-start;}}.timeline .event-content::before{content:"";position:absolute;}@media screen and (min-width: 500px){.timeline .event-content::before{border-top:30px solid transparent;border-left:30px solid var(--event-color);border-bottom:30px solid transparent;left:50%;top:50%;transform:translateY(-50%);}}@media screen and (min-width: 1100px){.timeline .event-content::before{border-right:30px solid transparent;border-top:30px solid var(--event-color);border-left:30px solid transparent;top:50%;left:50%;transform:translateX(-50%);}}.timeline .event-title{font-size:16px;font-weight:bold;position:relative;}@media screen and (min-width: 500px){.timeline .event-title{position:static;}}.timeline .event-title::before{content:"";right:100%;width:15px;height:2px;position:absolute;top:50%;transform:translateY(-50%);background:var(--event-color);margin-right:1ex;}@media screen and (min-width: 500px){.timeline .event-title::before{width:20vw;right:50%;}}@media screen and (min-width: 1100px){.timeline .event-title::before{width:2px;height:50%;left:50%;right:unset;transform:translateX(-50%);bottom:50%;top:unset;}}.timeline .event-date{grid-area:year;font-weight:bold;}@media screen and (min-width: 500px){.timeline .event-date{border-radius:100%;z-index:5;font-size:16px;text-align:center;color:var(--color-apti-black);background:var(--color-apti-white);border:7px solid var(--event-color);position:absolute;line-height:80px;left:50%;top:50%;transform:translate(-50%,-50%);height:80px;width:80px;}}@media screen and (min-width: 1100px){.timeline .event-date{top:0;left:50%;transform:translate(-50%);}}