.how-it-works{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.how-it-works__wrapper{width:100%}.how-it-works__container{width:100%;max-width:var(--page-width, 1200px);margin:0 auto;padding:0 var(--space-s6)}.how-it-works__header{text-align:center;margin-bottom:var(--space-l4)}.how-it-works__subheading{font-family:var(--font-family-body);font-size:var(--font-size-subheading);font-weight:400;letter-spacing:var(--letter-spacing-subheading);text-transform:uppercase;color:#1c3737;margin:0 0 var(--space-s5)}.how-it-works__wrapper .how-it-works__heading{font-family:var(--font-family-heading);font-size:var(--font-size-h1);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-h2);font-weight:400;color:#1c3737;margin:0}.how-it-works__cards{display:grid;grid-template-columns:1fr;gap:var(--space-s5);width:100%;max-width:1280px;margin:0 auto}@media screen and (min-width:750px){.how-it-works__cards{grid-template-columns:repeat(3,1fr);gap:var(--space-s5)}}.how-it-works__card{position:relative}.how-it-works__card-inner{position:relative;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-height:420px;border:0px solid transparent}.how-it-works__card--green .how-it-works__card-inner,.how-it-works__card--peach .how-it-works__card-inner,.how-it-works__card--purple .how-it-works__card-inner{border-color:transparent}.how-it-works__card-media{position:relative;flex:1 1 auto;min-height:220px;background-color:var(--color-ice-baby-blue)}.how-it-works__image{width:100%;height:100%;object-fit:cover;display:block}.how-it-works__placeholder{width:100%;height:100%;min-height:220px;background:linear-gradient(135deg,var(--color-soul-green) 0%,var(--color-ice-baby-blue) 100%)}.how-it-works__card--peach .how-it-works__placeholder{background:linear-gradient(135deg,var(--color-ice-baby-blue) 0%,var(--color-sweet-strawberry) 100%)}.how-it-works__card--purple .how-it-works__placeholder{background:linear-gradient(135deg,var(--color-ice-baby-blue) 0%,var(--color-purple-pillow) 100%)}.how-it-works__number{position:absolute;top:var(--space-s5);right:0;left:0;margin:auto;z-index:2;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;font-family:var(--font-family-body);font-size:var(--font-size-h4);font-weight:700;line-height:1;border:2px solid currentColor}.how-it-works__card--green .how-it-works__number{background-color:#cfee8e;color:#013940;border:1px solid #013940}.how-it-works__card--peach .how-it-works__number{background-color:#ffecd5;color:#f04b4b;border:1px solid #F04B4B}.how-it-works__card--purple .how-it-works__number{background-color:#c5cce8;color:#69489d;border:1px solid #69489D}.how-it-works__overlay{padding:var(--space-s4) var(--space-s5);text-align:center;border-radius:22px;position:absolute;bottom:var(--space-s5);margin:0 24px}.how-it-works__cards .how-it-works__card.how-it-works__card--peach{margin-top:40px}.how-it-works__cards .how-it-works__card.how-it-works__card--purple{margin-top:80px}.how-it-works__card--green .how-it-works__overlay{background-color:#cfee8e;color:#013940;border:1px solid #013940}.how-it-works__card--peach .how-it-works__overlay{background-color:#ffecd5;color:#f04b4b;border:1px solid #F04B4B}.how-it-works__card--purple .how-it-works__overlay{background-color:#c5cce8;color:#69489d;border:1px solid #69489D}.how-it-works__card-title{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:700;line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-h4);margin:0 0 var(--space-s6);color:inherit}.how-it-works__card-description{font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:400;line-height:var(--line-height-body);letter-spacing:-.84px;margin:0;color:inherit}@media screen and (max-width:749px){.how-it-works__container{padding:0 var(--space-s5)}.how-it-works__header{margin-bottom:var(--space-s1)}.how-it-works__subheading{margin-bottom:var(--space-s5)}.how-it-works__heading{font-size:var(--font-size-h3);letter-spacing:var(--letter-spacing-h3)}.how-it-works__cards{position:relative;min-height:550px;margin:0 auto;max-width:340px}.how-it-works__cards .how-it-works__card:nth-child(1){position:absolute;top:0;left:8%;width:85%;z-index:1;margin-top:0;transition:z-index .25s ease,transform .2s ease;cursor:pointer}.how-it-works__cards .how-it-works__card:nth-child(1):hover{z-index:10}.how-it-works__cards .how-it-works__card:nth-child(2){position:absolute;top:64px;left:7%;width:88%;z-index:2;margin-top:0;transition:z-index .25s ease,transform .2s ease;cursor:pointer}.how-it-works__cards .how-it-works__card:nth-child(2):hover{z-index:10}.how-it-works__cards .how-it-works__card:nth-child(3){position:absolute;top:128px;left:6%;width:92%;z-index:3;margin-top:0}.how-it-works__card-inner{min-height:320px}.how-it-works__card-media{min-height:160px}.how-it-works__number{width:40px;height:40px;font-size:var(--font-size-body-large);top:var(--space-s6);right:0;left:0}.how-it-works__overlay{padding:var(--space-s5);bottom:var(--space-s6);margin:0 16px}.how-it-works__card-title{font-size:var(--font-size-h3)}.how-it-works__card-description{font-size:var(--font-size-body-small)}}
/*# sourceMappingURL=/cdn/shop/t/577/assets/section-how-it-works.css.map */