.sp-how{scroll-margin-top:max(0px,calc(var(--header-height, 64px) + 16px - var(--sp-section-y)));--sp-how-body: clamp(15px, 13.14px + .476vw, 20px)}@media(max-width:749px){.sp-how .sp-h2{line-height:1.1;text-wrap:pretty}.sp-how .sp-how__sub{text-wrap:pretty}.sp-how .sp-h3{text-wrap:wrap}}@media(max-width:389px){.sp-how .sp-h3{text-wrap:pretty}}.sp-how__head{gap:10px;margin-bottom:clamp(24px,9.14px + 3.81vw,64px)}.sp-how__sub{font-size:var(--sp-how-body);line-height:1.55}.sp-how__main{display:grid;gap:24px}.sp-how__media{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--sp-r-card);background:linear-gradient(180deg,var(--sp-100) 0%,var(--sp-200) 100%);aspect-ratio:342 / 300}.sp-how .sp-how__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.sp-how__img--placeholder{fill:var(--sp-300);background:var(--sp-100)}.sp-how__sparkle{z-index:1;display:none}.sp-how__sparkle--big{width:48px;height:48px;color:var(--sp-500);left:var(--sp-sx, 64px);top:var(--sp-sy, 70px)}.sp-how__sparkle--small{width:24px;height:24px;color:var(--sp-white);left:calc(var(--sp-sx, 64px) + 58px);top:calc(var(--sp-sy, 70px) + 56px)}.sp-how__cards{display:grid;gap:24px;align-content:start}.sp-how__card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-width:0;padding:22px;background:var(--sp-white);border:var(--sp-border);border-radius:var(--sp-r-card)}.sp-how .sp-how__pill{padding:8px 16px}.sp-how__card-title{color:var(--sp-500)}.sp-how__card-text{font-size:var(--sp-how-body);line-height:1.55}.sp-how__note{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:var(--sp-50);border-radius:18px}.sp-how__note-i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--sp-500);color:var(--sp-white);font-size:12px;line-height:1;font-weight:700}.sp-how__note-text{font-size:13px;line-height:1.5;min-width:0}.sp-how .sp-how__steps{display:grid;margin:24px 0 0;padding:8px 0 0}.sp-how__step{display:flex;gap:16px;min-width:0}.sp-how__marker{flex:none;width:50px;display:flex;flex-direction:column;align-items:center}.sp-how__num{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:50px;padding:8px 14px;background:var(--sp-white);color:var(--sp-500);border:var(--sp-border);border-radius:var(--sp-r-pill);font-size:14px;line-height:1.2;font-weight:700;letter-spacing:0;position:relative;z-index:1}.sp-how__line{flex:1 0 56px;width:3px;background:var(--sp-500)}.sp-how__step-body{display:grid;gap:4px;align-content:start;padding-top:6px;min-width:0}@media(min-width:750px){.sp-how__head{gap:14px;text-align:center;justify-items:center}.sp-how__head .sp-how__sub{max-width:720px}.sp-how__main{gap:20px}.sp-how__media{aspect-ratio:16 / 9;--sp-sx: 40px;--sp-sy: 36px}.sp-how .sp-how__img{object-position:50% 40%}.sp-how__sparkle{display:block}.sp-how__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sp-how__note{grid-column:1 / -1}.sp-how__card{gap:14px;padding:clamp(24px,15.3px + 1.159vw,32px) clamp(24px,6.61px + 2.319vw,40px)}.sp-how__note{align-items:center;gap:14px;padding:18px 24px;border-radius:20px}.sp-how__note-i{width:28px;height:28px;font-size:14px}.sp-how__note-text{font-size:clamp(13px,11.89px + .286vw,16px);line-height:1.55}.sp-how .sp-how__steps{position:relative;grid-template-columns:repeat(var(--sp-steps, 3),minmax(0,1fr));margin-top:clamp(40px,13.91px + 3.478vw,64px);padding-top:0}.sp-how__steps:before{content:"";position:absolute;top:26px;height:3px;left:calc(100% / (2 * var(--sp-steps, 3)));right:calc(100% / (2 * var(--sp-steps, 3)));background:var(--sp-500)}.sp-how__step{flex-direction:column;align-items:center;gap:14px;text-align:center;padding-inline:12px}.sp-how__marker{width:auto}.sp-how__line{display:none}.sp-how__num{width:auto;padding:12px 26px;font-size:16px}.sp-how__step-body{gap:14px;padding-top:0;max-width:340px;justify-items:center}}@media(min-width:750px)and (max-width:1023px){.sp-how .sp-how__card{justify-content:flex-start}}@media(min-width:1024px){.sp-how__main{grid-template-columns:minmax(0,600fr) minmax(0,808fr);gap:clamp(24px,4.31px + 1.923vw,32px);align-items:stretch}.sp-how__media{aspect-ratio:600 / 640;width:100%;height:100%;--sp-sx: 64px;--sp-sy: 70px}.sp-how .sp-how__img{object-position:50% 50%}.sp-how__cards{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--sp-how-rows, 1fr 1fr auto)}.sp-how__note{grid-column:auto}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/sp-how.css.map */