.--index-temp .section-how-to{background-color:rgb(var(--color-bg-lt))}.how-to-section{text-align:center;padding-block:70px}.how-to__steps{display:flex;justify-content:space-around;margin-top:50px;column-gap:20px}.how-to__step{flex:1}.how-to__step .__image{position:relative}.how-to__step .__image img{aspect-ratio:1;object-fit:cover;height:auto}.how-to__step .__image img:nth-child(2){opacity:0}.how-to__step:hover .__image img:first-child{opacity:0}.how-to__step:hover .__image img:last-child{opacity:1}.how-to__step .__title{font-family:ABCDiatype,serif;text-transform:uppercase;display:flex;align-items:center;justify-content:center;column-gap:10px;font-size:20px;margin:34px 0 11px}.how-to__step .__title span{display:flex;justify-content:center;align-items:center;width:28px;height:28px;background-color:rgb(var(--color-ac));border-radius:50%;font-size:16px;line-height:1;flex-shrink:0}.how-to__step .__description{margin:5px 0 0;font-family:ABCDiatype,sans-serif;margin-inline:auto;max-width:90%;font-size:16px;line-height:20px}.how-to__step .__step_number{font-family:ABCDiatypeMono,serif;font-size:16px;margin-bottom:24px;margin-top:12px;display:block}.how-to__steps-inner-mobile{display:none}.how-to__steps-inner-desktop{display:flex;gap:20px;margin-top:40px}@media screen and (max-width: 749px){.how-to__steps-inner-mobile{display:block;padding-bottom:32px}.how-to__step .__step_number{font-size:14px;line-height:1}.how-to__steps-inner-desktop{display:none}.how-to-section{padding:35px 0 0}.how-to__steps{display:block;padding:0 15px 21px}.how-to__step .__image img{aspect-ratio:1}.how-to__step{flex:none}.how-to__step[data-force-hover=true] .__image img:first-child{opacity:0}.how-to__step[data-force-hover=true] .__image img:last-child{opacity:1}.how-to__step .__title{justify-content:flex-start;font-size:16px}.how-to__step .__description{font-size:15px;font-weight:400;width:90%;margin:24px auto 0}.how-to-swiper__nav{margin-top:20px}}.how-to__steps-container[alternate-layout=true] .how-to__step .__step_number{margin-bottom:12px}.how-to__steps-container[alternate-layout=true] .how-to__step:not(:last-child){margin-bottom:32px}.how-to__steps-container[alternate-layout=true] .how-to__step .__description{margin-top:12px}
/*# sourceMappingURL=/cdn/shop/t/90/assets/section-how-to.css.map */