.phase-timeline{margin-bottom:180px}.phase-timeline .phases{display:flex;flex-flow:row wrap;justify-content:center}.phase-timeline .phase{display:flex;flex-flow:column nowrap;align-items:center;position:relative;margin:22px}.phase-timeline .phase .phase-index{color:var(--color-text-hyperlink);font-size:.875rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:18px}.phase-timeline .phase .phase-wrapper{position:relative;width:56px;height:56px;background-color:var(--color-phase);border-radius:50%;cursor:pointer;transition:background-color .6s ease}.phase-timeline .phase .phase-wrapper.untouched{animation-name:bounce;animation-duration:1.2s;animation-timing-function:ease;animation-iteration-count:infinite}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes unbounce{0%{transform:translate(2px);border-left:18px solid var(--color-phase)}50%{transform:translate(-2px,6px);border-left:18px solid var(--color-secondary-default)}to{transform:translate(2px);border-left:18px solid var(--color-phase)}}.phase-timeline .phase:not(:last-of-type) .phase-wrapper:after{content:"";position:absolute;width:0;height:0;top:18px;right:-42px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:18px solid var(--color-phase);transition:border .6s ease}.phase-timeline .phase .phase-wrapper.untouched:after{animation-name:unbounce;animation-duration:1.2s;animation-timing-function:ease;animation-iteration-count:infinite}@keyframes phaseAcross{0%{transform:translateX(2px);border-left:18px solid var(--color-phase)}50%{transform:translateX(-2px);border-left:18px solid var(--color-secondary-default)}to{transform:translateX(2px);border-left:18px solid var(--color-phase)}}.phase-timeline .phase .phase-wrapper:not(.untouched):after{animation-name:phaseAcross;animation-duration:1.2s;animation-timing-function:ease;animation-iteration-count:infinite;animation-delay:calc(var(--animation-order)*0.15s)}.phase-timeline .phase.active .phase-wrapper{background-color:var(--color-tab-active)}.phase-timeline .phase .phase-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;padding:8px;object-fit:contain;filter:var(--filter-ffffff)}.phase-timeline .phase .tooltip{position:absolute;top:calc(100% + 12px);left:calc(50% - 90px);width:180px;display:none;flex-flow:column nowrap;align-items:center;justify-content:center;text-align:center;font-size:.875rem;padding:8px 15px;background-color:var(--color-background-section-alternate);z-index:1}.phase-timeline .phase.active .tooltip{display:flex}.phase-timeline .phase .tooltip:before{content:"";position:absolute;top:-12px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid var(--color-background-section-alternate)}.phase-timeline .phase .tooltip .title{font-weight:700}.phase-timeline .phases:after{content:""}@media screen and (max-width:767px){.phase-timeline{margin-bottom:40px}.phase-timeline .phases:after{content:"flickity";display:none}.phase-timeline .phase{width:100%;background-color:var(--color-background-section-alternate);padding:20px 0}.phase-timeline .phase .phase-wrapper{background-color:var(--color-tab-active)}.phase-timeline .phase .phase-wrapper.untouched{animation-name:none}.phase-timeline .phase:not(:last-of-type) .phase-wrapper:after{display:none}.phase-timeline .flickity-viewport{width:100%}.phase-timeline .flickity-prev-next-button{background:none}.phase-timeline .flickity-page-dots .dot{background:var(--color-text-hyperlink)}.phase-timeline .flickity-button{color:var(--color-text-hyperlink)}.phase-timeline .phase .tooltip{display:flex;position:relative;left:unset;margin-top:12px;background-color:transparent}.phase-timeline .phase .tooltip:before{display:none}}