.pi-how-it-works.pi-block,.pi-how-it-works .pi-block{box-sizing:border-box}.pi-how-it-works *,.pi-how-it-works *:before,.pi-how-it-works *:after{box-sizing:border-box}.pi-how-it-works{--pi-hiw-padding-top: 40;--pi-hiw-padding-bottom: 40;--pi-hiw-padding-inline: 16;--pi-hiw-inner-max-width: 1200;--pi-hiw-stack-gap: 32;--pi-hiw-column-gap: 0;--pi-hiw-header-margin-bottom: 24;--pi-hiw-heading-color: #1a1a1a;--pi-hiw-heading-accent-color: #1a1a1a;--pi-hiw-heading-size: 28;--pi-hiw-heading-accent-size: 28;--pi-hiw-heading-weight: 400;--pi-hiw-heading-accent-weight: 700;--pi-hiw-heading-line-height: 1.2;--pi-hiw-heading-letter-spacing: 0;--pi-hiw-heading-accent-gap: 4;--pi-hiw-heading-align: center;--pi-hiw-media-margin-bottom: 0;--pi-hiw-image-placeholder-bg: #e8ebe8;--pi-hiw-image-radius: 24;--pi-hiw-image-aspect-w: 4;--pi-hiw-image-aspect-h: 5;--pi-hiw-step-gap: 32;--pi-hiw-step-row-gap: 12;--pi-hiw-step-badge-size: 32;--pi-hiw-step-badge-font-size: 14;--pi-hiw-step-badge-bg: #5a7568;--pi-hiw-step-badge-color: #ffffff;--pi-hiw-step-badge-weight: 700;--pi-hiw-connector-width: 2;--pi-hiw-connector-color: #c5d4c8;--pi-hiw-step-title-size: 18;--pi-hiw-step-title-weight: 700;--pi-hiw-step-title-color: #1a1a1a;--pi-hiw-step-title-margin-bottom: 6;--pi-hiw-step-desc-size: 15;--pi-hiw-step-desc-weight: 400;--pi-hiw-step-desc-color: #1a1a1a;--pi-hiw-step-desc-line-height: 1.5;--pi-hiw-step-rail-width: 32;--pi-hiw-step-title-line-height: 1.25;--pi-hiw-connector-min-height: 12;--pi-hiw-connector-offset-top: 6;--pi-hiw-step-body-offset-top: 0}.pi-how-it-works{padding:calc(var(--pi-hiw-padding-top) * 1px) calc(var(--pi-hiw-padding-inline) * 1px) calc(var(--pi-hiw-padding-bottom) * 1px);background-color:var(--pi-hiw-section-bg, #f6f8f6);font-family:var(--font--paragraph--family, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);color:var(--pi-hiw-step-desc-color, #1a1a1a)}.pi-how-it-works__container{display:flex;flex-direction:column;gap:calc(var(--pi-hiw-stack-gap) * 1px);max-width:calc(var(--pi-hiw-inner-max-width) * 1px);margin:0 auto;min-width:0}.pi-how-it-works__header{margin:0 0 calc(var(--pi-hiw-header-margin-bottom) * 1px);text-align:var(--pi-hiw-heading-align, center)}.pi-how-it-works__heading{margin:0;font-family:var(--font--heading--family, var(--font--paragraph--family, system-ui, sans-serif));font-size:calc(var(--pi-hiw-heading-size) * 1px);font-weight:var(--pi-hiw-heading-weight, 400);line-height:var(--pi-hiw-heading-line-height, 1.2);letter-spacing:calc(var(--pi-hiw-heading-letter-spacing) * 1px);color:var(--pi-hiw-heading-color, #1a1a1a)}.pi-how-it-works__heading-line{display:block}.pi-how-it-works__heading-accent{display:block;margin-top:calc(var(--pi-hiw-heading-accent-gap) * 1px);font-size:calc(var(--pi-hiw-heading-accent-size) * 1px);font-weight:var(--pi-hiw-heading-accent-weight, 700);color:var(--pi-hiw-heading-accent-color, #1a1a1a)}.pi-how-it-works__media{margin:0 0 calc(var(--pi-hiw-media-margin-bottom) * 1px);min-width:0;border-radius:calc(var(--pi-hiw-image-radius) * 1px);overflow:hidden;background-color:var(--pi-hiw-image-placeholder-bg, #e8ebe8);aspect-ratio:var(--pi-hiw-image-aspect-w, 4) / var(--pi-hiw-image-aspect-h, 5);position:relative}.pi-how-it-works__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pi-how-it-works__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.pi-how-it-works__placeholder svg{width:56px;height:auto;opacity:.35}.pi-how-it-works__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--pi-hiw-step-gap) * 1px)}.pi-how-it-works__step{display:flex;align-items:stretch;gap:calc(var(--pi-hiw-step-row-gap) * 1px);min-width:0}.pi-how-it-works__step-rail{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;width:calc(var(--pi-hiw-step-rail-width) * 1px);min-width:0}.pi-how-it-works__step-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(var(--pi-hiw-step-badge-size) * 1px);height:calc(var(--pi-hiw-step-badge-size) * 1px);border-radius:50%;background-color:var(--pi-hiw-step-badge-bg, #5a7568);color:var(--pi-hiw-step-badge-color, #ffffff);font-size:calc(var(--pi-hiw-step-badge-font-size) * 1px);font-weight:var(--pi-hiw-step-badge-weight, 700);line-height:1}.pi-how-it-works__step-connector{flex:1 1 auto;width:calc(var(--pi-hiw-connector-width) * 1px);min-height:calc(var(--pi-hiw-connector-min-height) * 1px);margin-top:calc(var(--pi-hiw-connector-offset-top) * 1px);background-color:var(--pi-hiw-connector-color, #c5d4c8);border-radius:999px}.pi-how-it-works__step-body{flex:1 1 auto;min-width:0;padding-top:calc(var(--pi-hiw-step-body-offset-top) * 1px)}.pi-how-it-works__step-title{margin:0 0 calc(var(--pi-hiw-step-title-margin-bottom) * 1px);font-family:var(--font--heading--family, var(--font--paragraph--family, system-ui, sans-serif));font-size:calc(var(--pi-hiw-step-title-size) * 1px);font-weight:var(--pi-hiw-step-title-weight, 700);line-height:var(--pi-hiw-step-title-line-height, 1.25);color:var(--pi-hiw-step-title-color, #1a1a1a)}.pi-how-it-works__step-description{margin:0;font-size:calc(var(--pi-hiw-step-desc-size) * 1px);font-weight:var(--pi-hiw-step-desc-weight, 400);line-height:var(--pi-hiw-step-desc-line-height, 1.5);color:var(--pi-hiw-step-desc-color, #1a1a1a)}
/*# sourceMappingURL=/cdn/shop/t/74/assets/pi-how-it-works.css.map */