.process{--size-step:32px;--step-ring:4px;--width-vertical-line:4px;--marker-center:calc(var(--size-step)/2);@media (min-width:760px){& .sticky-header{position:sticky;top:148px}}& .list{counter-reset:step;list-style:none;padding-left:0;padding-top:var(--content-gap);position:relative;@media (min-width:760px){margin-top:var(--spacing-spacious);padding-left:var(--content-gap)}&:before{background:linear-gradient(180deg,var(--color-forest-green) 84%,transparent);border-radius:16px;bottom:0;content:"";position:absolute;right:calc(var(--marker-center) - var(--width-vertical-line)/2 + 1px);top:4px;width:var(--width-vertical-line)}}& .step{position:relative;& .step-header{align-items:center;display:grid;grid-template-columns:1fr var(--size-step)}& .step-label{text-box-edge:cap alphabetic;text-box-trim:trim-both}& .step-marker{align-items:center;background:var(--background-color);border-radius:50%;box-shadow:0 0 0 var(--step-ring) var(--color-forest-green);color:var(--text-color);counter-increment:step;display:flex;height:var(--size-step);justify-content:center;width:var(--size-step);&:before{content:counter(step);font-feature-settings:"tnum";font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}}&>ul{list-style:none;padding-right:clamp(var(--size-step),6.4vw,calc(var(--size-step)*2))}&>ul>li{background:#fff;border-radius:4px;padding:12px 0 12px 30px;position:relative;text-box-edge:cap alphabetic;text-box-trim:trim-both;&:before{background:var(--color-mint-green);border-radius:50%;content:"";display:block;height:12px;left:9px;position:absolute;top:50%;transform:translateY(-50%);width:12px}}}}