.w-howto{display:flex;flex-direction:column;background:#fff;letter-spacing:normal;padding-top:var(--section-spacing-small, 48px);padding-bottom:var(--section-spacing-small, 48px)}.w-howto__title{margin:0 0 50px;padding:0 var(--section-gutter)}.w-howto__viewport{overflow:hidden;margin-left:var(--section-margin-side)}.w-howto__track{display:flex;gap:12px;transition:transform .4s ease;will-change:transform}.w-howto__item{flex:0 0 290px;min-width:0;display:flex;flex-direction:column;gap:12px}.w-howto__media{position:relative;height:400px;border-radius:10px;overflow:hidden}.w-howto__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.w-howto__image--placeholder{background:var(--primary-05)}.w-howto__badge{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:6px;background:var(--primary-100);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:var(--font-paragraph);font-weight:600;font-size:var(--text-2xl-size);line-height:var(--text-2xl-line-height)}.w-howto__content{display:flex;flex-direction:column;gap:6px}.w-howto__step-title{margin:0;font-family:var(--font-heading);font-weight:400;font-size:var(--h6-size);line-height:var(--h6-line-height);letter-spacing:var(--heading-letter-spacing);color:var(--primary-300)}.w-howto__text{margin:0;font-family:var(--font-paragraph);font-weight:400;font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);color:var(--primary-300);opacity:.8}.w-howto__nav{margin:10px 0;display:flex;align-items:center;justify-content:center;gap:24px;padding:0 var(--section-margin-side)}.w-howto__button{margin:50px 0 0 var(--section-gutter);background-color:#e95405;color:#fff;align-items:center;justify-content:center;text-decoration:none;font-size:var(--text-base-size);padding:10px;border-radius:6px;display:flex;gap:10px;border:1px solid #e95405;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.w-howto__button svg{width:16px;height:16px}.w-howto__button:hover{background-color:#fff;color:#e95405}@media(prefers-reduced-motion:reduce){.w-howto__track{transition:none}}@media screen and (min-width:990px){.w-howto{padding-top:50px;padding-bottom:50px}.w-howto__viewport{overflow:visible;margin-left:0;padding:0 var(--section-gutter)}.w-howto__track{gap:30px;transition:none}.w-howto__item{flex:1 1 0}.w-howto__media{border-radius:12px}.w-howto__nav{display:none}.w-howto__button{max-width:420px}}@media screen and (max-width:989px){.w-howto{padding-top:50px;padding-bottom:20px}.w-howto__title{margin-bottom:20px}.w-howto__nav{margin-top:20px;margin-bottom:0}.w-howto__button{margin-top:20px;margin-left:var(--section-gutter);margin-right:var(--section-gutter)}.w-howto__button:hover{background-color:#e95405;color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/196/assets/w-howto.css.map */