.xx-how-it-works{position:relative}.xx-how-it-works__inner{margin:0 auto;max-width:var(--xx-how-it-works-max-width);padding-top:var(--xx-how-it-works-padding-top);padding-bottom:var(--xx-how-it-works-padding-bottom)}.xx-how-it-works__heading{margin:0 0 2.4rem;text-align:center;color:var(--xx-how-it-works-heading-color);font-size:var(--xx-how-it-works-heading-size-mobile);line-height:1.08;letter-spacing:.08em;text-transform:uppercase}.xx-how-it-works__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--xx-how-it-works-step-gap);align-items:start}.xx-how-it-works__step{display:flex;flex-direction:column;align-items:center;text-align:center}.xx-how-it-works__topline{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:calc(var(--xx-how-it-works-icon-size) + .8rem);margin-bottom:1.2rem}.xx-how-it-works__number{color:var(--xx-how-it-works-number-color);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--xx-how-it-works-number-size-mobile);line-height:1;letter-spacing:.04em}.xx-how-it-works__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:var(--xx-how-it-works-icon-size);height:var(--xx-how-it-works-icon-size)}.xx-how-it-works__icon{display:block;width:100%;height:100%;object-fit:contain}.xx-how-it-works__title{margin:0 0 .9rem;color:var(--xx-how-it-works-title-color);font-size:var(--xx-how-it-works-title-size-mobile);line-height:1.14;letter-spacing:.04em;text-transform:uppercase}.xx-how-it-works__body{margin:0;max-width:27rem;color:var(--xx-how-it-works-body-color);font-size:var(--xx-how-it-works-body-size-mobile);line-height:1.45}.xx-how-it-works__body br{display:block;content:"";margin-top:.25rem}@media screen and (min-width:750px){.xx-how-it-works__heading{margin-bottom:3rem;font-size:var(--xx-how-it-works-heading-size-desktop)}.xx-how-it-works__number{font-size:var(--xx-how-it-works-number-size-desktop)}.xx-how-it-works__title{font-size:var(--xx-how-it-works-title-size-desktop)}.xx-how-it-works__body{font-size:var(--xx-how-it-works-body-size-desktop)}}@media screen and (max-width:749px){.xx-how-it-works__steps{grid-template-columns:1fr;gap:2.4rem}.xx-how-it-works__topline{margin-bottom:.9rem}.xx-how-it-works__body{max-width:32rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-xx-how-it-works.css.map */