.image-with-steps{padding:0;color:var(--color-yellow-100);background-color:var(--color-blue-900)}.image-with-steps--padding-top{padding-top:92px}.image-with-steps--padding-bottom{padding-bottom:92px}.image-with-steps__container{align-items:center;gap:var(--grid-gap)}.image-with-steps__media{grid-column:1 / -1;width:100%}.image-with-steps__image-wrapper{position:relative;width:100%;aspect-ratio:576 / 507;border-radius:16px;overflow:hidden;background-color:var(--color-gray-800)}.image-with-steps__image{position:absolute;top:0;left:50%;transform:translate(-50%);width:132%;min-width:100%;height:100%;object-fit:cover;object-position:center}.image-with-steps__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-800)}.image-with-steps__image-placeholder-text{color:var(--color-gray-500);font-size:var(--text-paragraph);font-family:var(--font-family-primary)}.image-with-steps__content{grid-column:1 / -1;display:flex;flex-direction:column;gap:24px;justify-content:center}.image-with-steps__header{display:flex;flex-direction:column;gap:8px}.image-with-steps__title{margin:0;color:var(--color-yellow-100);font-weight:var(--font-weight-light);font-family:var(--font-family-primary);font-size:32px;line-height:1.2}.image-with-steps__subtitle{color:var(--color-gray-500);font-size:var(--text-paragraph);font-weight:var(--font-weight-light);font-family:var(--font-family-primary);line-height:1.04}.image-with-steps__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}.image-with-steps__step{display:flex;gap:16px;align-items:flex-start}.image-with-steps__step-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:999px;background-color:var(--color-blue-300-25);border:1px solid var(--color-blue-300);color:var(--color-yellow-100);font-size:20px;font-weight:var(--font-weight-light);font-family:var(--font-family-primary);line-height:1}.image-with-steps__step-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.image-with-steps__step-title{margin:0;color:var(--color-blue-300);font-weight:var(--font-weight-light);font-family:var(--font-family-primary);font-size:21px;line-height:1.2}.image-with-steps__step-text{margin:0;color:var(--color-yellow-100);font-weight:var(--font-weight-light);font-size:14px;font-family:var(--font-family-primary);line-height:1.31}@media screen and (min-width:768px){.image-with-steps__media{grid-column:1 / span 6;width:100%;max-width:100%}.image-with-steps__image-wrapper{width:100%;height:auto;aspect-ratio:576 / 507}.image-with-steps__content{grid-column:7 / -1;gap:32px}.image-with-steps__title{font-size:40px}.image-with-steps__step-number{width:48px;height:48px;font-size:24px}.image-with-steps__step-title{font-size:24px}.image-with-steps__step-text{font-size:16px}}@media screen and (min-width:1024px){.image-with-steps__media{grid-column:1 / span 5}.image-with-steps__content{grid-column:7 / -1}.image-with-steps__title{font-size:48px}.image-with-steps__container{gap:32px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/image-with-steps.css.map */