:root{--step-icon-width: 4rem}.process-steps-wrapper{margin-top:0;margin-bottom:0}.title-wrapper-with-link{display:flex;flex-direction:column;align-items:center}.process-steps-title{margin:0;text-align:center}.process-steps-subtitle{margin:2rem 0 0;text-align:center;max-width:60rem;margin-left:auto;margin-right:auto}.process-steps-container{margin-top:6rem}.process-steps-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media screen and (min-width: 750px){.process-steps-grid{grid-template-columns:1fr 1fr;gap:4rem}}.process-steps-timeline{position:relative}@media screen and (min-width: 750px){.process-steps-timeline{padding-bottom:37.5%;min-width:350px}}.timeline-line{position:absolute;left:0;top:3rem;width:3px;height:calc(100% - 3rem);background-color:rgba(var(--color-foreground),.5);z-index:0;display:block!important}.timeline-progress{position:absolute;left:0;top:3rem;width:3px;height:0%;background-color:rgb(var(--color-button));transition:height .3s ease-out;z-index:1;display:block!important}.process-step{position:relative;padding-bottom:16rem}.process-step:last-child{padding-bottom:0}.step-content{display:flex;gap:2rem;align-items:flex-start}.step-icon-container{flex-shrink:0}.step-icon-circle{width:6rem;height:6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background));border:3px solid rgba(var(--color-foreground),.5);color:rgba(var(--color-foreground),.5);transition:all .5s ease;position:relative;z-index:2;transform:scale(.9);margin-left:-3rem}.step-icon-circle.active{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button));transform:scale(1);box-shadow:0 6px 20px rgba(var(--color-button),.3)}.step-icon-circle svg{width:2.4rem;height:2.4rem}.step-text{flex:1;padding-top:1rem}.step-title{font-size:2.4rem;font-weight:700;margin:0 0 1.5rem;color:rgb(var(--color-foreground));transition:all .5s ease;opacity:.6}.step-title.active{opacity:1}.step-description{opacity:0;transition:opacity .7s ease}.step-description.active{opacity:1}.step-description p{margin:0;color:rgb(var(--color-foreground));opacity:.8;line-height:1.6;font-size:1.6rem}.process-steps-image-container{display:none;position:relative;height:100%}@media screen and (min-width: 750px){.process-steps-image-container{display:block!important}}.sticky-image-wrapper{position:sticky;top:18rem;height:fit-content;z-index:1;aspect-ratio:4/3;border-radius:1.5rem;overflow:hidden;box-shadow:0 25px 50px rgba(var(--color-shadow),.15);background-color:rgb(var(--color-background-contrast))}.step-image,.step-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:1.5rem;opacity:0;transition:opacity .7s ease}.step-image.active,.step-image-placeholder.active{opacity:1}.step-image-placeholder{display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background-contrast))}.placeholder-content{text-align:center;padding:3rem}.placeholder-content span{font-size:2rem;font-weight:600;color:rgb(var(--color-foreground));opacity:.6}@media screen and (min-width: 990px){.process-steps-container{margin-top:8rem}.step-icon-circle{width:6rem;height:6rem}.step-icon-circle svg{width:2.4rem;height:2.4rem}.step-title{font-size:3rem}.step-description p{font-size:1.8rem}}@media screen and (min-width: 750px) and (max-width: 989px){.process-steps-container{margin-top:6rem}.step-icon-circle{width:5rem;height:5rem;margin-left:-2.4rem}.step-icon-circle svg{width:2rem;height:2rem}.step-title{font-size:2.2rem}.step-description p{font-size:1.4rem}}@media screen and (max-width: 749px){.process-steps-container{margin-top:4rem}.timeline-line,.timeline-progress{left:calc(var(--step-icon-width) / 2);display:block!important}.step-content{gap:1.5rem}.step-icon-circle{width:var(--step-icon-width);height:var(--step-icon-width);margin-left:0}.step-icon-circle svg{width:1.6rem;height:1.6rem}.step-title{font-size:2.2rem}.step-description p{font-size:1.5rem}.process-step{padding-bottom:10rem}}.scroll-trigger.animate--slide-in{opacity:0;transform:translateY(2rem);transition:opacity .6s ease,transform .6s ease}.scroll-trigger.animate--slide-in.animate{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.timeline-progress,.step-icon-circle,.step-title,.step-description,.step-image,.step-image-placeholder{transition:none}.scroll-trigger.animate--slide-in{opacity:1;transform:none}}.step-icon-circle:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px}@media (prefers-contrast: high){.timeline-line{opacity:1}.step-icon-circle,.step-icon-circle.active{border-width:3px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-process-steps.css.map */