.step-by-step{position:relative;width:100%;max-width:90rem;margin:0 auto}.step-by-step__timeline-bar{position:absolute;top:1.3rem;left:0rem;width:.3rem;height:auto;background-color:rgba(var(--color-foreground),.12);z-index:0}.step-by-step__timeline-progress{position:absolute;top:0;left:0;width:100%;background-color:rgb(var(--color-accent));transition:height .3s ease;height:0%;z-index:0}.step-by-step__steps{display:flex;flex-direction:column;gap:0}.rte div.step-by-step__step{position:relative;padding-left:2.4rem;margin-bottom:3.2rem;opacity:1}.rte div.step-by-step__step.is-last-step{margin-bottom:0}@media screen and (min-width: 750px){.rte div.step-by-step__step{padding-left:4rem;margin-bottom:2rem}.rte div.step-by-step__step.is-last-step{margin-bottom:0}}@media screen and (min-width: 576px){.rte .step-by-step__step ol,.rte .step-by-step__step ul{margin-bottom:0}}.step-by-step__step-dot{position:absolute;left:-1.1rem;top:-.2rem;width:2.6rem;height:2.6rem;background-color:rgb(var(--color-background));border:.3rem solid rgb(var(--color-accent));border-radius:50%;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 750px){.step-by-step__step-dot{left:-1.1rem}}.step-by-step__step-number{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.4rem;color:rgb(var(--color-accent));line-height:1;transition:all .3s ease;display:block}.step-by-step__step.active .step-by-step__step-dot{transform:scale(1.2);box-shadow:0 0 0 .4rem rgba(var(--color-accent),.3);background-color:rgb(var(--color-accent))}.step-by-step__step.active .step-by-step__step-number{color:rgb(var(--color-background))}.step-by-step__step-content{display:flex;flex-direction:column;gap:.8rem;padding:0;background-color:transparent;transition:all var(--duration-default)}@media screen and (min-width: 750px){.step-by-step__step-content{gap:1.2rem}}.step-by-step__step-title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.8rem;line-height:1.3;color:rgb(var(--color-foreground-title));margin-top:0!important}@media screen and (min-width: 750px){.step-by-step__step-title{font-size:2rem}}.step-by-step__step-description{font-size:1.4rem;line-height:1.6;color:rgb(var(--color-foreground));margin-bottom:2rem}@media screen and (min-width: 750px){.step-by-step__step-description{font-size:1.6rem}}.step-by-step__step-description p:first-child{margin-top:0}.step-by-step__step-description p:last-child{margin-bottom:0}@media screen and (max-width: 749px){.step-by-step__timeline-bar,.step-by-step__timeline-progress{display:none}.step-by-step__step-dot{position:relative;left:0;top:-.3rem;width:2.6rem;height:2.6rem;display:inline-flex;margin-right:.5rem!important;vertical-align:middle;flex-shrink:0}.step-by-step__step-number{font-size:1.4rem}.rte div.step-by-step__step{padding-left:0}.step-by-step__step{padding-left:0;margin-bottom:2rem;display:flex;align-items:flex-start;gap:0}.rte div.step-by-step__step.is-last-step{margin-bottom:0}.step-by-step__step-content{padding:0;flex:1}.step-by-step__step-title{font-size:1.6rem;margin-top:0;margin-bottom:0!important}.step-by-step__step-description{font-size:1.4rem}}.step-by-step__step{animation:fadeInUp .3s ease-out;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-step-by-step.css.map */