.timeline{position:relative;isolation:isolate;padding-block:var(--section-pad);color:#fff;--focus: #FFFFFF}.timeline__label{color:var(--blue-cta);margin-bottom:16px}.timeline__head{text-align:center}.timeline__title{max-width:16em;margin-inline:auto}.timeline__steps{position:relative;display:grid;row-gap:32px;margin-top:40px;padding-block:4px}.timeline__steps:before,.timeline__steps:after{content:"";position:absolute;top:0;bottom:0;left:6px;width:2px;border-radius:1px}.timeline__steps:before{background:var(--sky-100)}.timeline__steps:after{background:linear-gradient(180deg,var(--sky-700),var(--sky-300));transform-origin:top}.timeline__step{position:relative;padding-left:36px}.timeline__dot{position:absolute;left:0;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--blue-cta);transition:background-color var(--dur) var(--ease)}.timeline__step.is-passed .timeline__dot{background:var(--blue-cta)}.timeline__when{color:var(--blue-cta);margin-bottom:8px}.timeline__name{font-size:var(--h3-size);line-height:var(--h3-lh);margin-bottom:8px}.timeline__text{font-size:17px;line-height:1.45;max-width:24em;color:var(--ink)}.timeline__cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:48px}@media(prefers-reduced-motion:reduce){.timeline__steps:after{animation:none!important;transform:none!important}.timeline__step{animation:none!important;opacity:1!important}}html.is-capture .timeline__steps:after{animation:none!important;transform:none!important}html.is-capture .timeline__step{animation:none!important;opacity:1!important}@media(min-width:1024px){.timeline__steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:80px;row-gap:40px;margin-top:56px}.timeline__steps:before,.timeline__steps:after{left:calc(50% - 1px)}.timeline__step{padding-left:0}.timeline__step:nth-child(1){grid-row:1}.timeline__step:nth-child(2){grid-row:2}.timeline__step:nth-child(3){grid-row:3}.timeline__step:nth-child(4){grid-row:4}.timeline__step:nth-child(odd){grid-column:1;text-align:right}.timeline__step:nth-child(odd) .timeline__text{margin-left:auto}.timeline__step:nth-child(2n){grid-column:2}.timeline__dot{top:2px}.timeline__step:nth-child(odd) .timeline__dot{left:auto;right:-47px}.timeline__step:nth-child(2n) .timeline__dot{left:-47px}.timeline__cta{margin-top:56px;align-items:center}}.timeline,.safe-kids,.social,.compare,.faq,.footer{--text: #FFFFFF;--text-2: #FFFFFF;--line: rgba(255, 255, 255, .25);--line-strong: rgba(255, 255, 255, .3);--focus: #FFFFFF;color:#fff}.timeline__label,.timeline__when,.safe-kids__label,.social__label,.compare__label,.faq__label,.timeline__text,.safe-kids__sub{color:#fff}.timeline__steps:before{background:#ffffff40}.timeline__steps:after{background:#fff}.timeline__dot{background:var(--sky-800);box-shadow:inset 0 0 0 3px #fff}.timeline__step.is-passed .timeline__dot{background:#fff}.timeline__step--end .timeline__dot{background:var(--sun-400);box-shadow:inset 0 0 0 3px var(--sun-400)}.timeline__step{animation:none!important;opacity:1!important}.timeline__steps:before,.timeline__steps:after{top:var(--tl-top, 0px);bottom:auto;height:var(--tl-len, 100%);z-index:0}.timeline__dot{z-index:2;background:#ffffff73;box-shadow:none;transition:background-color .3s var(--ease-out),transform .3s cubic-bezier(.34,1.56,.64,1)}.timeline__step.is-passed .timeline__dot{background:#fff;transform:scale(1.15)}.timeline__step--end .timeline__dot,.timeline__step--end.is-passed .timeline__dot{background:var(--sun-400);box-shadow:none}.timeline__step--end.is-celebrating .timeline__dot{transform:scale(1.45)}.tl-confetti{position:absolute;left:50%;top:50%;width:6px;height:3px;border-radius:1px;pointer-events:none;transform:translate(-50%,-50%);opacity:0}.stats,.timeline,.safe-kids,.social,.compare,.faq,.footer{position:relative;isolation:isolate;overflow:clip}.stats>.container,.timeline>.container,.safe-kids>.container,.social>.container,.compare>.container,.faq>.container,.footer>.container{position:relative;z-index:1}@media(max-width:767px){.timeline__head{text-align:center}.timeline__title{margin-inline:auto}.timeline__steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;row-gap:28px}.timeline__steps:before,.timeline__steps:after{left:calc(50% - 1px)}.timeline__step{padding-left:0}.timeline__step:nth-child(1){grid-row:1}.timeline__step:nth-child(2){grid-row:2}.timeline__step:nth-child(3){grid-row:3}.timeline__step:nth-child(4){grid-row:4}.timeline__step:nth-child(odd){grid-column:1;text-align:right}.timeline__step:nth-child(odd) .timeline__text{margin-left:auto}.timeline__step:nth-child(2n){grid-column:2}.timeline__step:nth-child(odd) .timeline__dot{left:auto;right:-27px}.timeline__step:nth-child(2n) .timeline__dot{left:-27px}.timeline__name{font-size:20px}.timeline__text{font-size:15px;font-weight:500}.timeline__cta{align-items:center;text-align:center}}@keyframes tl-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes step-in{0%{opacity:.65}to{opacity:1}}.timeline__steps:after{transform:scaleY(var(--tl-fill, 0));transform-origin:top;will-change:transform}.timeline__steps[data-step="1"]{--tl-fill: var(--tl-f1, .33)}.timeline__steps[data-step="2"]{--tl-fill: var(--tl-f2, .66)}.timeline__steps[data-step="3"]{--tl-fill: var(--tl-f3, 1)}.timeline__steps[data-step="4"]{--tl-fill: var(--tl-f4, 1)}.timeline__steps[data-step="5"]{--tl-fill: var(--tl-f5, 1)}.timeline__steps[data-step="6"]{--tl-fill: var(--tl-f6, 1)}.timeline__steps[data-step="7"]{--tl-fill: var(--tl-f7, 1)}.timeline__steps[data-step="8"]{--tl-fill: var(--tl-f8, 1)}@supports (animation-timeline: view()){.timeline__steps{view-timeline:--tl block}.timeline__steps:after{animation:tl-fill linear both;animation-timeline:--tl;animation-range:cover calc(35vh + var(--tl-top, 0px)) cover calc(55vh + var(--tl-top, 0px) + var(--tl-len, 0px))}}@supports not (animation-timeline: view()){.timeline__steps:after{transition:transform .4s var(--ease-out)}}@media(prefers-reduced-motion:reduce){.timeline__steps:after{animation:none!important;transform:scaleY(1)!important;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/section-timeline.css.map */