.sw-how{display:block;padding:40px 0;background:#f7f8fa;color:#0f1626;font-family:var(--font-body-family)}.sw-how *,.sw-how *:before,.sw-how *:after{box-sizing:border-box}.sw-how__wrap{max-width:1240px;margin:0 auto;padding:0 22px}.sw-how__heading,.sw-how__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);color:inherit;letter-spacing:-.02em}.sw-how__heading{margin:0 0 24px;font-size:clamp(28px,4vw,40px);line-height:1.15}.sw-how__eyebrow{margin:0 0 8px;color:#1e3a5f;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.sw-how__intro{margin:-12px 0 24px;font-size:16px;line-height:1.5}.sw-how__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sw-how__card{min-width:0;margin:0;background:#eef1f5;border-radius:2px;overflow:hidden}.sw-how__media{aspect-ratio:4 / 5;overflow:hidden;border-radius:2px;background:#eef1f5}.sw-how__image,.sw-how__placeholder{display:block;width:100%;height:100%;object-fit:cover}.sw-how__body{padding:16px}.sw-how__label{margin:0 0 6px;color:#1e3a5f;font-size:12px;font-weight:700;line-height:1.4}.sw-how__title{margin:0 0 8px;font-size:22px;line-height:1.2}.sw-how__text{margin:0;font-size:14px;line-height:1.5}.sw-how__dots{display:none}.sw-how__track:focus-visible,.sw-how__dot:focus-visible{outline:2px solid #0f1626;outline-offset:3px}@media(max-width:749px){.sw-how__wrap{padding:0 18px}.sw-how__track{display:flex;gap:14px;margin-inline:-18px;padding:0 18px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;scrollbar-width:thin;scrollbar-color:#d97f00 #dde2ea}.sw-how__track::-webkit-scrollbar{height:4px}.sw-how__track::-webkit-scrollbar-track{background:#dde2ea}.sw-how__track::-webkit-scrollbar-thumb{background:#d97f00;border-radius:2px}.sw-how__card{flex:0 0 78%;scroll-snap-align:start}.sw-how__dots:not([hidden]){display:flex;justify-content:center;margin-top:4px}.sw-how__dot{display:grid;place-items:center;width:44px;height:44px;border:0;padding:0;background:transparent;cursor:pointer}.sw-how__dot span{width:7px;height:7px;border-radius:50%;background:#a0aaba}.sw-how__dot[aria-current=step] span{background:#d97f00;width:20px;border-radius:4px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ch-steps.css.map */
