.steps-section{--step-spacing: 3rem;--step-connector-thickness: 1px;--step-connector-color: var(--color-foreground);--animation-duration: 1s;--animation-delay: .1s}.steps-container{position:relative;margin:0 auto;text-wrap:balance}.steps-horizontal .steps-wrapper{display:flex;flex-wrap:wrap;gap:var(--step-spacing);justify-content:center;position:relative}.steps-horizontal .step-item{flex:1;text-align:center;position:relative}.steps-horizontal .step-item:not(:last-child):after{content:"";position:absolute;top:32px;left:50%;width:calc(100% + var(--step-spacing));height:var(--step-connector-thickness);background:var(--step-connector-color);z-index:1}.steps-vertical .steps-wrapper{display:flex;flex-direction:column;gap:var(--step-spacing);position:relative;max-width:600px;margin:0 auto;align-items:center}.steps-vertical .step-item{display:flex;align-items:center;gap:1.5rem;position:relative;width:100%;max-width:500px}.steps-vertical .step-connector{position:absolute;left:50%;transform:translate(-50%);top:4rem;bottom:-2rem;width:var(--step-connector-thickness);background:var(--step-connector-color);z-index:1}.step-indicator{position:relative;z-index:2}.step-icon-container{border:1px solid #000;border-radius:50%;padding:.5rem;width:64px;height:64px;overflow:hidden;margin:0 auto 1rem;background-color:var(--color-background)}.step-icon{object-fit:contain;max-width:100%;height:100%}.steps-vertical .step-icon{width:48px;height:48px;margin:0;flex-shrink:0}.step-number{width:64px;height:64px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-text);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;border:1px solid var(--color-foreground);margin:0 auto 1rem}.steps-vertical .step-number{width:48px;height:48px;font-size:1.25rem;margin:0;flex-shrink:0}.step-content{flex:1}.step-title{font-size:1.25rem;font-weight:var(--font-heading-weight);margin-bottom:.5rem;color:var(--color-heading)}.step-description{color:var(--color-body);line-height:1.6}.step-description p{margin:0}@keyframes line-grow-horizontal{0%{width:0}to{width:calc(100% + var(--step-spacing))}}@keyframes line-grow-vertical{0%{height:0}to{height:calc(100% - 4rem)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: no-preference){.scroll-animation-enabled [data-armada-animation$=-on-scroll]{opacity:0;transform:translateY(30px)}.scroll-animation-enabled [data-armada-animation$=-on-scroll][data-animated=true],.no-js .scroll-animation-enabled [data-armada-animation$=-on-scroll]{animation:fade-in-up var(--animation-duration) cubic-bezier(.165,.84,.44,1) var(--animation-delay, .1s) forwards}.scroll-animation-enabled .step-connector[data-armada-animation$=-on-scroll]{height:0}.scroll-animation-enabled .steps-horizontal .step-item:not(:last-child):after{width:0}.scroll-animation-enabled .step-connector[data-animated=true],.no-js .scroll-animation-enabled .step-connector[data-armada-animation$=-on-scroll]{animation:line-grow-vertical var(--animation-duration) cubic-bezier(.165,.84,.44,1) forwards}.scroll-animation-enabled .steps-horizontal .step-item[data-animated=true]:not(:last-child):after,.no-js .scroll-animation-enabled .steps-horizontal .step-item:not(:last-child):after{animation:line-grow-horizontal var(--animation-duration) .5s cubic-bezier(.165,.84,.44,1) forwards}}.scroll-animation-enabled .step-connector:not([data-armada-animation$=-on-scroll]){height:calc(100% - 4rem)}.scroll-animation-enabled .steps-horizontal .step-item:not([data-armada-animation$=-on-scroll]):not(:last-child):after{width:calc(100% + var(--step-spacing))}@media (min-width: 769px){.steps-section h2{font-size:42px;line-height:56px}}@media (max-width: 768px){.steps-horizontal .steps-wrapper{flex-direction:column;align-items:center}.steps-horizontal .step-item{max-width:none;width:100%}.steps-horizontal .step-item:not(:last-child):after{display:none}.steps-vertical .step-item{flex-direction:column;text-align:center;gap:1rem}.steps-vertical .step-connector{left:50%;transform:translate(-50%);top:4rem;width:2px;height:calc(100% - 4rem)}.steps-vertical .step-indicator{margin:0 auto}.steps-vertical .steps-wrapper{max-width:none;margin:0;align-items:stretch}.step-title{font-size:1.125rem}.step-description{font-size:.875rem}}@media (max-width: 480px){.steps-section{--step-spacing: 1.5rem;padding-left:1rem;padding-right:1rem}.step-icon{width:48px;height:48px}.step-number{width:48px;height:48px;font-size:1.25rem}.step-title{font-size:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-steps.css.map */