.step-by-step{--width-steps: 100%;--width-step: 100%;--width-active-step: 100%;--width-overlay: 15.2rem;--width-overlay-icon: 9.7rem;--position-overlay: relative;--position-left-overlay-icon: -40%;--position-top-overlay-icon: 2rem;--flex-direction-buttons: column;--margin-overlay: auto;display:block;padding:4rem 0 0;position:relative}.step-by-step__background{top:0;right:0;bottom:0;left:0;position:absolute;z-index:var(--layer-0)}.step-by-step__steps{--padding-item: 2.4rem 2.6rem 0;--padding-content: 2.2rem;--font-family-button: var(--body-heading);--text-size-button: var(--large-body);--flex-spacing-button: flex-start;--colour-icon: inherit;width:var(--width-steps)}.step-by-step__step{--width: var(--width-step);--width-active: var(--width-active-step);--background: rgba(var(--secondary-colour-rgb) / .1);--background-active: rgba(var(--secondary-colour-rgb) / .92);--background-filter: blur(1rem);--colour: var(--secondary-colour);--colour-active: var(--primary-colour);--text-transform-button: capitalize;border-radius:var(--inputs-border-radius-small);z-index:var(--layer-1)}.step-by-step__heading{font-weight:var(--medium);font-family:var(--body-family);position:relative;text-transform:uppercase;margin-bottom:2rem;color:var(--secondary-colour)}.step-by-step__step-content{display:flex;flex-direction:column;font-family:var(--heading-family);gap:2.6rem;line-height:var(--lh-small-body)}.step-by-step__step-buttons{align-items:center;color:var(--primary-colour);display:flex;flex-direction:var(--flex-direction-buttons);gap:1rem}.step-by-step__step:not(.is-active) .step-by-step__step-heading{color:var(--secondary-colour)}.step-by-step__overlay-images{margin-left:var(--margin-overlay);position:var(--position-overlay);right:0;top:0;transition:all .5s ease;width:var(--width-overlay);z-index:var(--layer-1)}.step-by-step__overlay-icon{left:var(--position-left-overlay-icon);position:absolute;top:var(--position-top-overlay-icon);width:var(--width-overlay-icon)}@media screen and (max-width:989px){.step-by-step__button-previous{border-bottom:.1rem solid var(--copper);border-radius:0;padding:.6rem 0 .5rem}}@media screen and (min-width:750px){.step-by-step{--width-steps: 60vw;--width-step: 80%;--width-overlay: 18.3rem;--width-overlay-icon: 10rem;--position-overlay: absolute;--position-left-overlay-icon: -4rem;--position-top-overlay-icon: 80%;--flex-direction-buttons: row;--margin-overlay: 0}}@media screen and (min-width:990px){.step-by-step{--width-steps: 50vw;--width-active-step: 100%;--width-overlay: 35.3rem;--width-overlay-icon: 17rem;--position-left-overlay-icon: -6rem;--position-top-overlay-icon: 90%;padding:6rem 0 12rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/step-by-step.css.map */