.timeline__header{align-items:center;display:flex;flex-direction:column;margin-bottom:0}.timeline__header h2{margin-bottom:var(--space-2xs);text-align:center}.timeline__header p{font-size:var(--step-1);margin-bottom:0;text-align:center}.timeline__container{align-items:center;justify-content:center}.timeline__cards,.timeline__container{display:flex;flex-direction:column;gap:var(--space-xs)}.timeline__cards{box-sizing:border-box;height:fit-content;padding-left:var(--space-xl);position:relative;width:100%}.timeline-card__description-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease-out}.timeline-card--active .timeline-card__description-wrapper{grid-template-rows:1fr}.timeline-card__content:has(~.timeline-card__image) .timeline-card__description-wrapper{transition:grid-template-rows .5s ease-out .5s}.timeline-card__image{display:grid;grid-template-rows:0fr;order:2;transition:grid-template-rows .5s ease-out;width:100%}.timeline-card img{aspect-ratio:2;height:auto;object-fit:cover;overflow:hidden;width:100%}.timeline-card--active .timeline-card__image{grid-template-rows:1fr}.timeline__cards:after{background-color:var(--color-gray-gray5);content:"";display:block;height:100%;left:var(--space-2xs);position:absolute;top:0;width:1px}.timeline-card{align-items:stretch;border:1px solid var(--color-gray-gray4);border-radius:var(--space-xs);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:100%;overflow:hidden}.timeline-card:after{background-color:var(--color-primary-background);border-radius:var(--border-radius-circle);content:"";display:block;height:16px;left:var(--space-2xs);position:absolute;transform:translate(-50%);transition:width .35s,height .35s;width:16px;z-index:var(--z-index-5)}.timeline-card__heading{color:var(--color-black);font-size:var(--step-1);margin-bottom:var(--space-2xs)}.timeline-card__description{color:var(--color-black);font-size:var(--step-0);margin-bottom:0;opacity:0;overflow:hidden;transition:opacity .5s ease-out}.timeline-card__description a{color:var(--color-link-default);text-decoration:none}.timeline-card__description a:active,.timeline-card__description a:hover,.timeline-card__description a:visited{text-decoration:underline}.timeline-card__description a:visited{color:var(--color-link-visited)}.timeline-card__description a:hover{color:var(--color-link-hover)}@media screen and (width>=768px){.timeline-card{flex-direction:row;justify-content:flex-end;overflow:visible;position:relative}.timeline-card:after{height:var(--space-s);left:calc(var(--space-xl)*-1);top:50%;transform:translateY(-50%);width:var(--space-s)}.timeline-card__image{display:flex;opacity:0;order:-1;width:0}}.timeline-card__step-indicator{display:flex;justify-content:space-between;margin-bottom:var(--space-2xs)}.timeline-card__step-indicator span{color:var(--color-primary-default);font-size:var(--step-0)}.timeline-card__step-indicator .timeline-card__toggle-button{align-items:center;display:flex;height:16px;position:relative;transition:transform .35s;width:16px}.timeline-card__step-indicator .timeline-card__toggle-button:after,.timeline-card__step-indicator .timeline-card__toggle-button:before{align-items:center;background-color:var(--color-gray-default);border-radius:var(--space-xs);content:"";display:block;height:2px;position:absolute;transition:background-color .35s;width:100%}.timeline-card__step-indicator .timeline-card__toggle-button:after{transform:rotate(90deg)}.timeline-card--active .timeline-card__step-indicator div{transform:rotate(45deg)}@media screen and (width>=768px){.timeline-card:hover .timeline-card__toggle-button:after,.timeline-card:hover .timeline-card__toggle-button:before{background-color:var(--color-gray-hover)}.timeline-card__step-indicator .timeline-card__toggle-button{height:24px;width:24px}.timeline-card img{border-bottom-left-radius:var(--space-xs);border-top-left-radius:var(--space-xs)}.timeline-card--inactive .timeline-card__image{animation:contract .5s ease-in forwards}.timeline-card--active .timeline-card__image{animation:expand .5s ease-out forwards;grid-template-rows:1fr}.timeline-card--active:has(>.timeline-card__image) .timeline-card__content{width:50%}}.timeline-card--active .timeline-card__description{opacity:1}.timeline-card--active.timeline-card:after{background-color:var(--color-primary-default)}.timeline-card__content{margin-bottom:auto;padding:var(--space-2xs);transition:width .5s ease-out;width:100%}.timeline--left .timeline__cards,.timeline--left .timeline__header,.timeline--top .timeline__cards,.timeline--top .timeline__header{grid-column:span 6}@media screen and (width>=768px){.timeline-card__content{width:100%}.timeline--top .timeline__cards,.timeline--top .timeline__header{grid-column:2/12}.timeline--top h2{text-align:center}.timeline--left .timeline__header{grid-column:span 4}.timeline--left .timeline__cards{grid-column:span 8}.timeline--left .timeline__header h2,.timeline--left .timeline__header p{text-align:left;width:100%}}@keyframes expand{0%{opacity:0;width:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1;width:50%}}@keyframes contract{0%{opacity:1;width:50%}25%{opacity:.75}50%{opacity:.5}75%{opacity:.25}to{opacity:0;width:0}}