.wp-how-it-works{--wp-how-gap: clamp(28px, 4vw, 64px);--wp-how-drop: clamp(72px, 6vw, 100px);margin-block:36px;scroll-margin-top:170px;padding-block:44px 48px;background:#fffaf6;color:var(--wp-green, #2C5F5D);font-family:var(--wp-font-body)}.wp-how-it-works__inner{width:var(--wp-page, min(1180px, calc(100% - 32px) ));margin-inline:auto}.wp-how-it-works__heading{margin:0;text-align:center;color:var(--wp-green-dark, #1A3F3E);font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,3.2vw,48px);line-height:1.1;font-weight:400;letter-spacing:-.035em;text-wrap:balance}.wp-how-it-works__heading em{color:var(--wp-green, #2C5F5D);font-weight:400;font-style:italic}.wp-how-it-works__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:var(--wp-how-gap);margin:34px 0 0;padding:0;list-style:none}.wp-how-it-works__step{position:relative;min-width:0;text-align:center}.wp-how-it-works__step:nth-child(2n){margin-block-start:var(--wp-how-drop)}.wp-how-it-works__number{display:block;color:#f08e70;font-size:44px;font-weight:700;line-height:1.1}.wp-how-it-works__step:nth-child(2n) .wp-how-it-works__number{color:#80b8c6}.wp-how-it-works__step-heading{display:grid;place-items:center;min-height:54px;max-width:260px;margin:8px auto 0;font-size:20px;font-weight:500;line-height:1.35;text-wrap:balance}.wp-how-it-works__art{position:relative;width:min(100%,230px);aspect-ratio:1;margin:20px auto 0;border-radius:50%;background:#ffe4d7}.wp-how-it-works__step:nth-child(2n) .wp-how-it-works__art{background:#e6f3f6}.wp-how-it-works__art img{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;display:block;width:112%;max-width:none;height:112%;object-fit:contain}.wp-how-it-works__arrow{position:absolute;inset-inline-start:calc(100% - 6px);top:128px;width:calc(var(--wp-how-gap) + 12px);height:auto;overflow:visible;color:#f08e70;pointer-events:none}.wp-how-it-works__arrow path{stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.wp-how-it-works__step:nth-child(2) .wp-how-it-works__arrow{top:calc(128px - var(--wp-how-drop))}@media(min-width:1601px){.wp-how-it-works__art{width:min(100%,300px)}.wp-how-it-works__number{font-size:52px}.wp-how-it-works__step-heading{max-width:330px;font-size:24px;min-height:66px}.wp-how-it-works__arrow{top:146px}.wp-how-it-works__step:nth-child(2) .wp-how-it-works__arrow{top:calc(146px - var(--wp-how-drop))}}@media(max-width:899px){.wp-how-it-works{--wp-how-gap: 50px;--wp-how-drop: 56px;padding-block:36px 40px}.wp-how-it-works__inner{width:min(660px,calc(100% - 40px))}.wp-how-it-works__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.wp-how-it-works__step:nth-child(2) .wp-how-it-works__arrow{display:none}}@media(max-width:540px){.wp-how-it-works{--wp-how-gap: 22px;--wp-how-drop: 40px;margin-block:28px;padding-block:30px 32px;scroll-margin-top:80px}.wp-how-it-works__inner{width:calc(100% - 40px)}.wp-how-it-works__steps{margin-top:26px;row-gap:34px}.wp-how-it-works__number{font-size:36px}.wp-how-it-works__step-heading{min-height:46px;margin-top:6px;font-size:17px}.wp-how-it-works__art{width:min(100%,180px);margin-top:16px}.wp-how-it-works__arrow{top:116px}}.wp-how-it-works--product{--wp-how-drop: 56px;position:relative;margin-block:0;padding-block:44px 40px;background:#eaf5ef}.wp-how-it-works__wave{position:absolute;inset-inline:0;top:0;display:block;width:100%;height:20px;color:var(--wp-paper, #F5EDDD);pointer-events:none}.wp-how-it-works__wave--bottom{top:auto;bottom:0;transform:rotate(180deg)}.wp-how-it-works--product .wp-how-it-works__steps{margin-top:24px}.wp-how-it-works--product .wp-how-it-works__number{font-size:40px}.wp-how-it-works--product .wp-how-it-works__step-heading{min-height:48px;margin-top:4px;font-size:18px}.wp-how-it-works--product .wp-how-it-works__art{width:min(100%,218px);margin-top:10px}.wp-how-it-works--product .wp-how-it-works__arrow{top:106px}.wp-how-it-works--product .wp-how-it-works__step:nth-child(2) .wp-how-it-works__arrow{top:calc(106px - var(--wp-how-drop))}.wp-product-template--compact .wp-gift-product-hero:has(~.wp-how-it-works--product){padding-bottom:22px}.wp-product-template--world-cup .wp-world-cup-product-commerce:has(~.wp-how-it-works--product){margin-bottom:22px}.wp-how-it-works--product~.wp-personal-stories{margin-top:24px}@media(min-width:1601px){.wp-how-it-works--product .wp-how-it-works__art{width:min(100%,250px)}.wp-how-it-works--product .wp-how-it-works__step-heading{font-size:20px}}@media(max-width:899px){.wp-how-it-works--product{--wp-how-drop: 36px;padding-block:36px 36px}.wp-how-it-works--product .wp-how-it-works__steps{row-gap:28px}.wp-how-it-works--product .wp-how-it-works__wave{height:14px}.wp-product-template--world-cup .wp-world-cup-product-commerce:has(~.wp-how-it-works--product){margin-bottom:12px}}@media(max-width:540px){.wp-how-it-works--product{--wp-how-drop: 28px;padding-block:30px 32px}.wp-how-it-works--product .wp-how-it-works__steps{margin-top:22px;row-gap:26px}.wp-how-it-works--product .wp-how-it-works__number{font-size:34px}.wp-how-it-works--product .wp-how-it-works__step-heading{min-height:46px;font-size:17px}.wp-how-it-works--product .wp-how-it-works__art{width:min(100%,180px)}.wp-how-it-works--product .wp-how-it-works__arrow{top:98px}.wp-how-it-works--product .wp-how-it-works__wave{height:10px}.wp-product-template--compact .wp-gift-product-hero:has(~.wp-how-it-works--product){padding-bottom:16px}.wp-how-it-works--product~.wp-personal-stories{margin-top:20px}}.wp-how-it-works--three-step{background:var(--wp-paper)}.wp-how-it-works--three-step.wp-how-it-works--product{background:var(--wp-mint)}.wp-how-it-works--three-step .wp-how-it-works__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.wp-how-it-works--three-step .wp-how-it-works__number,.wp-how-it-works--three-step .wp-how-it-works__arrow{color:var(--wp-coral)}.wp-how-it-works--three-step .wp-how-it-works__step:nth-child(2n) .wp-how-it-works__number{color:var(--wp-green)}.wp-how-it-works--three-step .wp-how-it-works__art{background:var(--wp-sun)}.wp-how-it-works--three-step .wp-how-it-works__step:nth-child(2n) .wp-how-it-works__art{background:var(--wp-blue)}@media(min-width:700px)and (max-width:899px){.wp-how-it-works--three-step{--wp-how-gap: 28px;--wp-how-drop: 32px}.wp-how-it-works--three-step .wp-how-it-works__step-heading{font-size:18px}.wp-how-it-works--three-step .wp-how-it-works__arrow{display:none}}@media(max-width:699px){.wp-how-it-works--three-step .wp-how-it-works__steps{grid-template-columns:minmax(0,1fr);row-gap:38px}.wp-how-it-works--three-step .wp-how-it-works__step:nth-child(2n){margin-block-start:0}.wp-how-it-works--three-step .wp-how-it-works__step-heading{min-height:0;max-width:100%}.wp-how-it-works--three-step .wp-how-it-works__art{width:min(100%,218px);margin:18px auto 0}.wp-how-it-works--three-step .wp-how-it-works__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/wonderpods-how-it-works.css.map */