.timeline-diagram .wrapper{display:flex;justify-content:space-between;align-items:start;position:relative}.timeline-diagram .phase{display:flex;flex-direction:column;width:150px}.timeline-diagram .phase.status-done svg *{fill:#000;stroke:#000}.timeline-diagram .phase.status-done title{color:#000}.timeline-diagram .phase.status-active svg *{fill:red;stroke:red}.timeline-diagram .phase.status-active title{color:red}.timeline-diagram .phase.status-pending svg *{fill:lime;stroke:lime}.timeline-diagram .phase.status-pending title{color:lime}.timeline-diagram .graphic{width:100px;height:100px;min-width:100px}.timeline-diagram .graphic.desktop{text-align:center;margin-bottom:20px;width:100%}.timeline-diagram .graphic.desktop img,.timeline-diagram .graphic.desktop svg{height:100%;width:auto;max-width:100%}.timeline-diagram .graphic.mobile{text-align:left;margin:0}.timeline-diagram .graphic.mobile img,.timeline-diagram .graphic.mobile svg{width:100%;height:auto;max-height:100%}.timeline-diagram .title{text-align:center;font-size:1.6rem;line-height:1.2;margin:10px 0}.timeline-diagram .connection-point{position:relative;width:100%;height:20px;text-align:center}.timeline-diagram .connection-point .icon{display:inline-block;text-align:center;width:20px;height:20px;margin:0 auto}.timeline-diagram .connection-point .icon img,.timeline-diagram .connection-point .icon svg{width:auto;height:100%;max-width:100%}.timeline-diagram .connection-point .line.horizontal{border-bottom:2px dashed #000;position:absolute;bottom:9px;left:50%}.timeline-diagram .connection-point .line.vertical{border-left:2px dashed #000;position:absolute;right:9px;top:50%}.timeline-diagram .hide-on-mobile{display:block}.timeline-diagram .hide-on-desktop{display:none}
/*# sourceMappingURL=timeline-diagram.min.css.map */