.content-roadmap__list{--roadmap-marker-w: calc(var(--font-size-8) * 1.5);--roadmap-node-y: calc(var(--font-size-8) * var(--line-height-display) / 2);--roadmap-rail: color-mix(in srgb, var(--accent) 32%, transparent);display:grid;gap:var(--gap-6);margin:var(--margin-7) 0 0;padding:0;list-style:none;container:roadmap / inline-size}.content-roadmap__item{position:relative;display:grid;grid-template-columns:var(--roadmap-marker-w) minmax(0,1fr);column-gap:var(--gap-6);align-items:baseline}.content-roadmap__item:before,.content-roadmap__item:after{content:"";position:absolute;left:calc(var(--roadmap-marker-w) + var(--gap-6) / 2);width:1px;background-color:var(--roadmap-rail);transform-origin:top}.content-roadmap__item:before{top:0;bottom:calc(100% - var(--roadmap-node-y))}.content-roadmap__item:after{top:var(--roadmap-node-y);bottom:calc(var(--gap-6) * -1)}.content-roadmap__item:first-child:before,.content-roadmap__item:last-child:after{content:none}.content-roadmap__marker{position:relative;z-index:var(--z-local-1);color:var(--accent);font-weight:var(--font-weight-semibold);font-size:var(--font-size-8);font-variant-numeric:tabular-nums;line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-tight);text-align:right}.content-roadmap__marker:after{content:"";position:absolute;top:var(--roadmap-node-y);left:calc(100% + var(--gap-6) / 2 + var(--border-width) / 2);translate:-50% -50%;box-sizing:border-box;width:var(--size-3);height:var(--size-3);border:var(--size-0) solid var(--accent);border-radius:var(--radius-full);background-color:var(--bg);box-shadow:var(--shadow-node)}.content-roadmap__body{display:grid;gap:var(--gap-2)}.content-roadmap__title{padding:0;margin:0}.content-roadmap__desc{margin:0;color:var(--text-secondary)}@container roadmap (width >= 52rem){.content-roadmap__body{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--gap-6);align-items:baseline}}.content-roadmap__item--result{--roadmap-node-y: 50%;align-items:stretch}.content-roadmap__item--result .content-roadmap__body{display:flex;flex-direction:column}.content-roadmap__marker--icon{display:flex;align-items:center;justify-content:flex-end;color:var(--success)}.content-roadmap__item--result .content-roadmap__marker:after{border-color:var(--success);background-color:var(--success);box-shadow:var(--shadow-node-success)}@supports (animation-timeline: view()){@media screen and (prefers-reduced-motion:no-preference){.content-roadmap__item{view-timeline:--roadmap-step block}.content-roadmap__item:before{animation:roadmap-rail-draw linear both;animation-timeline:--roadmap-step;animation-range:entry 0% entry 35%}.content-roadmap__item:after{animation:roadmap-rail-draw linear both;animation-timeline:--roadmap-step;animation-range:entry 15% entry 100%}.content-roadmap__marker:after{animation:roadmap-node-in linear both;animation-timeline:--roadmap-step;animation-range:entry 0% entry 40%}}}@keyframes roadmap-rail-draw{0%{scale:1 0}}@keyframes roadmap-node-in{0%{opacity:0%;scale:.4}}@media(forced-colors:active){.content-roadmap__item:before,.content-roadmap__item:after{background-color:CanvasText}}