.ug-steps{background:var(--ug-paper)}.ug-steps-aside{justify-items:start;gap:18px;display:grid}.ug-steps-list{--steps-gap:clamp(24px, 3.5vw, 56px);grid-template-columns:repeat(var(--count,3), minmax(0, 1fr));gap:var(--steps-gap);margin:0;padding:0;list-style:none;display:grid;position:relative}.ug-steps-list:before,.ug-steps-list:after{content:"";left:28px;right:calc((100% - (var(--count,3) - 1) * var(--steps-gap)) / var(--count,3) - 28px);background:var(--ug-line);height:2px;position:absolute;top:27px}.ug-steps-list:after{background:var(--ug-accent);transform-origin:0;transition:transform 1.6s var(--ug-ease) .2s}.ug-js .ug-steps-list:not(.is-in):after{transform:scaleX(0)}.ug-steps-list li{position:relative}.ug-steps-mark{z-index:1;background:var(--ug-paper);width:56px;height:56px;box-shadow:inset 0 0 0 2px var(--ug-accent);place-items:center;margin-bottom:22px;display:grid;position:relative}.ug-section--sand .ug-steps-mark{background:var(--ug-sand)}.ug-steps-mark .ug-icon{width:28px;height:28px}.ug-steps-list h3{font:700 1.2rem/1.25 var(--ug-display);letter-spacing:-.01em;margin:0 0 8px}.ug-steps-list p{max-width:36ch;color:var(--ug-muted);margin:0;font-size:1rem;line-height:1.55}@media (max-width:767px){.ug-steps-list{grid-template-columns:1fr;gap:22px}.ug-steps-list:before,.ug-steps-list:after{width:2px;height:auto;inset:24px auto 24px 23px}.ug-steps-list:after{transform-origin:50% 0}.ug-js .ug-steps-list:not(.is-in):after{transform:scaleY(0)}.ug-steps-list li{grid-template-columns:48px minmax(0,1fr);column-gap:16px;display:grid}.ug-steps-mark{grid-row:span 2;width:48px;height:48px;margin:0}.ug-steps-mark .ug-icon{width:24px;height:24px}.ug-steps-list h3{margin:4px 0;font-size:1.05rem}.ug-steps-list p{font-size:.94rem}}@media (prefers-reduced-motion:reduce){.ug-js .ug-steps-list:not(.is-in):after{transform:none}}