[data-color-profile]{--timeline-primary-color:var(--color-profile);--timeline-primary-dark-color:var(--color-profile-d25);--timeline-future-color:color-mix(in srgb, var(--color-profile) 50%, var(--color-global-white));--timeline-accent-color:var(--accent-color,var(--color-support));--timeline-white-color:var(--color-global-white);--timeline-black-color:var(--text-body-body-primary);--timeline-item-background:var(--surface-surface-secondary);--timeline-item-background-hover:color-mix(in srgb, var(--surface-surface-secondary) 95%, #000);--timeline-popover-background:var(--surface-surface-secondary);--timeline-popover-text-color:var(--text-body-body-primary);--timeline-popover-border-radius:4px;--timeline-popover-shadow:drop-shadow(0 4px 4px #00000040);--timeline-marker-size-mobile:40px;--timeline-marker-size-desktop:48px;--timeline-marker-border-radius:48px;--timeline-marker-icon-fill:var(--color-global-white);--timeline-line-width:4px;--timeline-line-color:var(--color-profile);--timeline-line-future-color:color-mix(in srgb, var(--color-profile) 50%, var(--color-global-white));--timeline-heading-text-align:left}@keyframes timeline-marker{0%{opacity:0}to{opacity:1}}@keyframes timeline-appear{0%{-webkit-clip-path:var(--_clip-from);clip-path:var(--_clip-from)}to{-webkit-clip-path:var(--_clip-to);clip-path:var(--_clip-to)}}.timeline{width:100%;overflow-x:hidden}.timeline__heading{font:var(--font-banner-title);margin-block:0 32px}@media screen and (width>=64rem){.timeline__heading{font:var(--font-h2);text-align:var(--timeline-heading-text-align);margin-bottom:64px}}.timeline__items{--_marker-size:var(--timeline-marker-size-mobile);flex-direction:column;margin:0;padding:0;display:flex}@media screen and (width>=64rem){.timeline__items{--_marker-size:var(--timeline-marker-size-desktop);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid;position:relative}}.timeline__item{--_color:var(--timeline-primary-color);--_item-padding:12px;box-sizing:border-box;padding:var(--_item-padding);color:var(--_color);grid-template-columns:auto 1fr;grid-template-areas:"marker title""marker date";column-gap:16px;padding-top:30px;padding-bottom:40px;display:grid;position:relative}@media screen and (width>=64rem){.timeline__item{text-align:center;flex-direction:column;justify-content:space-between;justify-self:center;align-items:center;gap:0;width:clamp(140px,160px,100%);padding-bottom:12px;display:flex}}.timeline__item.timeline__item--current .timeline__item-title:before{border:8px solid #0000;border-right:0;border-left:12px solid var(--timeline-accent-color);content:"";height:0;margin-right:8px;display:inline-block;bottom:100%}.timeline__item.timeline__item--future{--_color:var(--timeline-future-color)}.timeline__item:has(button.timeline__item-title){--_item-background:var(--timeline-item-background)}.timeline__item:has(button.timeline__item-title):hover{--_item-background:var(--timeline-item-background-hover)}:is(.timeline__item:has(button.timeline__item-title) .timeline__item-title,.timeline__item:has(button.timeline__item-title) .timeline__item-subtitle){background-color:var(--_item-background);outline:8px solid var(--_item-background);padding-inline:8px;transition:background-color .25s,outline .25s}.timeline__item:has(button.timeline__item-title) .timeline__item-title:before{transform:translate(8px,48px)}@media screen and (width>=64rem){.timeline__item:has(button.timeline__item-title){background-color:var(--_item-background);transition:background-color .25s}}.timeline__item:before,.timeline__item:after{--_line-offset:calc(var(--_marker-size) / 2 - 2px + var(--_item-padding));width:var(--timeline-line-width);background:var(--_color);content:"";height:100%;translate:var(--_line-offset) calc(-80% + var(--_item-padding) * 2);position:absolute}@media screen and (width>=64rem){.timeline__item:before,.timeline__item:after{bottom:var(--_line-offset);width:var(--line-width,0);height:var(--timeline-line-width);translate:-50%}}.timeline__item:before{--_color:var(--timeline-line-future-color)}.timeline__item:first-child:before,.timeline__item:first-child:after{display:none}.timeline__item-info-icon{top:30%;right:var(--_item-padding);width:16px;height:16px;fill:var(--timeline-primary-color);position:absolute}@media screen and (width>=64rem){.timeline__item-info-icon{top:var(--_item-padding)}}.timeline__item-title{all:unset;min-height:48px;color:var(--text-body-body-primary);grid-area:title;align-items:center;margin-bottom:8px;font-size:1.25rem;font-weight:700}button.timeline__item-title:before{z-index:3;content:"";cursor:pointer;position:absolute;inset:0}.timeline__item-subtitle{grid-area:date;align-items:center;min-height:40px;display:flex}.timeline__item-text strong,.timeline__item-text small{color:var(--timeline-primary-dark-color)}.timeline__item-text small{opacity:.7;margin-bottom:2px;display:inline-block}.timeline__item-text:popover-open{all:unset;border-radius:var(--timeline-popover-border-radius);background-color:var(--timeline-popover-background);width:clamp(140px,300px,50%);color:var(--timeline-popover-text-color);filter:var(--timeline-popover-shadow);text-align:center;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex;position:relative;transform:translateY(-120%)}@supports (bottom:anchor(top)){.timeline__item-text:popover-open{bottom:calc(anchor(top) + 16px);left:anchor(center);position:fixed;transform:translate(-50%)}}@media screen and (width>=64rem){.timeline__item-text:popover-open{width:clamp(140px,350px,20vw)}}.timeline__item-text:popover-open:after{z-index:-1;background-color:var(--timeline-popover-background);content:"";width:16px;height:16px;display:block;position:absolute;bottom:0;left:50%;transform:translate(-8px,8px)rotate(45deg)}.timeline__popover-close{all:unset;cursor:pointer;position:absolute;top:8px;right:8px}.timeline__popover-close svg{width:12px;height:12px;fill:var(--timeline-primary-color)}@media screen{.timeline[is=animated-timeline][data-animate] .timeline__item:not(.timeline__item--future) .timeline__marker{animation:.2s ease-out forwards timeline-marker;animation-delay:var(--delay,0s);opacity:0}}.timeline[is=animated-timeline][data-animate] .timeline__item:not(.timeline__item--future):after{--_clip-from:polygon(0 0, 0 0, 100% 0, 100% 0);--_clip-to:polygon(0 0, 100% 0, 100% 100%, 0 100%)}@media screen and (width>=64rem){.timeline[is=animated-timeline][data-animate] .timeline__item:not(.timeline__item--future):after{--_clip-from:polygon(0 0, 0 0, 0 100%, 0 100%);--_clip-to:polygon(0 0, 100% 0, 100% 100%, 0 100%)}}@media screen{.timeline[is=animated-timeline][data-animate] .timeline__item:not(.timeline__item--future):after{animation:1s linear forwards timeline-appear;animation-delay:calc(var(--delay,0s) - 1s);-webkit-clip-path:var(--_clip-from);clip-path:var(--_clip-from)}}.timeline__marker{z-index:2;width:var(--_marker-size);height:var(--_marker-size);border-radius:var(--timeline-marker-border-radius);background:var(--_color);grid-area:marker;justify-content:center;align-items:center;margin-top:6px;display:flex;position:relative}@media screen and (width>=64rem){.timeline__marker{margin-top:20px}}.timeline__marker svg,.timeline__marker svg-icon{width:20px;height:20px;fill:var(--timeline-marker-icon-fill)}
