.steps{--steps-pad:20px;counter-reset:none;flex-direction:column;list-style:none;display:flex}.steps__item{padding-block:var(--steps-pad);border-top:1px solid var(--cc-border);grid-template-columns:56px minmax(0,1fr);gap:20px;display:grid}.steps__item:last-child{border-bottom:1px solid var(--cc-border)}.steps__icon{width:36px;height:36px;margin-top:calc((var(--cc-text-h3) * 1.3 - 36px) / 2);color:var(--cc-text);display:block}.steps__icon .glyph{width:100%;height:100%;display:block}.steps__title{margin-bottom:8px}.steps__body{color:var(--cc-text-muted);max-width:var(--cc-measure)}@media (max-width:640px){.steps__icon{width:32px;height:32px;margin-top:calc((var(--cc-text-h3) * 1.3 - 32px) / 2)}}@media (max-width:519px){.steps__item{grid-template-columns:40px minmax(0,1fr);gap:14px}}@media (min-width:900px){.steps--horizontal{--steps-gutter:clamp(28px, 3.5vw, 48px);--steps-icon-h:28px;--steps-icon-gap-h:10px;grid-template-columns:repeat(var(--steps-cols,3), minmax(0, 1fr));gap:0;display:grid}.steps--horizontal .steps__item{grid-template-columns:var(--steps-icon-h) minmax(0, 1fr);gap:0 var(--steps-icon-gap-h);padding-top:var(--steps-pad);padding-bottom:0;padding-inline:calc(var(--steps-gutter) / 2);border-top:1px solid var(--cc-border);border-bottom:0;align-content:start;display:grid}.steps--horizontal .steps__item:first-child{padding-left:0;padding-right:var(--steps-gutter)}.steps--horizontal .steps__item:last-child{padding-right:0;padding-left:var(--steps-gutter)}.steps--horizontal .steps__icon{width:var(--steps-icon-h);height:var(--steps-icon-h);margin-top:calc((var(--cc-text-h3) * 1.3 - var(--steps-icon-h)) / 2);grid-area:1/1}.steps--horizontal .steps__text{grid-area:1/2}.steps--horizontal .steps__body{max-width:34ch}@supports (grid-template-rows:subgrid){.steps--horizontal .steps__item{grid-template-rows:subgrid;grid-row:span 2}.steps--horizontal .steps__text{grid-row:1/span 2;grid-template-rows:subgrid;display:grid}}}@media (min-width:900px) and (max-width:1099px){.steps--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.steps--cols-4 .steps__item:nth-child(odd){padding-left:0;padding-right:var(--steps-gutter)}.steps--cols-4 .steps__item:nth-child(2n){padding-right:0;padding-left:var(--steps-gutter)}.steps--cols-4 .steps__item:nth-child(-n+2){padding-bottom:calc(var(--steps-pad) + 16px)}}@media (min-width:1100px){.steps--cols-4{--steps-gap-4:calc(var(--steps-gutter) * 1.5)}.steps--cols-4 .steps__item:nth-child(4n+1){padding-left:0;padding-right:calc(var(--steps-gap-4) * .75)}.steps--cols-4 .steps__item:nth-child(4n+2){padding-left:calc(var(--steps-gap-4) * .25);padding-right:calc(var(--steps-gap-4) * .5)}.steps--cols-4 .steps__item:nth-child(4n+3){padding-left:calc(var(--steps-gap-4) * .5);padding-right:calc(var(--steps-gap-4) * .25)}.steps--cols-4 .steps__item:nth-child(4n){padding-left:calc(var(--steps-gap-4) * .75);padding-right:0}@supports not (grid-template-rows:subgrid){.steps--cols-4 .steps__title{min-height:2.6em}}}.steps__title-line{white-space:nowrap;display:block}
