.pg-steps{--pg-step_arrow_color:#dedede;counter-reset:step}.pg-steps__item{margin-bottom:0!important;padding:0 0 3em 64px;position:relative}.pg-steps__item:before{border-left:1px dashed var(--pg-color-border);content:"";display:block;height:100%;left:23px;position:absolute;top:0;width:0}.pg-steps__item:last-child:before{content:none}.pg-steps__item .pg-steps__title{font-weight:700;margin:0;padding:0}.pg-steps__number{box-sizing:content-box;color:#fff;display:flex;flex-direction:column;height:48px;justify-content:center;left:0;line-height:1;position:absolute;text-align:center;top:0;width:48px}.pg-steps__number .__label{content:attr(data-label);display:block;font-size:10px;padding-bottom:1px}.pg-steps__number:after{content:counter(step);counter-increment:step;display:block;font-size:20px}.pg-steps__number[data-num]:after{content:attr(data-num)}.pg-steps__number[data-hide] .__label,.pg-steps__number[data-hide]:after{display:none}[data-num-style=circle] .pg-steps__number,[data-num-style=circle] .pg-steps__number .__shape{border-radius:50%}[data-num-style=horizontal] .pg-steps__number{align-items:flex-end;flex-direction:row}[data-num-style=horizontal] .pg-steps__number .__label{padding-bottom:4px;padding-right:4px}.pg-steps__title+.pg-steps__body{margin-top:1em}.pg-steps:not(.is-style-big)>.pg-steps__item:last-child{padding-bottom:0}.pg-steps:not(.is-style-big):not(.is-style-small)>.pg-steps__item>.pg-steps__title{display:flex;flex-direction:column;justify-content:center;min-height:48px}@media not all and (min-width:600px){.pg-steps:not(.is-style-big):not(.is-style-small)>.pg-steps__item:before{display:none}.pg-steps:not(.is-style-big):not(.is-style-small)>.pg-steps__item>.pg-steps__body{margin-left:-48px}}.is-style-big>.pg-steps__item{border-bottom:1px dashed var(--pg-step_arrow_color);padding:2em}@media not all and (min-width:600px){.is-style-big>.pg-steps__item{padding:2em 1em}}.is-style-big>.pg-steps__item:first-child{border-top:1px dashed var(--pg-step_arrow_color)}.is-style-big>.pg-steps__item:before{border:12px solid transparent;border-top:12px solid var(--pg-step_arrow_color);display:block;height:0;left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0}.is-style-big>.pg-steps__item>.pg-steps__number{border-radius:0;color:inherit;height:auto;margin:0 auto 1em;position:relative;width:auto}.is-style-big>.pg-steps__item>.pg-steps__number .__label{font-size:12px}.is-style-big>.pg-steps__item>.pg-steps__number:after{font-size:24px}.is-style-big .pg-steps__title{text-align:center}.is-style-small .pg-steps__item{padding:0 0 2em 24px}.is-style-small .pg-steps__item:before{border-left:2px solid var(--pg-color-border);height:calc(100% - 20px);left:7px;top:18px}.is-style-small .pg-steps__title{margin-top:.25em;text-align:left}.is-style-small .pg-steps__body{margin-top:.5em}.is-style-small .pg-steps__number{align-items:center;color:inherit;flex-direction:row;height:auto;justify-content:flex-start;margin-left:-24px;position:relative;width:auto}.is-style-small .pg-steps__number .__shape{border:2px solid;box-sizing:border-box;height:16px;margin-right:8px;width:16px}.is-style-small .pg-steps__number .__label{font-size:12px;opacity:.8;padding:0 2px 0 0}.is-style-small .pg-steps__number:after{font-size:14px;opacity:.8}.is-style-small [data-hide]+.pg-steps__title{margin-top:-24px}
.pg-steps{counter-reset:step var(--pg-step-start,0)}

/* Strip article-heading decoration without losing the step title's size.
   SWELL uses large (1.25em) for default/big and medium (1.1em) for small. */
.pg-steps .pg-steps__item>.pg-steps__title{background:none!important;border:0!important;box-shadow:none;font-size:1.25em!important;color:inherit!important}
.pg-steps .pg-steps__item>.pg-steps__title.pg-u-fz-m{font-size:1.1em!important}
.pg-steps .pg-steps__item>.pg-steps__title::before,.pg-steps .pg-steps__item>.pg-steps__title::after{content:none!important}