.wd-timeline{--wd-timeline-gap: 35px;position:relative;display:flex;flex-direction:column;row-gap:var(--wd-timeline-gap);padding:var(--wd-timeline-gap) 0}.wd-timeline-line{display:flex;justify-content:center}.wd-timeline-line:after{content:'';border-left:var(--wd-timeline-line-width, 2px) var(--wd-timeline-line-style, solid) var(--wd-timeline-line-color, var(--brdcolor-gray-300))}.wd-timeline-dot{position:absolute;left:50%;z-index:2;width:var(--wd-timeline-dot-size, 12px);height:var(--wd-timeline-dot-size, 12px);border-radius:50%;transform:translateX(-50%);background-color:var(--wd-timeline-dot-bg, var(--wd-primary-color))}.wd-timeline-item .wd-timeline-dot{top:calc(var(--wd-timeline-gap) / -1);transform:translate(-50%, -50%)}.wd-timeline-dot.wd-start{top:-5px}.wd-timeline-dot.wd-end{bottom:-5px}.wd-timeline-item{position:relative;margin-top:var(--wd-timeline-gap);display:flex;align-items:center;flex-wrap:wrap;gap:30px}.wd-timeline-breakpoint{align-self:center;position:relative;width:fit-content;padding:10px 25px;border-radius:calc(var(--wd-brd-radius) / 1.5);background-color:var(--wd-primary-color);--wd-row-gap: 10px;display:flex;flex-direction:column;row-gap:var(--wd-row-gap)}:root .wd-timeline-breakpoint>*{margin-bottom:0;min-width:1px}@media (min-width: 769px){.wd-timeline{--wd-timeline-gap: 60px}.wd-timeline-item:is(.wd-layout-col-2,.wd-position-start,.wd-position-end){margin-top:0}.wd-timeline-item:is(.wd-layout-col-2,.wd-position-start,.wd-position-end) .wd-timeline-dot{top:50%}.wd-timeline-item:is(.wd-position-start,.wd-position-end)>*{--wd-width: calc(50% - var(--wd-timeline-gap))}.wd-timeline-item.wd-layout-col-2{gap:calc(var(--wd-timeline-gap) * 2)}.wd-timeline-item.wd-layout-col-2>*{flex:1 0 0}.wd-timeline-item.wd-position-end{justify-content:flex-end}}