.yt-how{background:var(--bg)}.yt-how-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-top:56px}.yt-steps{display:flex;flex-direction:column;justify-content:space-between}.yt-step{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--border);transition:all .25s}.yt-step:last-child{border-bottom:none}.yt-step:hover .yt-snum{background:var(--red);color:var(--white);border-color:var(--red)}.yt-snum{width:40px;height:40px;flex-shrink:0;border:1px solid var(--border2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:14px;font-weight:900;color:var(--muted);transition:all .25s}.yt-stitle{font-family:var(--font);font-size:24px;font-weight:900;letter-spacing:-.4px;margin-bottom:7px;color:var(--text);line-height:1.2}.yt-sdesc{font-size:16px!important;color:var(--muted)!important;line-height:1.7!important;font-weight:500;margin:0}.yt-how-visual{background:var(--bg3);border:1px solid var(--border2);border-radius:20px;padding:32px;position:relative;overflow:hidden;aspect-ratio:4 / 5;display:flex;align-items:center;justify-content:center}.yt-how-visual img{width:100%;height:100%;object-fit:cover;border-radius:10px}.yt-how-visual-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-family:var(--body);font-size:14px;font-weight:500;width:100%;height:100%;min-height:300px}.yt-how-visual-placeholder svg{opacity:.3}@media(max-width:1024px){.yt-how-grid{grid-template-columns:1fr;gap:40px}.yt-how-visual{aspect-ratio:16 / 9;order:-1}.yt-how-visual-placeholder{min-height:200px}}@media(max-width:600px){.yt-step{gap:16px;padding:22px 0}.yt-stitle{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ythype-how.css.map */