[data-timeline]{--ohw-pad: 16px;--ohw-dot: 40px;--ohw-gap-y: 12px;--ohw-gap-x: 24px;--ohw-rail: #e5e7eb;--ohw-ink: #EB6518}.nx [data-timeline]{--ohw-rail: var(--nx-line);--ohw-ink: var(--nx-cta)}[data-timeline] .ohw-step{position:relative}[data-timeline] .ohw-dot{position:relative;z-index:2;box-shadow:0 0 0 calc(clamp(0,(var(--draw, 1) - var(--at)) * 5,1)*7px) color-mix(in srgb,var(--ohw-ink) 18%,transparent)}[data-timeline] .ohw-step>div{--seen: clamp(0, calc((var(--draw, 1) - var(--at)) * 5 + 1), 1);opacity:var(--seen);transform:translateY(calc((1 - var(--seen)) * 12px))}[data-timeline] .ohw-step:not(:last-child):after{content:"";position:absolute;z-index:1;background:var(--ohw-ink);border-radius:2px;left:calc(var(--ohw-pad) + var(--ohw-dot) / 2 - 1px);width:2px;top:calc(var(--ohw-pad) + var(--ohw-dot));bottom:calc(-1 * (var(--ohw-gap-y) + var(--ohw-pad)));transform-origin:top center;transform:scaleY(clamp(0,(var(--draw, 1) - var(--at)) * var(--n, 3),1))}[data-timeline] .ohw-step:not(:last-child):before{content:"";position:absolute;z-index:1;background:var(--ohw-rail);border-radius:2px;left:calc(var(--ohw-pad) + var(--ohw-dot) / 2 - 1px);width:2px;top:calc(var(--ohw-pad) + var(--ohw-dot));bottom:calc(-1 * (var(--ohw-gap-y) + var(--ohw-pad)))}@media (min-width: 768px){[data-timeline]{--ohw-pad: 20px}[data-timeline] .ohw-step:not(:last-child):after,[data-timeline] .ohw-step:not(:last-child):before{top:calc(var(--ohw-pad) + var(--ohw-dot) / 2 - 1px);height:2px;bottom:auto;left:calc(var(--ohw-pad) + var(--ohw-dot));width:auto;right:calc(-1 * (var(--ohw-gap-x) + var(--ohw-pad)))}[data-timeline] .ohw-step:not(:last-child):after{transform-origin:left center;transform:scaleX(clamp(0,(var(--draw, 1) - var(--at)) * var(--n, 3),1))}[dir=rtl] [data-timeline] .ohw-step:not(:last-child):after{transform-origin:right center}}@media (prefers-reduced-motion: reduce){[data-timeline] .ohw-step>div{opacity:1;transform:none}[data-timeline] .ohw-step:not(:last-child):after{transform:none}}