.custom-steps{--cs-marker-size: 55px;--cs-image-radius: 0px;--cs-media-width: 45%;--cs-step-gap: 2.5rem;--cs-accent: var(--accent-color, rgb(var(--color-foreground)))}.custom-steps__title{margin-bottom:2rem;color:var(--cs-accent)}.custom-steps__subtitle{margin-bottom:3rem;max-width:60rem}.custom-steps__subtitle>*:first-child{margin-top:0}.custom-steps__subtitle>*:last-child{margin-bottom:0}.custom-steps__layout{display:flex;flex-direction:column;gap:3rem}.custom-steps__media{width:100%}.custom-steps__media-inner{border-radius:var(--cs-image-radius);overflow:hidden}.custom-steps__media-inner.media--adapt{padding-bottom:0;height:auto}.custom-steps__media-inner.media--adapt .custom-steps__image{position:static;height:auto;object-fit:contain}.custom-steps__image{border-radius:var(--cs-image-radius)}.custom-steps__timeline{flex:1;display:flex;flex-direction:column;gap:var(--cs-step-gap);margin:0;padding:0;list-style:none}.custom-steps__step{position:relative;display:flex;align-items:flex-start;gap:2rem;list-style:none}.custom-steps__marker-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.custom-steps__marker{position:relative;z-index:1;box-sizing:border-box;width:var(--cs-marker-size);height:var(--cs-marker-size);border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background));color:var(--cs-accent)}.custom-steps__timeline--number .custom-steps__marker{border:1.5px solid var(--cs-accent);color:var(--cs-accent)}.custom-steps__timeline--dot .custom-steps__marker{border:.1rem solid var(--cs-accent)}.custom-steps__marker-number{font-size:calc(var(--cs-marker-size) / 2.4);font-weight:500;line-height:1}.custom-steps__marker-dot{width:55%;height:55%;border-radius:50%;background-color:var(--cs-accent)}.custom-steps__timeline--none .custom-steps__marker-wrapper{display:none}.custom-steps__timeline--connected.custom-steps__timeline--none .custom-steps__step:after{content:none}.custom-steps__timeline--connected .custom-steps__step:not(:last-child):after{content:"";position:absolute;top:var(--cs-marker-size);bottom:calc(var(--cs-step-gap) * -1);left:calc(var(--cs-marker-size) / 2);border-left:.1rem solid var(--cs-accent);opacity:.3}.custom-steps__content{flex:1;min-width:0;padding-top:.4rem}.custom-steps__moment{font-size:1.4rem;letter-spacing:.3rem;text-transform:uppercase;color:var(--cs-accent);margin-bottom:.5rem}.custom-steps__step-title{margin:0 0 .8rem;font-size:2rem;font-weight:600;color:var(--cs-accent)}.custom-steps__text>*:first-child{margin-top:0}.custom-steps__text>*:last-child{margin-bottom:0}@media screen and (min-width:750px){.custom-steps__layout:not(.custom-steps__layout--no-image){flex-direction:row;align-items:center;gap:5rem}.custom-steps__layout--image-right:not(.custom-steps__layout--no-image){flex-direction:row-reverse}.custom-steps__layout:not(.custom-steps__layout--no-image) .custom-steps__media{width:var(--cs-media-width);flex:0 0 var(--cs-media-width)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-custom-steps.css.map */