.scroll-timeline{position:relative}.scroll-timeline__list{gap:var(--hes-spacing-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.scroll-timeline:before{content:"";background:var(--hes-color-border);pointer-events:none;border-radius:2px;width:2px;position:absolute;top:1.75rem;bottom:1.75rem;left:28px}.scroll-timeline__fill{z-index:0;background:linear-gradient(180deg, var(--hes-color-primary) 0%, #00abe9 100%);transform-origin:top;pointer-events:none;border-radius:2px;width:2px;position:absolute;top:1.75rem;bottom:1.75rem;left:28px;transform:scaleY(0)}.scroll-timeline__item{z-index:1;gap:var(--hes-spacing-6);padding-block:var(--hes-spacing-5);align-items:flex-start;display:flex;position:relative}.scroll-timeline__item-icon{border:2px solid var(--hes-color-border);background:var(--hes-color-base-white);width:56px;height:56px;color:var(--hes-color-muted-foreground);border-radius:999px;flex-shrink:0;place-items:center;transition:background-color .4s,color .4s,border-color .4s,transform .4s;display:grid}.scroll-timeline__item-icon-img{object-fit:contain;width:30px;height:30px;display:block}.scroll-timeline__item:hover .scroll-timeline__item-icon-img,.scroll-timeline__item.is-active .scroll-timeline__item-icon-img,.scroll-timeline__item:hover .scroll-timeline__item-icon img,.scroll-timeline__item.is-active .scroll-timeline__item-icon img{filter:brightness(0)invert()}.scroll-timeline__item:hover .scroll-timeline__item-icon,.scroll-timeline__item.is-active .scroll-timeline__item-icon{background:var(--hes-color-primary);border-color:var(--hes-color-primary);color:var(--hes-color-base-white);transform:scale(1.05)}.scroll-timeline__item-copy{gap:var(--hes-spacing-1);flex-direction:column;flex:1;min-width:0;padding-top:2px;display:flex}.scroll-timeline__item-category{color:var(--hes-color-muted-foreground);transition:color .4s}.scroll-timeline__item:hover .scroll-timeline__item-category,.scroll-timeline__item.is-active .scroll-timeline__item-category{color:var(--hes-color-primary)}.scroll-timeline__item-title{color:var(--hes-color-foreground);margin:0}.scroll-timeline__item-desc{color:var(--hes-color-foreground-secondary);margin:0}.scroll-timeline__tags{padding:var(--hes-spacing-4) 0 0;gap:var(--hes-spacing-2);flex-wrap:wrap;margin:0;list-style:none;display:flex}.scroll-timeline__tag{align-items:center;gap:var(--hes-spacing-3);max-width:100%;padding:var(--hes-spacing-3) var(--hes-spacing-4);border:1px solid var(--hes-color-border);border-radius:var(--hes-radius-full);background:var(--hes-color-muted);color:var(--hes-color-foreground);white-space:nowrap;flex:none;display:inline-flex}.scroll-timeline__tag--icon{height:2.625rem;padding:0 1.0625rem 0 .3125rem}.scroll-timeline__tag-dot{background:var(--hes-color-primary);border-radius:999px;flex-shrink:0;width:6px;height:6px}.scroll-timeline__tag-icon{width:2rem;height:2rem;padding:var(--hes-spacing-2);border-radius:var(--hes-radius-full);background:color-mix(in srgb, var(--hes-color-primary) 10%, transparent);color:var(--hes-color-primary);flex:0 0 2rem;justify-content:center;align-items:center;display:flex}.scroll-timeline__cta{margin-top:var(--hes-spacing-2);align-self:flex-start}@media (prefers-reduced-motion:reduce){.scroll-timeline__fill{transform:scaleY(1)}.scroll-timeline__item-icon,.scroll-timeline__item-category{transition:none}.scroll-timeline__item:hover .scroll-timeline__item-icon{transform:none}}