.features-path-traveler{opacity:1;background-color:hsl(var(--background));border-color:hsl(var(--border));transition:border-color .16s ease,box-shadow .16s ease}.features-path-traveler.is-anchored{border-color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary)/.45),0 0 28px 2px hsl(var(--primary)/.28),0 16px 40px -14px hsl(var(--primary)/.4)}.features-path-traveler-layer{will-change:opacity}.features-path--motion .features-path-traveler:not([hidden]){display:block}.features-path-stop{--dock-x:0.5;--dock-y:0.5;--dock-spread-x:0.85;--dock-spread-y:0.72;--dock-x-effective:calc(0.5 + (var(--dock-x) - 0.5) * var(--dock-spread-x));--dock-y-effective:calc(0.5 + (var(--dock-y) - 0.5) * var(--dock-spread-y));--dock-pad-x:0.75rem;--dock-pad-y:0.75rem}@media (min-width:768px){.features-path-stop{--dock-spread-x:1;--dock-spread-y:1;--dock-pad-x:10rem;--dock-pad-y:1rem}}@media (min-width:1024px){.features-path-stop{--dock-pad-y:1.25rem}}.features-path-anchor{position:absolute;--anchor-w:min(58vw,15.5rem);width:var(--anchor-w);max-width:calc(100% - 2 * var(--dock-pad-x));box-sizing:border-box;left:clamp(calc(var(--anchor-w) / 2 + var(--dock-pad-x)),calc(var(--dock-pad-x) + var(--anchor-w) / 2 + var(--dock-x-effective) * (100% - 2 * var(--dock-pad-x) - var(--anchor-w))),calc(100% - var(--anchor-w) / 2 - var(--dock-pad-x)));top:clamp(calc(4.5rem + var(--dock-pad-y)),calc(var(--dock-y-effective) * 100%),calc(100% - 4.5rem - var(--dock-pad-y)));transform:translate(-50%,-50%)}@media (min-width:768px){.features-path-stop[data-dock-start=true] .features-path-anchor{left:calc(35rem + var(--anchor-w) / 2)}.features-path-anchor{--anchor-w:min(calc(100% - 2 * var(--dock-pad-x)),22rem)}}@media (min-width:1024px){.features-path-anchor{--anchor-w:min(calc(100% - 2 * var(--dock-pad-x)),24rem)}}.features-path--motion .features-path-anchor{opacity:0;pointer-events:none}