.ec-hr{--ec-hr-step:.6s;--ec-hr-lead:.2s;--ec-hr-node-size:2.75rem;--ec-hr-half:1.375rem;--ec-hr-gap:1.75rem;position:relative}.ec-hr-list{gap:var(--ec-hr-gap);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.ec-hr-item{min-height:var(--ec-hr-node-size);padding-inline-start:4rem;position:relative}.ec-hr-seg{inset-inline-start:var(--ec-hr-half);top:var(--ec-hr-half);width:1px;height:calc(100% + var(--ec-hr-gap));background:#e5e7eb;position:absolute;overflow:hidden}.ec-hr-seg-fill{transform-origin:top;width:1px;height:100%;animation:ec-hr-grow-y var(--ec-hr-step) linear forwards;animation-delay:calc(var(--ec-hr-lead) + var(--i) * var(--ec-hr-step));background:#000;display:block;transform:scaleY(0)}.ec-hr-node{inset-inline-start:0;height:var(--ec-hr-node-size);width:var(--ec-hr-node-size);color:#d1d5db;font-variant-numeric:tabular-nums;animation:.5s ease-out forwards ec-hr-light;animation-delay:calc(var(--ec-hr-lead) + var(--i) * var(--ec-hr-step));background:#fff;border:1px solid #e5e7eb;border-radius:9999px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;top:0}.ec-hr-role,.ec-hr-when{opacity:0;animation:.55s ease-out forwards ec-hr-in;animation-delay:calc(var(--ec-hr-lead) + var(--i) * var(--ec-hr-step) + .1s);display:block;transform:translateY(6px)}.ec-hr-role{color:#000;font-size:15px;font-weight:700;line-height:1.2}.ec-hr-when{letter-spacing:.06em;text-transform:uppercase;color:#9ca3af;margin-top:.375rem;font-size:11px;font-weight:500}@media (min-width:768px){.ec-hr{--ec-hr-gap:1.5rem}.ec-hr-list{grid-template-columns:repeat(5,1fr)}.ec-hr-item{padding-inline-start:0}.ec-hr-seg{width:calc(100% + var(--ec-hr-gap));height:1px}.ec-hr-seg-fill{transform-origin:0;width:100%;height:1px;animation-name:ec-hr-grow-x;transform:scaleX(0)}[dir=rtl] .ec-hr-seg-fill{transform-origin:100%}.ec-hr-node{margin-bottom:1.25rem;position:relative}}@keyframes ec-hr-grow-y{to{transform:scaleY(1)}}@keyframes ec-hr-grow-x{to{transform:scaleX(1)}}@keyframes ec-hr-light{to{color:#fff;background:#000;border-color:#000;box-shadow:0 6px 18px #0000002e}}@keyframes ec-hr-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ec-hr-seg-fill{animation:none;transform:none}.ec-hr-node{color:#fff;background:#000;border-color:#000;animation:none}.ec-hr-role,.ec-hr-when{opacity:1;animation:none;transform:none}}
