.how-it-works{position:relative;overflow:hidden;background-color:#fffdf8}.how-it-works>.page-width{position:relative;z-index:1;max-width:130rem;padding-left:clamp(1.5rem,5vw,8.5rem);padding-right:clamp(1.5rem,5vw,3.5rem)}.how-it-works__blob-bg{position:absolute;top:0;bottom:0;width:32%;max-width:40rem;height:100%;color:#fbf2e3;fill:currentColor;z-index:0}.how-it-works__blob-bg--left{left:0}.how-it-works__blob-bg--right{right:0}@media screen and (max-width:749px){.how-it-works__blob-bg{display:none}}.how-it-works__header{position:relative;text-align:center;max-width:62rem;margin:0 auto 3.2rem}@media screen and (max-width:749px){.how-it-works__header{margin:0 auto 1.6rem}}.how-it-works__doodle-paw{top:-1.4rem;left:12%;color:rgb(var(--color-button));transform:rotate(-12deg)}.how-it-works__doodle-heart{top:-2rem;left:20%;color:#ef664b;opacity:.9;transform:rotate(8deg)}.how-it-works__doodle-scribble{top:-.8rem;right:14%;color:rgb(var(--color-button))}.how-it-works__heading{margin:0 0 .5rem;font-size:4.8rem}.how-it-works__subheading{margin:0;font-size:1.9rem;opacity:.85}@media screen and (max-width:749px){.how-it-works__heading{margin:0 0 .3rem;font-size:3.1rem}.how-it-works__subheading{font-size:1.4rem}}.how-it-works__row{display:flex;flex-direction:column;gap:2.4rem}@media screen and (max-width:749px){.how-it-works__row{gap:1.2rem}}@media screen and (min-width:990px){.how-it-works__row--with-cta{flex-direction:row;align-items:stretch;gap:2rem}}.how-it-works__grid-wrap{position:relative;flex:1}.how-it-works__grid{display:grid;grid-template-columns:1fr;gap:3.6rem 3rem}@media screen and (max-width:749px){.how-it-works__grid{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:8%;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.6rem;touch-action:pan-x}.how-it-works__grid::-webkit-scrollbar{display:none}}@media screen and (min-width:750px){.how-it-works__grid{grid-template-columns:repeat(3,1fr);gap:3rem}}.how-it-works__grid-nav{display:none}@media screen and (max-width:749px){.how-it-works__grid-nav{display:flex;position:absolute;top:56%;transform:translateY(-50%);align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;border:none;padding:0;background-color:rgb(var(--color-background));box-shadow:0 .3rem .9rem #4f291b2e;color:rgb(var(--color-foreground));cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:3}.how-it-works__grid-nav .svg-wrapper svg{width:1.2rem;height:1.2rem}.how-it-works__grid-nav--prev{left:-.4rem}.how-it-works__grid-nav--prev .svg-wrapper{transform:rotate(90deg)}.how-it-works__grid-nav--next{right:-.4rem}.how-it-works__grid-nav--next .svg-wrapper{transform:rotate(-90deg)}}.how-it-works__step{position:relative;text-align:left}@media screen and (max-width:749px){.how-it-works__step{flex:0 0 84%;scroll-snap-align:center;text-align:center}.how-it-works__step:first-child{margin-left:8%}.how-it-works__step:last-child{margin-right:8%}}.how-it-works__step-header{display:flex;align-items:center;gap:.9rem;margin-bottom:.6rem}@media screen and (max-width:749px){.how-it-works__step-header{justify-content:center}}.how-it-works__number{flex-shrink:0;width:3.6rem;height:3.6rem;border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.6rem}.how-it-works__step-title{margin:0;font-size:2.3rem;line-height:1.15}.how-it-works__step-text{margin:0 0 1.8rem;font-size:1.6rem;opacity:.85;max-width:34rem}@media screen and (max-width:749px){.how-it-works__step-header{gap:.7rem;margin-bottom:.4rem}.how-it-works__number{width:2.8rem;height:2.8rem;font-size:1.3rem}.how-it-works__step-title{font-size:1.8rem}.how-it-works__step-text{margin:0 0 .9rem;font-size:1.35rem}}.how-it-works__image-area{position:relative;width:21rem;max-width:100%;aspect-ratio:1 / 1;margin:0 auto;background-color:transparent}@media screen and (max-width:749px){.how-it-works__image-area{width:21rem}}.how-it-works__blob{position:absolute;top:4%;right:4%;bottom:4%;left:4%;background-color:rgb(var(--color-background));border-radius:63% 37% 54% 46%/45% 41% 59% 55%}.how-it-works__step-dash{position:absolute;width:3.2rem;height:3.2rem;background-color:rgb(var(--color-background));-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;z-index:3}.how-it-works__step-dash--1{top:1.4rem;right:1.8rem;transform:rotate(-15deg)}.how-it-works__step-dash--2{bottom:2rem;left:1.2rem;transform:rotate(160deg)}@media screen and (max-width:749px){.how-it-works__step-dash{width:3.8rem;height:3.8rem}.how-it-works__step-dash--1{top:.8rem;right:1.2rem}.how-it-works__step-dash--2{bottom:1.4rem;left:.6rem}}.how-it-works__image-frame{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.how-it-works__image,.how-it-works__image-frame svg.placeholder{width:68%;height:68%;object-fit:cover;border-radius:1rem;display:block}.how-it-works__image-frame--polaroid{transform:rotate(-4deg)}.how-it-works__step:nth-child(3) .how-it-works__image,.how-it-works__step:nth-child(3) .how-it-works__image-frame svg.placeholder{width:82%;height:82%}.how-it-works__image-frame--polaroid .how-it-works__image,.how-it-works__image-frame--polaroid svg.placeholder{width:62%;height:62%;border-radius:.2rem;background:#fff;padding:.6rem .6rem 1.6rem;box-shadow:0 .6rem 1.4rem #0000002e;object-fit:cover}.how-it-works__arrow{display:none}@media screen and (min-width:750px){.how-it-works__arrow{display:block;position:absolute;top:42%;right:-4.6rem;width:6rem;height:3.75rem;color:#4f291b;opacity:.85;z-index:1}.how-it-works__arrow svg{width:100%;height:100%}}.how-it-works__cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem}@media screen and (min-width:990px){.how-it-works__cta{width:20rem;flex-shrink:0}}.how-it-works__cta-bubble{position:relative;background-color:#f5decb;color:#4f291b;border-radius:63% 37% 54% 46%/45% 41% 59% 55%;padding:2.4rem 2rem;width:19.5rem;max-width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-4deg)}@media screen and (max-width:749px){.how-it-works__cta-bubble{display:none}}.how-it-works__cta-doodle{top:.4rem;left:1rem;color:#ef664b;transform:rotate(-10deg)}.how-it-works__cta-heading{margin:0;font-size:2.6rem;line-height:1.15;display:flex;align-items:center;justify-content:center;gap:.5rem}.how-it-works__cta-heading .svg-wrapper{color:#ef664b;flex-shrink:0}.how-it-works__cta-heading .svg-wrapper svg{width:1.9rem;height:1.9rem}.how-it-works__cta-button{display:inline-flex;align-items:center;gap:.6rem;background-color:#ef664b;color:#fff;padding:1.2rem 2.4rem;border-radius:999px;font-weight:700;--buttons-radius: 999px;--buttons-radius-outset: 999px;--color-button: 239, 102, 75;--color-button-text: 255, 255, 255}.how-it-works__cta-button-icon svg{width:1.3rem;height:1.3rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-how-it-works.css.map */