.shto-how-to-take{display:flex;flex-direction:column;gap:24px;padding:48px var(--shto-side);background:var(--bg-mist)}.shto-how-to-take__intro{display:flex;flex-direction:column;gap:12px;text-align:center}.shto-how-to-take__title{font-family:var(--font-heading);font-size:34px;font-weight:400;line-height:round(1.2em,1px);text-transform:uppercase;text-align:center;color:var(--ink-navy)}.shto-how-to-take__subtitle{width:fit-content;max-width:100%;margin-inline:auto;font-family:var(--font-body);font-size:16px;font-weight:400;line-height:round(1.4em,1px);text-align:center;color:var(--ink-body)}.shto-how-to-take__steps{display:flex;flex-direction:column}.shto-how-to-take__step{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:8px}.shto-how-to-take__rail{display:flex;flex-direction:column;align-items:center}.shto-how-to-take__circle{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:20px;background:var(--brand-blue)}.shto-how-to-take__number{min-width:calc(50px / 3);font-family:var(--font-heading);font-size:18px;font-weight:400;line-height:round(1.55em,1px);text-align:center;color:var(--on-ink)}.shto-how-to-take--light .shto-how-to-take__circle{background:linear-gradient(270deg,#8dcfff,#eff7ff)}.shto-how-to-take--light .shto-how-to-take__number{font-size:14px;color:var(--ink-navy)}.shto-how-to-take__line{display:block;background:var(--brand-blue)}.shto-how-to-take--light .shto-how-to-take__line{background:#bee3ff}.shto-how-to-take__line--before{display:none}.shto-how-to-take__line--after{flex:1 0 auto;width:1px;margin-top:-1px}.shto-how-to-take__step:last-child .shto-how-to-take__line--after{display:none}.shto-how-to-take__content{display:flex;align-items:center;gap:12px;padding-bottom:24px}.shto-how-to-take__step--top .shto-how-to-take__content{align-items:flex-start}.shto-how-to-take__step:last-child .shto-how-to-take__content{padding-bottom:0}.shto-how-to-take__photo{flex:none;width:120px;aspect-ratio:1;border-radius:var(--radius-small);overflow:hidden;background:#e3eaee}.shto-how-to-take__photo img{width:100%;height:100%;object-fit:cover}.shto-how-to-take__text{display:flex;flex-direction:column;gap:6px;flex:1 1 0;min-width:0}.shto-how-to-take__step-title{font-family:var(--font-heading);font-size:18px;font-weight:400;line-height:round(1.2em,1px);text-transform:uppercase;text-align:left;color:var(--ink-navy)}.shto-how-to-take__step-text{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:round(1.4em,1px);text-align:left;color:var(--ink-body)}.shto-how-to-take__actions{display:flex;flex-direction:column;align-items:center}.shto-how-to-take a.shto-how-to-take__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:18px 16px;border-radius:var(--radius-small);background:var(--brand-blue);color:var(--on-ink);text-decoration:none}.shto-how-to-take__cta-label{flex:1 1 0;min-width:0;font-family:var(--font-ui);font-size:16px;font-weight:800;line-height:16px;text-align:center;text-transform:uppercase;color:var(--on-ink)}@media(min-width:990px){.shto-how-to-take{align-items:center;gap:40px;padding:80px var(--shto-side)}.shto-how-to-take__intro{width:min(1080px,100%)}.shto-how-to-take__title{font-size:40px}.shto-how-to-take__subtitle{color:var(--ink-navy)}.shto-how-to-take__steps{flex-direction:row;align-items:stretch;width:min(var(--shto-how-to-take-steps, 1080px),100%)}.shto-how-to-take__step{display:flex;flex-direction:column;gap:12px;flex:1 1 0;min-width:0}.shto-how-to-take__rail{flex-direction:row;width:100%}.shto-how-to-take__circle,.shto-how-to-take--light .shto-how-to-take__circle{width:36px;height:36px;background:var(--brand-blue-light)}.shto-how-to-take__number,.shto-how-to-take--light .shto-how-to-take__number{font-size:22px;color:var(--on-ink)}.shto-how-to-take__line,.shto-how-to-take--light .shto-how-to-take__line,.shto-how-to-take__step:last-child .shto-how-to-take__line--after{display:block;flex:1 1 0;min-width:0;width:auto;height:1px;margin:0;background:var(--brand-blue-light)}.shto-how-to-take .shto-how-to-take__step .shto-how-to-take__line--before{margin-right:-2px}.shto-how-to-take .shto-how-to-take__step .shto-how-to-take__line--after{margin-left:-2px}.shto-how-to-take__step:first-child .shto-how-to-take__line--before,.shto-how-to-take__step:last-child .shto-how-to-take__line--after{visibility:hidden}.shto-how-to-take__content,.shto-how-to-take__step--top .shto-how-to-take__content{flex-direction:column;align-items:stretch;gap:16px;padding:0 20px}.shto-how-to-take__photo{width:100%}.shto-how-to-take__text{gap:12px}.shto-how-to-take__step-title{font-size:24px;text-align:center}.shto-how-to-take__step-text{font-size:18px;text-align:center}.shto-how-to-take__actions{width:100%}.shto-how-to-take a.shto-how-to-take__cta{width:min(488px,100%)}.shto-how-to-take__cta-label{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/shto-how-to-take.css.map */