.esn-how{--esn-how-color: #1e4ebd;--esn-how-icon: 220px;padding:56px 0 28px;background:#fff;color:#1c2838}.esn-how__heading{margin:0;color:var(--esn-how-color);font-family:var(--heading-font-family),"Source Sans Pro",sans-serif;font-size:clamp(40px,5vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1.05;text-align:center}.esn-how__mark{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0 28px;color:var(--esn-how-color)}.esn-how__line{width:92px;height:2px;border-radius:999px;background:currentColor}.esn-how__flower,.esn-how__logo{display:block;flex:0 0 auto}.esn-how__flower{width:56px;height:56px}.esn-how__logo{width:auto;max-width:120px;height:56px;object-fit:contain}.esn-how__steps{display:flex;align-items:flex-start;justify-content:center}.esn-how__step{flex:1 1 0;max-width:260px;text-align:center}.esn-how__icon{width:var(--esn-how-icon);margin:0 auto}.esn-how__img{display:block;width:100%;height:auto}.esn-how__title{margin:2px 0 8px;color:var(--esn-how-color);font-family:var(--heading-font-family),"Source Sans Pro",sans-serif;font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.esn-how__text{max-width:210px;margin:0 auto;color:#4d5968;font-size:16px;font-weight:400;line-height:1.45}.esn-how__arrow{position:relative;flex:0 0 88px;height:2px;margin-top:calc(var(--esn-how-icon) * .4);background-image:radial-gradient(circle,#8ec4ef 1.2px,transparent 1.35px);background-size:9px 2px;background-repeat:repeat-x;background-position:left center}.esn-how__arrow:after{content:"";position:absolute;top:50%;right:0;width:8px;height:8px;border-top:2px solid #8ec4ef;border-right:2px solid #8ec4ef;transform:translateY(-50%) rotate(45deg)}@media(max-width:740px){.esn-how{--esn-how-icon: 180px;padding-top:36px}.esn-how__heading{font-size:36px}.esn-how__line{width:48px}.esn-how__steps{flex-direction:column;align-items:center}.esn-how__step{max-width:280px}.esn-how__title{font-size:22px}.esn-how__arrow{flex-basis:auto;width:2px;height:36px;margin:8px 0 4px;background-image:radial-gradient(circle,#8ec4ef 1.2px,transparent 1.35px);background-size:2px 9px;background-repeat:repeat-y;background-position:center top}.esn-how__arrow:after{top:auto;right:auto;bottom:0;left:50%;transform:translate(-50%) rotate(135deg)}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/how-it-works.css.map */