:host(ec-phase-timeline){--ec-phase-timeline-marker-size:2rem;--ec-phase-timeline-gutter:var(--space-rem-xs,.75rem);--ec-phase-timeline-phase-space:var(--space-rem-xs,.75rem);--ec-phase-timeline-line-width:2px;--ec-phase-timeline-line-color:var(--color-border-default,rgba(0,0,0,.15));--ec-phase-timeline-marker-background:var(--color-primary);--ec-phase-timeline-marker-color:var(--color-primary-contrast,#fff);--ec-phase-timeline-duration-background:color-mix(in srgb, var(--color-primary) 12%, transparent);--ec-phase-timeline-duration-color:var(--color-text,#3f3f3e);--ec-phase-timeline-content-space:var(--space-rem-2xs,.5rem);--ec-phase-timeline-label-size:1.25rem;--ec-phase-timeline-duration-size:.875rem;display:block}:host(e-phase-timeline-phase){grid-template-columns:var(--ec-phase-timeline-marker-size) 1fr;column-gap:var(--ec-phase-timeline-gutter);padding-block:var(--ec-phase-timeline-phase-space);display:grid;position:relative}:host([empty]){display:none}:host(e-phase-timeline-phase):before{content:"";left:calc(var(--ec-phase-timeline-marker-size) / 2 - var(--ec-phase-timeline-line-width) / 2);width:var(--ec-phase-timeline-line-width);background:var(--ec-phase-timeline-line-color);position:absolute}:host(e-phase-timeline-phase):after{content:"";left:calc(var(--ec-phase-timeline-marker-size) / 2 - var(--ec-phase-timeline-line-width) / 2);width:var(--ec-phase-timeline-line-width);background:var(--ec-phase-timeline-line-color);position:absolute}:host(e-phase-timeline-phase):before{height:calc(var(--ec-phase-timeline-phase-space) + var(--ec-phase-timeline-marker-size) / 2);top:0}:host(e-phase-timeline-phase):after{top:calc(var(--ec-phase-timeline-phase-space) + var(--ec-phase-timeline-marker-size) / 2);bottom:0}:host([data-number="1"]):before{content:none}:host([data-last]):after{content:none}e-marker{z-index:1;inline-size:var(--ec-phase-timeline-marker-size);block-size:var(--ec-phase-timeline-marker-size);background:var(--ec-phase-timeline-marker-background);color:var(--ec-phase-timeline-marker-color);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;position:relative}e-body{gap:var(--ec-phase-timeline-content-space);min-width:0;display:grid}e-heading{min-width:0;min-height:var(--ec-phase-timeline-marker-size);flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;display:flex}e-label{min-width:0;font-size:var(--ec-phase-timeline-label-size);font-weight:600;line-height:1.3}e-duration{background:var(--ec-phase-timeline-duration-background);color:var(--ec-phase-timeline-duration-color);min-width:0;font-size:var(--ec-phase-timeline-duration-size);font-variant-numeric:tabular-nums;border-radius:999px;padding:.1rem .5rem}e-duration[hidden]{display:none}e-content{min-width:0;display:block}@media (width<=30rem){:host(ec-phase-timeline){--ec-phase-timeline-marker-size:1.75rem}}@media (forced-colors:active){:host(e-phase-timeline-phase):before{background:currentColor}:host(e-phase-timeline-phase):after{background:currentColor}e-marker{border:1px solid}}