.feature-howto,.feature-howto *,.feature-howto *:before,.feature-howto *:after{box-sizing:border-box}.feature-howto{--howto-gap: 32px;--howto-header-gap: 2px;--howto-card-headline-gap: 4px;--howto-cards-inset: 0px;--howto-cards-columns: minmax(0, 1fr);--howto-cards-gap: 14px;--howto-card-radius: var(--radius-ml);--howto-card-pad-block: 18px;--howto-card-pad-inline: 12px;--howto-card-direction: column;--howto-card-align: flex-start;--howto-card-gap: 12px;--howto-copy-gap: 12px;--howto-badge-icon: 10px;--howto-badge-gap: 6px;--howto-badge-size: var(--font-size-body-10);--howto-title-size: var(--font-size-body-16);--howto-title-weight: var(--font-weight-bold);--howto-title-leading: var(--line-height-130);--howto-steps-gap: 6px;--howto-step-gap: 6px;--howto-step-size: var(--font-size-body-12);--howto-step-number-leading: var(--line-height-140);--howto-step-text-leading: var(--line-height-130)}.feature-howto__inner{display:flex;flex-direction:column;gap:var(--howto-gap)}.feature-howto__header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--howto-header-gap)}.feature-howto__eyebrow{margin:0;padding-bottom:2px;color:rgb(var(--color-button));font-family:var(--font-family-golos);font-size:var(--font-size-body-12);font-weight:var(--font-weight-bold);line-height:var(--line-height-140);letter-spacing:var(--letter-spacing-0)}.feature-howto__heading{margin:0;color:rgb(var(--color-foreground))}.feature-howto__cards{display:grid;grid-template-columns:var(--howto-cards-columns);gap:var(--howto-cards-gap);margin:0;padding:0 var(--howto-cards-inset);list-style:none}.feature-howto__card{display:flex;flex-direction:var(--howto-card-direction);align-items:var(--howto-card-align);gap:var(--howto-card-gap);padding:var(--howto-card-pad-block) var(--howto-card-pad-inline);border:1.5px solid var(--color-stroke);border-radius:var(--howto-card-radius)}.feature-howto__copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--howto-copy-gap)}.feature-howto__badge{display:inline-flex;width:fit-content;align-items:center;gap:var(--howto-badge-gap);margin:0;padding:4px 10px;border-radius:var(--radius-full);background-color:rgb(var(--color-secondary-button));color:rgb(var(--color-secondary-button-text));font-family:var(--font-family-golos);font-size:var(--howto-badge-size);font-weight:var(--font-weight-bold);line-height:var(--line-height-140);letter-spacing:var(--letter-spacing-0)}.feature-howto__badge-icon{display:flex;flex:0 0 auto;width:var(--howto-badge-icon);height:var(--howto-badge-icon)}.feature-howto__badge-icon svg{display:block;width:100%;height:100%}.feature-howto__title{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-family-golos);font-size:var(--howto-title-size);font-weight:var(--howto-title-weight);line-height:var(--howto-title-leading);letter-spacing:var(--letter-spacing-0)}.feature-howto__headline{display:flex;flex-direction:column;gap:var(--howto-card-headline-gap)}.feature-howto__steps{display:flex;flex-direction:column;gap:var(--howto-steps-gap);margin:0;padding:0;list-style:none}.feature-howto__step{display:flex;align-items:flex-start;gap:var(--howto-step-gap)}.feature-howto__step-number{flex:0 0 auto;color:rgb(var(--color-button));font-family:var(--font-family-golos);font-size:var(--howto-step-size);font-weight:var(--font-weight-bold);line-height:var(--howto-step-number-leading);letter-spacing:var(--letter-spacing-0)}.feature-howto__step-text{min-width:0;color:rgb(var(--color-foreground));font-family:var(--font-family-golos);font-size:var(--howto-step-size);font-weight:var(--font-weight-regular);line-height:var(--howto-step-text-leading);letter-spacing:var(--letter-spacing-0)}.feature-howto__mock{display:flex;width:100%;max-width:var(--howto-mock-width-mobile, var(--howto-mock-width, 156px));flex:0 0 auto}.feature-howto__mock-picture{display:block;width:100%}.feature-howto__mock-image{display:block;width:100%;height:auto}@media screen and (max-width:989px){.feature-howto__heading{text-transform:uppercase}}@media screen and (min-width:990px){.feature-howto{--howto-header-gap: 12px;--howto-card-headline-gap: 18px;--howto-cards-columns: repeat(auto-fit, minmax(520px, 1fr));--howto-cards-gap: 20px;--howto-card-radius: var(--radius-xlg);--howto-card-pad-block: 43px;--howto-card-pad-inline: 22px;--howto-card-direction: row;--howto-card-align: center;--howto-card-gap: 20px;--howto-copy-gap: 14px;--howto-badge-icon: 12px;--howto-badge-size: var(--font-size-body-12);--howto-title-size: var(--font-size-h3);--howto-title-weight: var(--font-weight-extrabold);--howto-title-leading: var(--line-height-110);--howto-steps-gap: 10px;--howto-step-gap: 10px;--howto-step-size: var(--font-size-body-14);--howto-step-number-leading: var(--line-height-130);--howto-step-text-leading: var(--line-height-140)}.feature-howto__mock{max-width:var(--howto-mock-width, 156px)}}@media screen and (min-width:1400px){.feature-howto{--howto-cards-inset: 44px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-feature-howto.css.map */