section.steps-on-ruler{display:block;width:100%;--sor-divider-gradient: linear-gradient(180deg, #8b95da 0%, #fbf8f7 100%);--sor-tick-gradient: linear-gradient( 180deg, rgba(139, 149, 218, .5) 0%, rgba(251, 248, 247, .5) 100% );--sor-progress: 0%;color:rgb(var(--color-brand-navy-blue))}steps-on-ruler{display:block;width:100%}.steps-on-ruler__inner{display:flex;flex-direction:column;gap:4.2rem}.steps-on-ruler__header{margin:0}.steps-on-ruler__heading{margin:0;text-align:left}.steps-on-ruler__heading--desktop{display:none}.steps-on-ruler__steps-region{display:flex;flex-direction:column;gap:2rem;width:100%}.steps-on-ruler__track-scroll{margin-left:calc(-1 * var(--page-width-margin, 1.5rem));margin-right:calc(-1 * var(--page-width-margin, 1.5rem));overflow:visible}.steps-on-ruler__track{list-style:none;margin:0;padding:0 1.6rem;scroll-padding-inline:1.6rem;display:flex;flex-direction:row;flex-wrap:nowrap;gap:2.4rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.steps-on-ruler__track::-webkit-scrollbar{display:none}.steps-on-ruler__step{display:flex;flex:0 0 32rem;max-width:32rem;gap:1.2rem;align-items:stretch;scroll-snap-align:start}.steps-on-ruler__divider{flex-shrink:0;width:2px;border-radius:3.3rem;background:var(--sor-divider-gradient);align-self:stretch}.steps-on-ruler__step-inner{display:flex;flex-direction:column;gap:1.6rem;flex:1;min-width:0}.steps-on-ruler__step-title{margin:0;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:600;line-height:1.2}.steps-on-ruler__ruler{display:flex;align-items:flex-end;justify-content:space-between;width:100%;min-height:3.7rem}.steps-on-ruler__tick{flex-shrink:0;width:1px;height:3.7rem;border-radius:3.3rem;background:var(--sor-tick-gradient)}.steps-on-ruler__step-body{margin:0;font-weight:500;padding-right:2rem}.steps-on-ruler__step-body p{margin:0}.steps-on-ruler__progress{display:block;width:100%;padding:0 1.6rem}.steps-on-ruler__progress-track{position:relative;display:block;width:100%;height:1rem;padding:.4rem;border-radius:3rem;background-color:#eef0f8;overflow:hidden}.steps-on-ruler__progress-fill{display:block;height:.6rem;min-width:0;border-radius:1.1rem;background-color:rgb(var(--color-brand-navy-blue));width:var(--sor-progress);transition:width .15s ease-out}.steps-on-ruler__footer{display:flex;flex-direction:column;align-items:center;gap:1.6rem;width:100%}.steps-on-ruler__note{display:flex;align-items:flex-start;gap:.8rem;margin:0;max-width:100%;color:rgb(var(--color-brand-navy-blue-550))}.steps-on-ruler__note .svg-wrapper{flex-shrink:0;width:2rem;height:2rem}.steps-on-ruler__note .svg-wrapper svg{width:100%;height:100%}.steps-on-ruler__note-text{margin:0;flex:1}.steps-on-ruler__actions{width:100%}.steps-on-ruler__actions .button{width:100%;min-height:5.2rem;padding:1.4rem 2.4rem;border-radius:8rem}@media screen and (min-width:750px){.steps-on-ruler__inner{gap:6.4rem;align-items:center}.steps-on-ruler__header{margin-bottom:0;width:100%;text-align:center}.steps-on-ruler__heading{text-align:center}.steps-on-ruler__heading--mobile{display:none}.steps-on-ruler__heading--desktop{display:block}.steps-on-ruler__steps-region{gap:0;margin-top:0;margin-bottom:0;width:100%;max-width:125.7rem;align-self:center}.steps-on-ruler__track-scroll{margin-left:0;margin-right:0;overflow:visible}.steps-on-ruler__track{display:grid;grid-template-columns:repeat(3,1fr);column-gap:2.4rem;overflow:visible;padding:0;scroll-snap-type:none;align-items:start}.steps-on-ruler__step{display:grid;grid-template-columns:2px minmax(0,1fr);grid-template-rows:minmax(6rem,auto) 3.7rem auto;column-gap:1.2rem;row-gap:1.6rem;flex:none;max-width:none;scroll-snap-align:none;align-content:start}.steps-on-ruler__step-inner{display:contents}.steps-on-ruler__divider{grid-column:1;grid-row:1 / -1;align-self:stretch}.steps-on-ruler__step-title{grid-column:2;grid-row:1;min-height:6rem;display:flex;align-items:flex-end;font-size:2.4rem;font-weight:700;line-height:3rem}.steps-on-ruler__ruler{grid-column:2;grid-row:2;min-height:3.7rem}.steps-on-ruler__step-body{grid-column:2;grid-row:3;max-width:none;padding-right:3.2rem}.steps-on-ruler__progress{display:none}.steps-on-ruler__footer{gap:2.4rem;margin-top:0;padding-top:0}.steps-on-ruler__note{justify-content:center;text-align:center;max-width:none}.steps-on-ruler__note-text{flex:0 1 auto;text-align:center}.steps-on-ruler__actions,.steps-on-ruler__actions .button{width:auto}}@media screen and (min-width:990px){.steps-on-ruler__inner{gap:9rem}.steps-on-ruler__steps-region{margin-top:0;margin-bottom:0}.steps-on-ruler__footer{margin-top:0}}@media(prefers-reduced-motion:reduce){.steps-on-ruler__track{scroll-behavior:auto}.steps-on-ruler__progress-fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/322/assets/section-steps-on-ruler.css.map */