.how-to-use{position:relative;background-color:#fff}.how-to-use:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--how-to-use-bg-desktop, none);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:var(--how-to-use-bg-opacity, 1);pointer-events:none;z-index:0}@media screen and (max-width:1279px){.how-to-use:before{background-image:var(--how-to-use-bg-tablet, none)}}@media screen and (max-width:767px){.how-to-use:before{background-image:none!important}}.how-to-use__wave{position:absolute;left:0;top:-30px;width:100%;line-height:0;z-index:0;transform:scaleY(-1)}.how-to-use__wave svg path{fill:#fff}.how-to-use__wrapper{max-width:1300px;margin:0 auto;padding:0 15px;position:relative;z-index:1}.how-to-use__container{width:100%;padding-top:32px;padding-bottom:32px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}@media screen and (min-width:1020px){.how-to-use__container{padding-top:64px;padding-bottom:64px}}.how-to-use__title{font-family:var(--font-body);color:rgb(var(--color-foreground));font-weight:800;font-size:34px;margin:0}@media screen and (min-width:768px){.how-to-use__title{font-size:44px}}.how-to-use__blocks{position:relative;margin-top:40px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}@media screen and (min-width:768px){.how-to-use__blocks{flex-wrap:nowrap}}@media screen and (max-width:767px){.how-to-use__blocks{margin-top:3px}}.how-to-use__blocks:before{content:"";position:absolute;top:30px;left:15%;width:70%;height:3px;border-top:4px dotted rgb(var(--color-foreground))}@media screen and (min-width:1020px){.how-to-use__blocks:before{top:35px}}@media screen and (max-width:767px){.how-to-use__blocks:before{display:none}}.how-to-use-step{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px}@media screen and (min-width:768px){.how-to-use-step{gap:24px}}.how-to-use-step--spaced{margin-right:0}@media screen and (min-width:768px){.how-to-use-step--spaced{margin-right:10px}}@media screen and (max-width:767px){.how-to-use-step{margin-top:30px}}.how-to-use-step__number{margin-bottom:20px;position:relative;z-index:10;width:50px;height:50px;font-size:24px;background-color:rgb(var(--color-foreground));border:5px solid #ff699f;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%}@media screen and (min-width:768px){.how-to-use-step__number{width:60px;height:60px;font-size:30px;border-width:8px}}@media screen and (min-width:1020px){.how-to-use-step__number{width:70px;height:70px;border-width:10px}}@media screen and (max-width:767px){.how-to-use-step__number{position:absolute;top:-20px}}.how-to-use-step__image{width:100%;max-width:305px;min-height:490px;border:4px solid #ff699f;border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;object-fit:cover;display:block}@media screen and (min-width:768px){.how-to-use-step__image{max-width:350px;height:484px}}@media screen and (min-width:1020px){.how-to-use-step__image{border-width:5px}}@media screen and (max-width:767px){.how-to-use-step__image{min-height:455px}}.how-to-use-step__title{font-size:16px;line-height:1.5;font-weight:800;color:rgb(var(--color-foreground));margin:16px 0 0}@media screen and (min-width:768px){.how-to-use-step__title{font-size:22px}}.how-to-use-step__subtext{line-height:1.5;font-size:16px;font-weight:400;color:rgb(var(--color-foreground));margin:0}@media screen and (min-width:1020px){.how-to-use-step__subtext{line-height:26px;font-size:17px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-how-to-use.css.map */