.how-to-steps{background-color:var(--hts-section-bg, #ffffff);padding-top:var(--hts-padding-top, 48px);padding-bottom:var(--hts-padding-bottom, 48px)}.how-to-steps__inner{max-width:1200px;margin-inline:auto;padding-inline:1.25rem}.how-to-steps__heading{font-size:var(--hts-heading-font-size, 30px);font-weight:var(--hts-heading-font-weight, 800);line-height:var(--hts-heading-line-height, 1.2);color:var(--hts-heading-color, #3d2b1f);text-align:center;margin-block:0 var(--hts-heading-mb, 40px);text-transform:uppercase;letter-spacing:.02em}.how-to-steps__grid{display:flex;flex-direction:column;gap:var(--hts-gap, 32px)}@media(min-width:768px){.how-to-steps__grid{flex-direction:row;align-items:flex-start}}.how-to-steps__step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:calc(var(--hts-badge-size, 36px) / 2)}.how-to-steps,.how-to-steps__inner,.how-to-steps__grid,.how-to-steps__step,.how-to-steps__card-area{overflow:visible}.how-to-steps{overflow-x:clip}.how-to-steps__card-area{position:relative;width:100%}.how-to-steps__card{position:relative;z-index:1;width:100%;aspect-ratio:1 / 1;background-color:var(--hts-card-bg, #3acc00);border:3px solid var(--hts-card-border, #2ea800);border-radius:var(--hts-card-radius, 20px);display:flex;align-items:center;justify-content:center}.how-to-steps__badge{position:absolute;top:calc(var(--hts-badge-size, 36px) / -2);left:50%;transform:translate(-50%);z-index:2;width:var(--hts-badge-size, 36px);height:var(--hts-badge-size, 36px);border-radius:50%;background-color:var(--hts-badge-bg, #3d2b1f);color:var(--hts-badge-color, #ffffff);font-size:var(--hts-badge-font-size, 14px);font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;border:var(--hts-badge-border-width, 3px) solid var(--hts-badge-border-color, #ffffff)}.how-to-steps__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--hts-card-radius, 20px) - 3px);overflow:hidden}.how-to-steps__video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.how-to-steps__video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--hts-card-border, #2ea800)}.how-to-steps__img-wrap{position:absolute;z-index:0;pointer-events:none}.how-to-steps__img{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,var(--hts-img-shadow-opacity, 0)))}.how-to-steps__img-wrap--bottom-right{bottom:calc(-1 * var(--hts-img-offset-y, 12px));right:calc(-1 * var(--hts-img-offset-x, 12px))}.how-to-steps__img-wrap--bottom-left{bottom:calc(-1 * var(--hts-img-offset-y, 12px));left:calc(-1 * var(--hts-img-offset-x, 12px))}.how-to-steps__img-wrap--top-right{top:calc(-1 * var(--hts-img-offset-y, 12px));right:calc(-1 * var(--hts-img-offset-x, 12px))}.how-to-steps__img-wrap--top-left{top:calc(-1 * var(--hts-img-offset-y, 12px));left:calc(-1 * var(--hts-img-offset-x, 12px))}.how-to-steps__text{padding-top:1rem;width:100%}.how-to-steps__step-title{font-size:var(--hts-step-title-font-size, 22px);font-weight:var(--hts-step-title-font-weight, 500);color:var(--hts-step-title-color, #3d2b1f);margin-block:0 var(--hts-step-title-mb, 6px);line-height:1.2}.how-to-steps__step-body{font-size:var(--hts-step-body-font-size, 14px);line-height:var(--hts-step-body-line-height, 1.5);color:var(--hts-step-body-color, #3d2b1f);margin:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-to-steps.css.map */