.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%)}}
/*# sourceMappingURL=style.css.map */