.ta-flow{padding:10.4rem 2.4rem;font-family:var(--ta-font, "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.ta-flow--white{--ta-surface: #fff;background:#fff}.ta-flow--tint{--ta-surface: var(--ta-page, #f2fafd);background:var(--ta-page, #f2fafd)}.ta-flow__inner{max-width:var(--ta-shell, 128rem);margin:0 auto}.ta-flow__head{margin-bottom:5.6rem}.ta-flow__heading{margin:0;font-family:inherit;font-size:3.43rem;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--ta-deep, #094a5d)}.ta-flow__lede{margin:1.6rem 0 0;max-width:56ch;font-size:1.71rem;line-height:1.6;color:var(--ta-muted, #5d6b78)}.ta-flow__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:3.2rem;row-gap:7.2rem;margin:0;padding:0;list-style:none}.ta-flow__step{margin:0}.ta-flow__frame{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:12px;background:var(--ta-tint, #e6f6fc);box-shadow:inset 0 0 0 1px #094a5d14}.ta-flow__img{display:block;width:100%;height:100%;object-fit:cover}.ta-flow__frame--empty{display:grid;place-items:center}.ta-flow__hint{font-size:1.33rem;color:var(--ta-muted, #5d6b78)}.ta-flow__text{display:grid;grid-template-columns:3.2rem minmax(0,1fr);column-gap:1.2rem;margin-top:2.4rem;padding-top:1.8rem;border-top:1px solid rgba(9,74,93,.16)}.ta-flow__n{grid-column:1;grid-row:1;font-size:1.43rem;font-weight:500;line-height:1.45;font-variant-numeric:tabular-nums;color:var(--ta-brand, #2bb5df)}.ta-flow__title{grid-column:2;grid-row:1;margin:0;font-family:inherit;font-size:1.9rem;font-weight:500;line-height:1.35;letter-spacing:0;color:var(--ta-deep, #094a5d)}.ta-flow__body{grid-column:2;grid-row:2;text-wrap:pretty;margin:.8rem 0 0;max-width:36ch;font-size:1.52rem;line-height:1.62;color:var(--ta-muted, #5d6b78)}.ta-flow__footnote{margin:5.6rem 0 0;max-width:68ch;font-size:1.33rem;line-height:1.6;color:var(--ta-muted, #5d6b78)}@media screen and (max-width:989px){.ta-flow{padding:8rem 2.4rem}.ta-flow__steps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.4rem;row-gap:5.6rem}}@media screen and (max-width:749px){.ta-flow{padding:6.4rem 2rem}.ta-flow__head{margin-bottom:4rem}.ta-flow__heading{font-size:2.86rem}.ta-flow__lede{font-size:1.62rem}.ta-flow__steps{grid-template-columns:minmax(0,1fr);row-gap:4.8rem}.ta-flow__frame{aspect-ratio:3 / 2}.ta-flow__body{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ta-flow.css.map */