.how-it-works{position:relative;overflow:hidden;display:flex;background:#eddcce;align-items:center;justify-content:center}.how-it-works__bg_inner{position:relative;flex:1;order:1;display:block;padding:0 94px 0 40px;max-width:914px}.how-it-works__bg_inner_img{position:relative;overflow:hidden;display:block;width:100%;margin:0;padding:0 0 112.4%}.how-it-works__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.how-it-works__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.how-it-works__bg-image.is-active{opacity:1}.how-it-works__container{position:relative;z-index:1;max-width:556px;margin:0;padding:144px 56px 119px;width:100%}.how-it-works__heading{margin:0 0 16px}.how-it-works__heading *{color:#152d21;font-size:56px;font-style:normal;font-weight:400;line-height:104%}.how-it-works__heading * em{font-style:italic}.how-it-works__subheading{max-width:432px;margin:0 0 45px}.how-it-works__subheading *{color:#152d21;font-family:Canela Text;font-size:18px;font-style:normal;font-weight:400;line-height:128%}.how-it-works__content{max-width:433px}.how-it-works__hotspot{position:absolute;display:flex;align-items:center;gap:75px;background:none;border:none;cursor:pointer;z-index:2;transform:translate(-50%,-50%);padding:0;white-space:nowrap}.how-it-works__hotspot-dot{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#152d21;color:var(--color-background);font-size:14px;font-weight:400;font-family:source-code-pro;flex-shrink:0;transition:transform .3s ease;padding-bottom:2px;position:relative}.how-it-works__hotspot-dot:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";border-radius:100px;border:1.5px solid #152D21;width:calc(100% + 6px);height:calc(100% + 6px)}.how-it-works__hotspot.is-active .how-it-works__hotspot-dot:before{display:none}.how-it-works__hotspot-label{display:none;background:#f9f0e7;color:var(--color-foreground);padding:7px 16px;border-radius:48px;pointer-events:none;border:1px solid #152D21;font-family:source-code-pro;font-size:14px;font-style:normal;font-weight:400;line-height:100%;text-transform:uppercase;position:absolute;top:50%;transform:translateY(-50%);left:97px}.how-it-works__hotspot-label:after{content:"";position:absolute;top:50%;left:-75px;transform:translateY(-50%);width:75px;height:1px;background:#152d21}.how-it-works__hotspot.is-active .how-it-works__hotspot-label{display:block}.how-it-works__mobile-image{display:none}.how-it-works__mobile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.how-it-works__mobile-img.is-active{opacity:1}.how-it-works__mobile-hotspot{position:absolute;display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;z-index:2;transform:translate(-50%,-50%);padding:0;white-space:nowrap}.how-it-works__accordion{display:flex;flex-direction:column;gap:0}.how-it-works__item{border-bottom:1px solid var(--color-foreground)}.how-it-works__item:first-child{border-top:none}.how-it-works__trigger{display:flex;align-items:center;gap:9px;width:100%;padding:16px 0;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;color:var(--color-foreground)}.how-it-works__number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--color-foreground);background:var(--color-foreground);color:var(--color-background);font-size:14px;font-weight:400;flex-shrink:0;line-height:100%;transition:background .3s ease,color .3s ease;padding-bottom:2px}.how-it-works__item.is-active .how-it-works__number{background:var(--color-foreground);color:var(--color-background)}.how-it-works__title{flex:1;font-family:var(--font-heading--family);font-size:24px;font-style:normal;font-weight:400;line-height:104%;letter-spacing:.48px;margin:0}.how-it-works__icon{width:20px;height:20px;transition:transform .3s ease;flex-shrink:0}.how-it-works__item.is-active .how-it-works__icon{transform:rotate(180deg)}.how-it-works__body{overflow:hidden}.how-it-works__body_inner{padding:0 17px 19px 31px;margin-top:0}.how-it-works__body p{margin:0;color:#152d21;font-family:aktiv-grotesk;font-size:14px;font-style:normal;font-weight:400;line-height:128%}@media(max-width:991px){.how-it-works{min-height:auto}.how-it-works__bg,.how-it-works__hotspot{display:none}.how-it-works__container{padding:40px 20px}.how-it-works__heading,.how-it-works__subheading{text-align:center;max-width:100%}.how-it-works__content{max-width:100%}.how-it-works__mobile-image{display:block;position:relative;width:100%;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;margin-bottom:24px}}@media(min-width:992px){.how-it-works__mobile-image,.how-it-works__bg-image--mobile{display:none}.how-it-works__bg-image--desktop{display:block}}@media(min-width:0px)and (max-width:749px){.how-it-works{background:#eedccf}.how-it-works__container{padding:56px 19px}.how-it-works__heading *{font-size:40px;line-height:104%;letter-spacing:.8px;text-align:center}.how-it-works__heading{margin-bottom:24px}.how-it-works__subheading *{font-size:16px;line-height:136%;text-align:center}.how-it-works__subheading{margin-bottom:24px}.how-it-works__mobile-image{position:relative;margin:0 0 8px;padding:0 0 89.615%;width:100%;aspect-ratio:unset;overflow:hidden;border:1px solid #152D21;border-radius:0}.how-it-works__item:first-child{border-top:none}.how-it-works__trigger{gap:9px}.how-it-works__body_inner{padding:0 17px 19px 33px;margin-top:0}.how-it-works__mobile-hotspot.is-active .how-it-works__hotspot-dot:before{display:none}.how-it-works__mobile-hotspot.is-active .how-it-works__hotspot-label{display:block}.how-it-works__hotspot-label{padding:4px 11px;left:40px}.how-it-works__hotspot-label:after{left:-17px;width:17px}.how-it-works__container{max-width:100%;padding:60px 19px 56px}.how-it-works__bg_inner{display:none}}@media(min-width:750px)and (max-width:991px){.how-it-works{background:#eedccf}.how-it-works__container{padding:60px 19px}.how-it-works__heading *{font-size:40px;line-height:104%;letter-spacing:.8px;text-align:center}.how-it-works__heading{margin-bottom:24px}.how-it-works__subheading *{font-size:16px;line-height:136%;text-align:center}.how-it-works__subheading{margin-bottom:24px}.how-it-works__mobile-image{position:relative;margin:0 0 8px;padding:0 0 89.615%;width:100%;aspect-ratio:unset;overflow:hidden;border:1px solid #152D21;border-radius:0}.how-it-works__item:first-child{border-top:none}.how-it-works__trigger{gap:9px}.how-it-works__item.is-active .how-it-works__body{max-height:200px;padding:0 17px 16px 33px}.how-it-works__mobile-hotspot.is-active .how-it-works__hotspot-dot:before{display:none}.how-it-works__mobile-hotspot.is-active .how-it-works__hotspot-label{display:block}.how-it-works__hotspot-label{padding:4px 11px;left:40px}.how-it-works__hotspot-label:after{left:-17px;width:17px}.how-it-works__container{max-width:100%}.how-it-works__bg_inner{display:none}}@media(min-width:992px)and (max-width:1199px){.how-it-works__container{position:relative;z-index:1;max-width:436px;margin:0;padding:40px 20px;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/how-it-works.css.map */