.w-howto{display:flex;flex-direction:column;background:#fff;letter-spacing:normal;padding-top:var(--section-spacing-medium, 48px);padding-bottom:var(--section-spacing-medium, 48px)}.w-howto__title{margin:0 0 var(--section-spacing-title) 0;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{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:30px;padding:0 var(--section-margin-side)}@media(prefers-reduced-motion:reduce){.w-howto__track{transition:none}}@media screen and (min-width:990px){.w-howto{padding-top:var(--section-spacing-medium, 88px);padding-bottom:var(--section-spacing-medium, 88px)}.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}}
/*# sourceMappingURL=/cdn/shop/t/181/assets/w-howto.css.map */