@-webkit-keyframes fade{0%{opacity:0}to{opacity:.8}}@keyframes fade{0%{opacity:0}to{opacity:.8}}.how-it-works__section{position:relative;width:100%;min-height:100vh;background:#fdfdfc;padding:8rem 0;scroll-behavior:smooth;display:flex;flex-direction:column;justify-content:space-evenly}.how-it-works__heading{font-weight:400;font-size:3rem;text-align:center;letter-spacing:.02em;color:#222;margin-bottom:6rem}.how-it-works__container{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.how-it-works__image{width:40%;mix-blend-mode:multiply;display:none}.how-it-works__image.active{display:block}.how-it-works__steps{list-style-type:none;width:40%;padding:0}.how-it-works__actions{width:100%;display:flex;justify-content:center;margin-top:6rem}.step__container{display:flex}.step__container:not(:last-of-type){margin-bottom:4rem}.step__number{font-weight:700;font-size:80px;text-align:center;letter-spacing:.02em;color:#000;min-width:3rem}.step__content{margin:0 2.5rem;color:#222}.step__heading{font-weight:700;font-size:1rem;letter-spacing:.02em}.step__text{font-weight:400;font-size:1rem;letter-spacing:.02em}.step__container:not(.active) .step__number{color:#fdfdfc;text-shadow:-1px -1px 0 rgba(34,34,34,.5),1px -1px 0 rgba(34,34,34,.5),-1px 1px 0 rgba(34,34,34,.5),1px 1px 0 rgba(34,34,34,.5)}.step__container:not(.active) .step__content{color:#22222280}.how-it-works__touch-indicator{display:none;border-radius:50%;width:5rem;height:5rem;background-color:#ffd900;position:absolute;left:calc(50% + 5rem);right:calc(50% - 5rem);opacity:0}.how-it-works__touch-indicator.active{opacity:.8;-webkit-animation:fade 1s;animation:fade 1s}.how-it-works__touch-indicator.hidden{opacity:0;-webkit-animation:fade 1s;-webkit-animation-direction:reverse;animation:fade 1s;animation-direction:reverse}@media screen and (max-width:768px){.how-it-works__container{flex-direction:column-reverse}.how-it-works__image,.how-it-works__steps{width:90%}.step__container{flex-direction:column;text-align:center}.step__container:not(.active){display:none}.how-it-works__touch-indicator.active,.how-it-works__touch-indicator.hidden{display:block}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/how-it-works.css.map */