.how-to-use{width:100%}.how-to-use__container{display:grid;grid-template-columns:1fr;min-height:500px}@media screen and (min-width: 990px){.how-to-use__container{grid-template-columns:1fr 1fr;min-height:600px}}.how-to-use__image-wrapper{position:relative;overflow:hidden;min-height:400px;order:1}@media screen and (min-width: 990px){.how-to-use__image-wrapper{min-height:auto}.how-to-use__image-wrapper--second{order:2}}.how-to-use__image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.how-to-use__image-placeholder{width:100%;height:100%;background-color:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center}.how-to-use__image-placeholder .placeholder-svg{width:60%;max-width:300px;fill:rgba(var(--color-foreground),.55)}.how-to-use__content{display:flex;align-items:center;justify-content:center;padding:4rem 3rem;order:2;background-color:rgb(var(--color-background))}@media screen and (min-width: 990px){.how-to-use__content{padding:5rem 6rem}.how-to-use__content--first{order:1}}@media screen and (min-width: 1200px){.how-to-use__content{padding:6rem 8rem}}.how-to-use__content-inner{max-width:520px;width:100%}.how-to-use__heading{margin:0 0 .5rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));letter-spacing:calc(var(--font-heading-scale) * .06rem);color:rgb(var(--color-foreground))}.how-to-use__subtitle{font-size:calc(var(--font-body-scale) * 1.4rem);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);line-height:calc(1 + .8 / var(--font-body-scale));margin:0 0 2.5rem;opacity:.85;color:rgb(var(--color-foreground))}.how-to-use__steps{display:flex;flex-direction:column;gap:1.75rem}.how-to-use__step{display:flex;align-items:flex-start;gap:1.25rem}.how-to-use__step-number{flex-shrink:0;width:36px;height:36px;border:2px solid rgba(var(--color-foreground),.5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-body-scale) * 1.4rem);font-family:var(--font-body-family);font-weight:600;color:rgb(var(--color-foreground));transition:transform var(--duration-default) ease,background-color var(--duration-default) ease,border-color var(--duration-default) ease}.how-to-use__step:hover .how-to-use__step-number{transform:scale(1.1);background-color:rgba(var(--color-foreground),.1);border-color:rgb(var(--color-foreground))}.how-to-use__step-details{flex:1;padding-top:.25rem}.how-to-use__step-title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);margin:0 0 .35rem;line-height:calc(1 + .3/max(1,var(--font-heading-scale)));color:rgb(var(--color-foreground))}.how-to-use__step-text{font-size:calc(var(--font-body-scale) * 1.4rem);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);line-height:calc(1 + .8 / var(--font-body-scale));margin:0;opacity:.85;color:rgb(var(--color-foreground))}.how-to-use__button{margin-top:2.5rem;display:inline-flex;min-width:180px;justify-content:center}.how-to-use__step.scroll-trigger.animate--slide-in{opacity:0;transform:translateY(20px);animation:how-to-use-step-in var(--duration-extra-long) var(--ease-out-slow, cubic-bezier(0, 0, .3, 1)) forwards;animation-delay:calc(var(--animation-order, 0) * .1s)}@keyframes how-to-use-step-in{to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 749px){.how-to-use__content{padding:3rem 2rem}.how-to-use__subtitle{margin-bottom:2rem;font-size:calc(var(--font-body-scale) * 1.3rem)}.how-to-use__steps{gap:1.5rem}.how-to-use__step{gap:1rem}.how-to-use__step-number{width:32px;height:32px;font-size:calc(var(--font-body-scale) * 1.2rem)}.how-to-use__step-text{font-size:calc(var(--font-body-scale) * 1.3rem)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-how-to-use.css.map */