.steps-container{border-bottom:1px solid var(--so-color-charcoal);display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;padding-bottom:var(--so-group-spacing)}.steps{counter-reset:steps;display:flex;flex:1;flex-direction:column;gap:12px;margin:0}.step{background:linear-gradient(161deg,rgba(51,51,51,.64) 3.69%,hsla(0,0%,5%,.64) 106.98%);border-radius:24px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);color:var(--so-color-taupe);display:flex;flex-direction:column;gap:var(--step-gap,24px);overflow:hidden;padding:32px;--step-gap:24px;@media (width <= 1040px){padding-bottom:24px;padding-left:24px;padding-right:24px;padding-top:24px;--step-gap:16px}@media (width <= 840px){padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;--step-gap:12px;h4{font-size:24px}}&.active{color:var(--so-color-white)}&:focus-visible{outline:2px solid var(--so-color-white);outline-offset:2px}&,*{transition:color .4s ease}@media (prefers-reduced-motion:reduce){&,*{transition:none}}*{margin:0;padding:0}dt{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--step-gap,24px)}p{font-size:18px;@media (width <= 1040px){font-size:16px}@media (width <= 840px){font-size:14px}}.step-subtitle{align-items:center;background-color:var(--so-color-charcoal);border-radius:999px;color:var(--so-color-taupe);display:flex;font-family:var(--so-font-family-alt);font-size:12px;justify-content:center;letter-spacing:-.05em;line-height:1;min-height:24px;padding:.333em .667em;text-transform:uppercase;width:fit-content;@media (width <= 840px){font-size:10px}.steps-count &{color:#619d76;&:before{color:var(--so-color-taupe);content:counter(steps,decimal-leading-zero) "\00a0//\00a0";counter-increment:steps;transition:color .4s ease}}.steps-count .active &{color:#87f1ab}.active &,.active &:before{color:var(--so-color-white)}}}.step-images{align-self:flex-start;aspect-ratio:3/4;display:block;flex:1;max-width:48.7%;overflow:hidden;position:sticky;top:90px;@media (width <= 880px){max-width:45%}@media (width <= 700px){display:none}.step-image{aspect-ratio:3/4;opacity:0;position:absolute;transition:opacity .4s ease;width:100%;&.active{opacity:1;z-index:1}img{border-radius:24px;height:100%;object-fit:cover;width:100%}}@media (prefers-reduced-motion:reduce){.step-image{transition:none}}}.step-progress-bar{background-color:var(--so-color-gray);border-radius:999px;display:flex;flex:1;flex-shrink:0;max-width:4px;position:sticky;top:90px;width:4px;&:before{background:linear-gradient(180deg,rgba(255,59,29,0),#ff3b1d);border-radius:999px;content:"";display:block;height:var(--progress-bar-height,0);left:0;position:absolute;right:0;top:0;z-index:1}}