.nhw{--nhw-gap: 4rem;--nhw-dot: 3.2rem}.nhw__header{max-width:72rem;margin:0 auto 5.6rem;text-align:center}.nhw__heading>*{margin:0}.nhw__intro{margin-top:1.6rem;color:rgba(var(--color-foreground),.8)}.nhw__intro>*{margin:0}.nhw__steps{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:5.6rem;max-width:48rem}@media(min-width:750px){.nhw__steps{grid-template-columns:repeat(var(--nhw-count, 3),minmax(0,1fr));column-gap:var(--nhw-gap);max-width:none}}.nhw__step{display:flex;flex-direction:column;align-items:center;min-width:0}.nhw__media{width:min(100%,36rem);aspect-ratio:1}.nhw__image{display:block;width:100%;height:100%;object-fit:contain}.nhw--blend .nhw__image{mix-blend-mode:multiply}.nhw__placeholder{background:rgba(var(--color-foreground),.05);fill:rgba(var(--color-foreground),.25)}.nhw__marker{position:relative;width:100%;display:flex;justify-content:center;margin:1.6rem 0 2.4rem}.nhw__number{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--nhw-dot) * 2);height:calc(var(--nhw-dot) * 2);border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 700);font-size:2rem;line-height:1}.nhw__step--tinted .nhw__number{background:var(--nhw-number-bg);color:rgb(var(--color-text-heading, var(--color-foreground)))}.nhw__connector{--nhw-space: 1rem;position:absolute;top:50%;left:calc(50% + var(--nhw-dot) + var(--nhw-space));width:calc(100% + var(--nhw-gap) - 2 * (var(--nhw-dot) + var(--nhw-space)));height:6.4rem;transform:translateY(-50%);overflow:visible;fill:none;stroke:rgb(var(--color-button));stroke-width:5;stroke-linecap:round;stroke-dasharray:.1 12}.nhw__connector path{vector-effect:non-scaling-stroke}.nhw__connector--flip{transform:translateY(-50%) scaleY(-1)}@media(max-width:749px){.nhw__connector{display:none}}.nhw__body{width:100%;max-width:48rem}.nhw__title{margin:0;text-align:center}.nhw__text{margin-top:2rem;color:rgba(var(--color-foreground),.85);text-align:left}.nhw--text-center .nhw__text{text-align:center}.nhw__text>*{margin:0}.nhw__text>*+*{margin-top:1.2rem}.nhw__text ul{list-style:none;padding:0;display:grid;gap:1rem;text-align:left}.nhw--text-center .nhw__text ul{justify-content:center}.nhw__text li{position:relative;padding-left:3.6rem;line-height:1.45}.nhw__text li:before,.nhw__text li:after{content:"";position:absolute;left:0;top:0;width:2.4rem;height:2.4rem}.nhw__text li:before{border-radius:50%;background:rgba(var(--color-button),.14)}.nhw__text li:after{background:rgb(var(--color-button));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 12.5l3 3 6-6.5'/%3E%3C/svg%3E") center / 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 12.5l3 3 6-6.5'/%3E%3C/svg%3E") center / 100% no-repeat}.nhw__cta{display:flex;justify-content:center;margin-top:5.6rem}.nhw__arrow{width:1.6rem;height:1.6rem;flex:none}@media(max-width:749px){.nhw__header{margin-bottom:4rem}.nhw__cta{margin-top:4.8rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/natora-how-it-works.css.map */