timeline-journey{display:block}.timeline__title{color:var(--color-navy);font-size:var(--font-heading-large);text-align:center}.timeline__introduction{text-align:center;color:var(--color-deep-blue);padding-bottom:1rem}.timeline__steps{--timeline-bar: 4px;--timeline-bar-dot: 14px;--timeline-bar-dot-border: 4px;--timeline-bar-color: var(--color-salt-ice);--timeline-bar-overlay-color: var(--color-rockfish-blue);--background-color: #fcfbf9;display:flex;flex-direction:column;background-color:#fcfbf9;position:relative;padding-top:3rem}.timeline__steps:before{content:"";width:var(--timeline-bar);height:3rem;position:absolute;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-salt-ice) 0%,transparent) 0%,var(--color-rockfish-blue) 100%);left:calc(50% - (var(--timeline-bar) / 2));z-index:0;top:0}.timeline__step{position:relative}.timeline__step .timeline__step_container{display:grid;z-index:2;padding-bottom:4rem;grid-template-areas:"image heading" "image content";grid-template-rows:4rem auto;grid-template-columns:1fr 1fr;position:relative;column-gap:calc(var(--gap) * 2 + var(--timeline-bar))}.timeline__step:before{content:"";width:var(--timeline-bar);height:100%;position:absolute;background:linear-gradient(to bottom,var(--timeline-bar-overlay-color) calc(var(--seg-fill, 0) * 100%),var(--timeline-bar-color) 0);left:calc(50% - (var(--timeline-bar) / 2));z-index:0}@media screen and (min-width:750px){.timeline__step.timeline__step-center{padding-bottom:3rem;position:relative}.timeline__step.timeline__step-right .timeline__step_container{grid-template-areas:"heading image" "content image"}.timeline__step.timeline__step-center:before{content:"";position:absolute;background:linear-gradient(to bottom,var(--timeline-bar-overlay-color) calc(var(--seg-fill, 0) * 100%),transparent 0),linear-gradient(var(--background-color) calc(100% - 5rem),var(--timeline-bar-color));left:calc(50% - (var(--timeline-bar) / 2));z-index:0;bottom:0;width:var(--timeline-bar)}.timeline__step.timeline__step-center .timeline__step_container{grid-template-columns:25% 1fr 25%;grid-template-areas:". heading ." ". content .";justify-items:center;background-color:var(--background-color);padding-bottom:2rem}.timeline__split{padding-top:36px;display:grid;grid-template-columns:40% 20% 40%}.timeline__split .timeline__split-step:last-child{grid-column:3}.timeline__split .timeline__step .timeline__step_container{grid-template-areas:"image" "heading" "content";grid-template-rows:auto auto auto;grid-template-columns:1fr}.timeline__step.timeline__split-step h2{padding:2rem 2rem 0}.timeline__step.timeline__split-step .timeline__step-content{padding:0 2rem}.timeline__split .timeline__step h2:before{top:-46px}.timeline__split .timeline__step.timeline__split-step:before{content:none}.timeline__split-path{width:100%;display:block}.timeline__split-path__mobile-svg{display:none}.timeline__split-path__desktop-svg{width:100%;max-height:80px;display:block}.timeline__split-path path{fill:none;stroke:var(--timeline-bar-color);stroke-width:4;vector-effect:non-scaling-stroke}.timeline__split-path path.timeline-split__overlay{stroke:var(--timeline-bar-overlay-color);clip-path:inset(0 0 calc((1 - var(--seg-fill, 0)) * 100%) 0)}}.timeline__step h2{grid-area:heading;margin-top:1rem;font-size:var(--font-heading-small);align-self:flex-end;margin:0}.timeline__step h2:before{content:"";box-sizing:content-box;display:inline-block;width:var(--timeline-bar-dot);height:var(--timeline-bar-dot);border:var(--timeline-bar-dot-border) solid var(--background-color);border-radius:50%;background-color:var(--color-buoy);position:absolute;left:calc(50% - (var(--timeline-bar-dot) / 2) - var(--timeline-bar-dot-border));transform:translateY(8px)}.timeline__step.timeline__step-center h2:before{top:-6px}.timeline__step .timeline__step-content{grid-area:content;color:var(--color-navy)}.timeline__step-image{grid-area:image;aspect-ratio:3 / 2;object-fit:cover;border-radius:24px;width:100%;height:auto}@media screen and (max-width:749px){.timeline__step{padding-left:2rem}.timeline__steps:before,.timeline__step:before{left:.5rem}.timeline__step .timeline__step_container{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"heading" "image" "content";row-gap:1rem}.timeline__step.timeline__step-center .timeline__step_container{grid-template-areas:"heading" "content"}.timeline__step h2:before{left:-2rem}.timeline__split-path{display:block;width:100%;position:relative;z-index:2}.timeline__split-path__desktop-svg{display:none}.timeline__split-path__mobile-svg{display:block;width:100%}.timeline__split-path__mobile-svg path{fill:none;stroke:var(--timeline-bar-color);stroke-width:4;stroke-linecap:square;vector-effect:non-scaling-stroke}.timeline__split-path__mobile-svg path.timeline-split__overlay{stroke:var(--timeline-bar-overlay-color);clip-path:inset(0 0 calc((1 - var(--seg-fill, 0)) * 100%) 0)}.timeline__split{display:flex;flex-flow:row nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:2rem;scrollbar-width:none;-ms-overflow-style:none;padding-left:2rem;margin-left:calc(var(--outer, 1.5rem) * -1);margin-right:calc(var(--outer, 1.5rem) * -1);padding-top:1.5rem;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;padding-top:.5rem;margin-top:-2.1rem;z-index:3}.timeline__split::-webkit-scrollbar{display:none}.timeline__split:after{content:"";display:block;flex:0 0 var(--outer, 1.5rem);min-width:var(--outer, 1.5rem)}.timeline__split.is-enabled{cursor:grab}.timeline__split.is-dragging:active{cursor:grabbing}.timeline__split.is-dragging a{pointer-events:none}.timeline__split.is-scrolling{scroll-snap-type:none}.timeline__split .timeline__split-step{flex:0 0 auto;width:calc(100vw - 4rem);scroll-snap-align:start;margin-right:var(--gap, 1rem);padding-left:0}.timeline__split .timeline__split-step:last-child{margin-right:0}.timeline__split .timeline__step.timeline__split-step:before{content:none}.timeline__split .timeline__step .timeline__step_container{grid-template-columns:1fr;grid-template-rows:3rem auto auto;grid-template-areas:"heading" "image" "content";row-gap:1rem;padding-bottom:1.5rem}.timeline__split .timeline__step h2{justify-content:flex-start}.timeline__split .timeline__step h2:before{left:2rem;top:-1rem}}
/*# sourceMappingURL=/cdn/shop/t/148/assets/timeline-journey.css.map */