.tutorial-with-steps__step{display:flex;gap:20px;max-width:60%;margin:50px auto;align-items:center}.tutorial-with-steps__step-images{display:flex;justify-content:center;gap:20px;flex-shrink:0;position:relative;gap:0;align-items:center}.tutorial-with-steps__step-images--overlap .tutorial-with-steps__step-icon,.tutorial-with-steps__step-images--overlap .tutorial-with-steps__step-featured-image{position:absolute;top:50%;transform:translateY(-50%)}.tutorial-with-steps__step-images--overlap .tutorial-with-steps__step-icon{z-index:1}.tutorial-with-steps__step-images--overlap .tutorial-with-steps__step-featured-image{right:0;z-index:0;object-position:15%}.tutorial-with-steps__step-icon,.tutorial-with-steps__step-featured-image{object-fit:cover;border-radius:50%}.tutorial-with-steps__heading{text-align:center;margin-block-end:32px}.tutorial-with-steps__video-wrapper{display:flex;justify-content:center;align-items:center}.tutorial-with-steps__video-wrapper .section__media{max-width:100%;width:31rem;height:18.8rem;display:block;margin:auto;border-radius:1.4rem}@media screen and (max-width:768px){.tutorial-with-steps__step{max-width:none;gap:12px}.tutorial-with-steps__heading{font-size:2.4rem}.tutorial-with-steps__step-images--overlap .tutorial-with-steps__step-icon{left:0;width:75px;height:75px}.tutorial-with-steps__step-images,.tutorial-with-steps__step-images:not(.tutorial-with-steps__step-images--overlap) .tutorial-with-steps__step-icon,.tutorial-with-steps__step-images--overlap .tutorial-with-steps__step-featured-image{width:150px;height:150px}}@media screen and (min-width:480px){.tutorial-with-steps__video-wrapper .section__media{width:40rem;height:24rem}}@media screen and (min-width:750px){.tutorial-with-steps__video-wrapper .section__media{width:60rem;height:33rem}.tutorial-with-steps__step-images--overlap .tutorial-with-steps__step-icon{left:-45px}.tutorial-with-steps__step-images,.tutorial-with-steps__step-images:not(.tutorial-with-steps__step-images--overlap) .tutorial-with-steps__step-icon,.tutorial-with-steps__step-images--overlap .tutorial-with-steps__step-featured-image{width:175px;height:175px}.tutorial-with-steps__step-images--overlap .tutorial-with-steps__step-icon{width:125px;height:125px}}@media screen and (min-width:990px){.tutorial-with-steps__video-wrapper .section__media{width:88.953rem;height:50rem}}
/*# sourceMappingURL=/cdn/shop/t/193/assets/section-tutorial-with-steps.css.map */