.c-howto-image-text{padding:0px var(--space-36)}.c-howto-image-text__container{max-width:1260px;margin:0 auto}.c-howto-image-text__small-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-90);margin-bottom:var(--space-63);align-items:start}.c-howto-image-text__small-step{display:flex;flex-direction:column;align-items:center;position:relative;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.c-howto-image-text__small-step.is-animated{opacity:1;transform:translateY(0)}.c-howto-image-text__small-step:nth-child(1).is-animated{transition-delay:0s}.c-howto-image-text__small-step:nth-child(2).is-animated{transition-delay:.2s}.c-howto-image-text__small-step:nth-child(3).is-animated{transition-delay:.4s}.c-howto-image-text__small-media{width:100%;aspect-ratio:1 / 1;margin-bottom:var(--space-13);position:relative}.c-howto-image-text__small-image,.c-howto-image-text__small-video{width:100%;height:auto;object-fit:cover;display:block}.c-howto-image-text__youtube-wrapper{position:relative;width:100%;height:100%}.c-howto-image-text__youtube-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.c-howto-image-text__arrow{position:absolute;top:50%;right:-30.5px;transform:translate(100%,-50%);color:var(--color-primary);z-index:1;width:29px;height:32px}.c-howto-image-text__small-content{display:flex;align-items:center;gap:12px;width:100%}.c-howto-image-text__number{flex-shrink:0;min-width:55px;height:auto;aspect-ratio:1 / 1;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-42);font-weight:700;letter-spacing:0;line-height:1;padding-bottom:var(--space-3)}.c-howto-image-text__small-text{font-size:var(--fs-21);line-height:1.35;margin:0;font-weight:700;letter-spacing:.13em}.c-howto-image-text__large-steps{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.c-howto-image-text__large-step{display:grid;grid-template-columns:1fr;gap:var(--space-14);text-align:center;justify-content:center;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.c-howto-image-text__large-step.is-animated{opacity:1;transform:translateY(0)}.c-howto-image-text__large-step:nth-child(1).is-animated{transition-delay:0s}.c-howto-image-text__large-step:nth-child(2).is-animated{transition-delay:.2s}.c-howto-image-text__large-media{width:100%;aspect-ratio:600 / 360;overflow:hidden;background-color:#f5f5f5}.c-howto-image-text__large-image,.c-howto-image-text__large-video{width:100%;height:100%;object-fit:cover;display:block}.c-howto-image-text__large-content{display:flex;flex-direction:column;gap:var(--space-9)}.c-howto-image-text__large-title{font-size:clamp(18px,2vw,21px);font-weight:600;line-height:1.4;letter-spacing:.1em;margin:0}.c-howto-image-text__large-small-text{font-size:var(--fs-12);line-height:1.4;margin:0;font-weight:500;letter-spacing:.1em}.c-howto-image-text__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.c-howto-image-text__placeholder svg{width:50%;height:50%;opacity:.3}@media screen and (max-width: 1024px){.c-howto-image-text__number{min-width:40px;font-size:var(--fs-32)}.c-howto-image-text__small-text{font-size:var(--fs-18)}}@media screen and (max-width: 860px){.c-howto-image-text{padding:0px var(--space-36)}.c-howto-image-text__arrow{position:initial;transform:rotate(90deg)}.c-howto-image-text__small-steps{grid-template-columns:1fr;gap:var(--space-17);margin-bottom:var(--space-44)}.c-howto-image-text__small-media{margin-bottom:var(--space-11)}.c-howto-image-text__number{width:29px;height:29px;min-width:auto;font-size:18px}.c-howto-image-text__large-content{align-items:start;text-align:left;gap:var(--space-6)}.c-howto-image-text__small-step:has(.c-howto-image-text__arrow) .c-howto-image-text__small-content{margin-bottom:var(--space-24)}.c-howto-image-text__small-text{font-size:var(--fs-16)}.c-howto-image-text__large-steps{gap:var(--space-32);grid-template-columns:1fr}.c-howto-image-text__large-step{grid-template-columns:1fr;gap:var(--space-11)}.c-howto-image-text__large-title{font-size:var(--fs-16);font-weight:600;letter-spacing:.1em;line-height:1.5}.c-howto-image-text__large-small-text{font-size:var(--fs-12);font-weight:500;letter-spacing:.04em;line-height:1.6}}@media screen and (max-width: 389px){.c-howto-image-text{padding-left:var(--space-20)!important;padding-right:var(--space-20)!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/c-howto-image-text.css.map */