.htpb{padding:0}.htpb__container{max-width:800px;margin:0 auto;text-align:center}.htpb__heading{margin:0 0 1rem;font-family:var(--font-heading-family)}.htpb__intro{opacity:.85;margin:0 0 3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;font-family:var(--font-body-family)}.htpb__intro--small{font-size:calc(var(--font-body-scale) * 1.4rem)}.htpb__intro--medium{font-size:calc(var(--font-body-scale) * 1.6rem)}.htpb__intro--large{font-size:calc(var(--font-body-scale) * 1.8rem)}@media screen and (min-width:750px){.htpb__intro--small{font-size:calc(var(--font-body-scale) * 1.5rem)}.htpb__intro--medium{font-size:calc(var(--font-body-scale) * 1.8rem)}.htpb__intro--large{font-size:calc(var(--font-body-scale) * 2.1rem)}}.htpb__steps{display:flex;flex-direction:column;gap:2rem;text-align:left;margin-bottom:3rem}.htpb__step{display:flex;align-items:flex-start;gap:1.25rem}.htpb__step-number{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--htpb-accent, currentColor);color:#fff;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family)}.htpb__step-content{padding-top:.25rem}.htpb__step-title{font-weight:700;margin:0 0 .35rem;font-family:var(--font-heading-family)}.htpb__step-title--small{font-size:calc(var(--font-heading-scale) * 1.4rem)}.htpb__step-title--medium{font-size:calc(var(--font-heading-scale) * 1.6rem)}.htpb__step-title--large{font-size:calc(var(--font-heading-scale) * 1.8rem)}@media screen and (min-width:750px){.htpb__step-title--small{font-size:calc(var(--font-heading-scale) * 1.6rem)}.htpb__step-title--medium{font-size:calc(var(--font-heading-scale) * 1.8rem)}.htpb__step-title--large{font-size:calc(var(--font-heading-scale) * 2.2rem)}}.htpb__step-description{margin:0;opacity:.8;line-height:1.5;font-family:var(--font-body-family)}.htpb__step-description--small{font-size:calc(var(--font-body-scale) * 1.3rem)}.htpb__step-description--medium{font-size:calc(var(--font-body-scale) * 1.5rem)}.htpb__step-description--large{font-size:calc(var(--font-body-scale) * 1.7rem)}@media screen and (min-width:750px){.htpb__step-description--small{font-size:calc(var(--font-body-scale) * 1.4rem)}.htpb__step-description--medium{font-size:calc(var(--font-body-scale) * 1.6rem)}.htpb__step-description--large{font-size:calc(var(--font-body-scale) * 1.9rem)}}@media screen and (max-width:749px){.htpb__step{gap:1rem}.htpb__step-number{width:36px;height:36px;font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/how-to-photo-book.css.map */