.c-lp-approach-flow{--lp-eyebrow: #5c666b;--lp-rule: #dfe4e4;--lp-track: #f3f3f3;background:var(--sl-c-white);border-top:1px solid var(--lp-rule);padding-block:var(--sl-c-space-24)}.c-lp-approach-flow__wrap{width:100%;max-width:928px;margin-inline:auto;padding-inline:var(--sl-c-space-20);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--sl-c-space-12)}.c-lp-approach-flow__intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sl-c-space-8)}.c-lp-approach-flow__eyebrow{font-family:var(--sl-c-sans);font-size:12px;line-height:16.8px;letter-spacing:1.68px;text-transform:uppercase;color:var(--lp-eyebrow)}.c-lp-approach-flow .c-lp-approach-flow__heading.c-lp-approach-flow__heading{font-size:32px;line-height:1.2;color:var(--sl-c-dark)}.c-lp-approach-flow__viewport{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.c-lp-approach-flow__viewport::-webkit-scrollbar{display:none}.c-lp-approach-flow__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:var(--sl-c-space-12)}.c-lp-approach-flow__step{display:flex;align-items:center;justify-content:center;gap:var(--sl-c-space-12);flex:0 0 min(390px,86%);scroll-snap-align:start}.c-lp-approach-flow .c-lp-approach-flow__step-arrow{display:none}.c-lp-approach-flow__nav{display:flex;align-items:center;gap:var(--sl-c-space-12);width:100%}.c-lp-approach-flow__btn{flex:none;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--sl-c-radius-full);border:1px solid var(--sl-c-red);background:var(--sl-c-white);color:var(--sl-c-red);cursor:pointer;transition:background-color .16s ease,color .16s ease,opacity .16s ease}.c-lp-approach-flow__btn:hover:not(:disabled){background:var(--sl-c-red);color:var(--sl-c-white)}.c-lp-approach-flow__btn:disabled{opacity:.35;cursor:default}.c-lp-approach-flow__btn--prev{transform:rotate(180deg)}.c-lp-approach-flow__tile{position:relative;flex:1 0 0;min-width:0;height:71px;display:flex;align-items:center;justify-content:center;padding:var(--sl-c-space-12) 14px;border-radius:13px;overflow:hidden;box-sizing:border-box}.c-lp-approach-flow .c-lp-approach-flow__tile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.c-lp-approach-flow .c-lp-approach-flow__tile--contain .c-lp-approach-flow__tile-img{object-fit:contain;padding:6px 18%;box-sizing:border-box}.c-lp-approach-flow__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008f}.c-lp-approach-flow__step-label{position:relative;font-family:var(--sl-c-sans);font-weight:700;font-size:var(--sl-c-text-base);line-height:22.4px;text-align:center;color:var(--sl-c-soft)}.c-lp-approach-flow .c-lp-approach-flow__step-arrow{color:var(--sl-c-ink);width:24px;height:24px;flex:none}.c-lp-approach-flow__rail{flex:1 1 auto;height:4px;background:var(--lp-track)}.c-lp-approach-flow__rail-fill{display:block;width:33%;height:4px;background:var(--sl-c-red);transition:width .16s ease}.c-lp-approach-flow__pull{font-family:var(--sl-c-serif);font-style:italic;font-size:var(--sl-c-h-24);line-height:23.8px;color:var(--sl-c-dark);padding-block:4.6px 7.21px}.c-lp-approach-flow__cta{width:100%;min-height:54px;padding:13px var(--sl-c-space-40);font-weight:400;letter-spacing:normal}@media(min-width:978px){.c-lp-approach-flow{border-top:0;padding-block:var(--sl-c-space-40) var(--sl-c-space-80)}.c-lp-approach-flow__wrap{gap:var(--sl-c-space-24)}.c-lp-approach-flow__intro{align-items:center;margin-bottom:var(--sl-c-space-16)}.c-lp-approach-flow__eyebrow{font-size:var(--sl-c-text-base);text-align:center}.c-lp-approach-flow .c-lp-approach-flow__heading.c-lp-approach-flow__heading{font-size:var(--sl-c-h-48);text-align:center;max-width:637px}.c-lp-approach-flow__step{flex:0 0 calc((100% - (2 * var(--sl-c-space-12))) / 3);min-width:0}.c-lp-approach-flow__pull{font-size:32px}}.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__scroller{height:calc(var(--af-steps, 6) * var(--af-step-scroll, 45vh))}.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__stage{position:sticky;top:clamp(88px,20vh,180px)}.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__viewport{overflow:visible}.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__steps{display:grid}.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__step{grid-area:1 / 1;flex:none;width:100%;opacity:0;pointer-events:none;transition:opacity .24s ease}.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__step.is-active{opacity:1;pointer-events:auto}.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__tile{height:132px}@media(min-width:978px){.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__tile{height:168px}}.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__stage{display:flex;flex-direction:column;gap:var(--sl-c-space-16)}.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__intro{margin-bottom:0}.c-lp-approach-flow__hint{display:none}.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__hint{display:flex;justify-content:center;color:var(--sl-c-ink)}.c-lp-approach-flow[data-af-mode=scroll][data-af-end="1"] .c-lp-approach-flow__hint{opacity:0;transition:opacity .2s ease}.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__step .c-lp-approach-flow__step-arrow{display:none}.c-lp-approach-flow .c-lp-approach-flow__hint .c-lp-approach-flow__step-arrow{display:block;width:24px;height:24px}@media(min-width:978px){.c-lp-approach-flow[data-af-mode=scroll] .c-lp-approach-flow__hint{display:none}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/c-lp-approach-flow.css.map */