.pi-steps{--pi-steps-bg: #fef0f0;--pi-steps-padding-top: 40;--pi-steps-padding-bottom: 40;--pi-steps-padding-inline: 16;--pi-steps-heading-size: 24;--pi-steps-heading-color: #1a1a1a;--pi-steps-heading-weight: 700;--pi-steps-heading-line-height: 1.2;--pi-steps-heading-margin-bottom: 24;--pi-steps-grid-columns: 1;--pi-steps-grid-gap: 24;--pi-steps-block-margin-bottom: 32;--pi-steps-card-bg: #ffffff;--pi-steps-card-radius: 10;--pi-steps-card-padding-top: 72;--pi-steps-card-padding-bottom: 24;--pi-steps-card-padding-inline: 20;--pi-steps-title-size: 18;--pi-steps-title-color: #1a1a1a;--pi-steps-title-weight: 700;--pi-steps-title-margin-bottom: 12;--pi-steps-title-line-height: 1.25;--pi-steps-description-size: 14;--pi-steps-description-color: #555555;--pi-steps-description-weight: 400;--pi-steps-description-line-height: 1.5;--pi-steps-image-radius: 12;--pi-steps-image-aspect: 1;--pi-steps-image-overlap: 56;--pi-steps-image-max-width-pct: 60;--pi-steps-badge-bg: #1a1a1a;--pi-steps-badge-color: #ffffff;--pi-steps-badge-size: 11;--pi-steps-badge-weight: 600;--pi-steps-badge-padding-v: 6;--pi-steps-badge-padding-h: 14;--pi-steps-badge-radius: 999;--pi-steps-badge-offset: 12}.pi-steps{padding:calc(var(--pi-steps-padding-top) * 1px) calc(var(--pi-steps-padding-inline) * 1px) calc(var(--pi-steps-padding-bottom) * 1px);background-color:var(--pi-steps-bg)}.pi-steps__inner{max-width:var(--pi-steps-max-width, 1280px);margin:0 auto}.pi-steps__heading{text-align:center;margin:0 0 calc(var(--pi-steps-heading-margin-bottom) * 1px);font-size:calc(var(--pi-steps-heading-size) * 1px);color:var(--pi-steps-heading-color);font-weight:var(--pi-steps-heading-weight);line-height:var(--pi-steps-heading-line-height)}.pi-steps__grid{display:grid;grid-template-columns:repeat(var(--pi-steps-grid-columns),1fr);gap:calc(var(--pi-steps-grid-gap) * 1px);align-items:stretch}.pi-steps__item{height:100%;margin-bottom:calc(var(--pi-steps-block-margin-bottom) * 1px)}.pi-step-block{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;height:100%}.pi-step-block__content{width:100%;height:100%;order:2;flex:1 1 auto;min-height:0;background:var(--pi-steps-card-bg);border-radius:calc(var(--pi-steps-card-radius) * 1px);padding:calc(var(--pi-steps-card-padding-top) * 1px) calc(var(--pi-steps-card-padding-inline) * 1px) calc(var(--pi-steps-card-padding-bottom) * 1px);box-sizing:border-box;text-align:center;position:relative;z-index:0}.pi-step-block__image-wrapper{position:relative;order:1;width:calc(var(--pi-steps-image-max-width-pct) * 1%);max-width:calc(var(--pi-steps-image-max-width-pct) * 1%);margin:0 auto calc(var(--pi-steps-image-overlap) * -1px);z-index:1}.pi-step-block__image-wrapper-inner{position:relative;border-radius:calc(var(--pi-steps-image-radius) * 1px);overflow:hidden;padding-bottom:calc(var(--pi-steps-image-aspect) * 100%);background:var(--pi-steps-placeholder-bg, #eee)}.pi-step-block__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.pi-step-block__badge{position:absolute;bottom:calc(var(--pi-steps-badge-offset) * 1px);left:50%;transform:translate(-50%);z-index:2;display:inline-block;padding:calc(var(--pi-steps-badge-padding-v) * 1px) calc(var(--pi-steps-badge-padding-h) * 1px);font-size:calc(var(--pi-steps-badge-size) * 1px);font-weight:var(--pi-steps-badge-weight);color:var(--pi-steps-badge-color);background:var(--pi-steps-badge-bg);text-transform:uppercase;letter-spacing:.05em;border-radius:calc(var(--pi-steps-badge-radius) * 1px);white-space:nowrap}.pi-step-block__title{margin:0 0 calc(var(--pi-steps-title-margin-bottom) * 1px);font-size:calc(var(--pi-steps-title-size) * 1px);color:var(--pi-steps-title-color);font-weight:var(--pi-steps-title-weight);line-height:var(--pi-steps-title-line-height);text-transform:uppercase;letter-spacing:.02em}.pi-step-block__description{margin:0;font-size:calc(var(--pi-steps-description-size) * 1px);color:var(--pi-steps-description-color);font-weight:var(--pi-steps-description-weight);line-height:var(--pi-steps-description-line-height)}.pi-steps__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#eee;color:#999}.pi-steps__placeholder svg{width:48%;height:48%;opacity:.5}.pi-steps__item:last-child{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/97/assets/pi-steps.css.map */