.timeline-kNbZVa7x{display:flex;flex-direction:column;--ui-lib-timeline-items-gap-impl:var(--ui-lib-timeline-items-gap,24px);--ui-lib-timeline-dot-half-size:calc(var(--ui-lib-timeline-dot-size)/2)}.small-kNbZVa7x{--ui-lib-timeline-dot-size:10px;--ui-lib-timeline-padding:var(--ui-lib-timeline-dot-content-gap,8px)}.middle-kNbZVa7x{--ui-lib-timeline-dot-size:12px;--ui-lib-timeline-padding:var(--ui-lib-timeline-dot-content-gap,12px)}.timelineItem-kNbZVa7x{display:flex;flex-direction:column;position:relative}.content-kNbZVa7x{padding-left:calc(var(--ui-lib-timeline-dot-size) + var(--ui-lib-timeline-padding));position:relative}.dotOffsetByCssVariable-kNbZVa7x{--ui-lib-timeline-item-dot-offset-impl:calc(var(--ui-lib-timeline-item-dot-offset, 0px) - var(--ui-lib-timeline-dot-half-size))}.dotOffsetByFirstContentItemCenter-kNbZVa7x{--ui-lib-timeline-item-dot-offset-impl:calc(50% - var(--ui-lib-timeline-dot-half-size))}.dotOffsetByLiteral-kNbZVa7x{--ui-lib-timeline-item-dot-offset-impl:calc(1px*var(--ui-lib-timeline-dot-offset-literal) - var(--ui-lib-timeline-dot-half-size))}.content-kNbZVa7x:first-child:before{background-color:var(--color-container-fill-primary-neutral-normal);border-radius:50%;content:" ";height:var(--ui-lib-timeline-dot-size);left:0;position:absolute;top:var(--ui-lib-timeline-item-dot-offset-impl);width:var(--ui-lib-timeline-dot-size)}.timelineItem-kNbZVa7x:not(:first-child):before{content:" ";height:var(--ui-lib-timeline-items-gap-impl)}.connectBoth-kNbZVa7x:not(:first-child):after,.connectUp-kNbZVa7x:not(:first-child):after{background-color:var(--color-container-fill-primary-neutral-normal);content:" ";height:var(--ui-lib-timeline-items-gap-impl);left:calc(var(--ui-lib-timeline-dot-size)/2 - 1px);position:absolute;top:0;width:2px}.timelineItem-kNbZVa7x:not(.connectNone-kNbZVa7x) .content-kNbZVa7x:after{background-color:var(--color-container-fill-primary-neutral-normal);content:" ";height:calc(var(--ui-lib-timeline-line-bottom) - var(--ui-lib-timeline-line-top));left:calc(var(--ui-lib-timeline-dot-size)/2 - 1px);position:absolute;top:var(--ui-lib-timeline-line-top);width:2px}.connectUp-kNbZVa7x .content-kNbZVa7x:first-child:after{--ui-lib-timeline-line-top:0px;--ui-lib-timeline-line-bottom:var(--ui-lib-timeline-item-dot-offset-impl)}.connectDown-kNbZVa7x .content-kNbZVa7x:first-child:after{--ui-lib-timeline-line-top:var(--ui-lib-timeline-item-dot-offset-impl);--ui-lib-timeline-line-bottom:100%}.connectBoth-kNbZVa7x .content-kNbZVa7x:first-child:after{--ui-lib-timeline-line-top:0px;--ui-lib-timeline-line-bottom:100%}.connectUp-kNbZVa7x .content-kNbZVa7x:not(:first-child):after{display:none}.connectBoth-kNbZVa7x .content-kNbZVa7x:not(:first-child):after,.connectDown-kNbZVa7x .content-kNbZVa7x:not(:first-child):after{--ui-lib-timeline-line-top:0px;--ui-lib-timeline-line-bottom:100%}.timelineItem-kNbZVa7x:first-child{--ui-lib-timeline-fade-offset:0px}.timelineItem-kNbZVa7x:not(:first-child){--ui-lib-timeline-fade-offset:var(--ui-lib-timeline-items-gap-impl)}.fadeUp-kNbZVa7x{-webkit-mask:linear-gradient(to bottom,#0000 var(--ui-lib-timeline-fade-offset),#fff calc(var(--ui-lib-timeline-fade-offset) + 100% - var(--ui-lib-timeline-fade-offset)));mask:linear-gradient(to bottom,#0000 var(--ui-lib-timeline-fade-offset),#fff calc(var(--ui-lib-timeline-fade-offset) + 100% - var(--ui-lib-timeline-fade-offset)))}.fadeDown-kNbZVa7x{-webkit-mask:linear-gradient(to top,#0000 0,#fff calc(100% - var(--ui-lib-timeline-fade-offset)));mask:linear-gradient(to top,#0000 0,#fff calc(100% - var(--ui-lib-timeline-fade-offset)))}.fadeBoth-kNbZVa7x{--ui-lib-timeline-fade-length:calc((100% - var(--ui-lib-timeline-fade-offset))/2);-webkit-mask:linear-gradient(to bottom,#0000 var(--ui-lib-timeline-fade-offset),#fff calc(var(--ui-lib-timeline-fade-offset) + var(--ui-lib-timeline-fade-length)),#fff calc(100% - var(--ui-lib-timeline-fade-length)),#0000 100%);mask:linear-gradient(to bottom,#0000 var(--ui-lib-timeline-fade-offset),#fff calc(var(--ui-lib-timeline-fade-offset) + var(--ui-lib-timeline-fade-length)),#fff calc(100% - var(--ui-lib-timeline-fade-length)),#0000 100%)}