.timeline{display:flex;justify-content:center}.timeline .timeline-period{display:grid;grid-template-areas:"marker" "title"}.timeline .timeline-period:first-child .timeline-period__marker .timeline-period__lead{display:none!important}.timeline .timeline-period:last-child .timeline-period__marker .timeline-period__tail{display:none!important}.timeline .timeline-period .timeline-period__marker{position:relative;grid-area:marker;height:16px;width:100%}.timeline .timeline-period .timeline-period__marker .timeline-period__lead{position:absolute;top:50%;left:0;transform:translateY(-50%);height:2px;width:calc(50% - 5px);background-color:rgba(var(--color-foreground),.5)}.timeline .timeline-period .timeline-period__marker .timeline-period__dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:rgba(var(--color-foreground),.5);margin:0 auto;z-index:1;cursor:pointer}.timeline .timeline-period .timeline-period__marker .timeline-period__tail{position:absolute;top:50%;right:0;transform:translateY(-50%);height:2px;width:calc(50% - 5px);background-color:rgba(var(--color-foreground),.5)}.timeline .timeline-period .timeline-period__marker *{transition:background-color 1s ease}.timeline .timeline-period .timeline-period__marker.active .timeline-period__lead{background-color:rgba(var(--color-foreground),1);height:3px}.timeline .timeline-period .timeline-period__marker.active .timeline-period__dot{background-color:rgba(var(--color-foreground),1);outline:1px solid rgba(var(--color-foreground),1);outline-offset:2px}.timeline .timeline-period .timeline-period__marker.active .timeline-period__tail{background-color:rgba(var(--color-foreground),1);height:3px}.timeline .timeline-period .timeline-period__marker.active+.timeline-period__title{text-decoration:underline}.timeline .timeline-period .timeline-period__title{grid-area:title;text-align:center;cursor:pointer}.timeline-content__wrapper{margin:3rem 0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;transition:height .2s ease-in-out}.timeline-content__wrapper .timeline-content{opacity:0;grid-row:1;grid-column:1;transition:opacity .2s ease-in-out;z-index:0}.timeline-content__wrapper .timeline-content.active{opacity:1;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/20/assets/gnk-component-timeline.css.map */