timeline-progress{display:block}.section--timeline>[data-motion-scope]{overflow-x:clip}[data-motion-scope] .tl-head .tag{transform-origin:var(--tl-tag-origin, left) center}timeline-progress.has-path .tl-path-svg,timeline-progress.has-path .tl-node:before{display:none}timeline-progress:not(#_)>.tl-row:first-of-type .tl-node:before{top:50%}timeline-progress:not(#_)>.tl-row:last-of-type .tl-node:before{bottom:50%}@media(max-width:768px){timeline-progress:not(#_)>.tl-row:first-of-type .tl-node:before{top:var(--tl-m-center);bottom:calc(-1 * var(--tl-row-gap-m))}timeline-progress:not(#_)>.tl-row:last-of-type .tl-node:before{top:0;bottom:calc(100% - var(--tl-m-center))}}timeline-progress .tl-motion-svg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none}timeline-progress .tl-motion-base{stroke:var(--tl-line-color);stroke-width:var(--tl-line-w);opacity:var(--tl-line-opacity)}timeline-progress .tl-motion-progress{stroke:#4dd9ec;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1 2;stroke-dashoffset:1}timeline-progress .tl-motion-tip{display:none;position:absolute;top:0;left:0;z-index:0;width:28px;height:28px;border-radius:50%;background:#4dd9ec38;pointer-events:none;offset-path:var(--tl-path);offset-anchor:50% 50%;offset-rotate:0deg}timeline-progress .tl-motion-tip:after{content:"";position:absolute;top:6.25px;right:6.25px;bottom:6.25px;left:6.25px;border:2.5px solid #fff;border-radius:50%;background:#4dd9ec}@media(max-width:768px){timeline-progress:not(#_) .tl-node-num{width:38px;height:38px}}timeline-progress:not(#_) .tl-node-num.is-active{background-color:#4dd9ec;color:#363751;transform:scale(1.1);box-shadow:0 0 0 7px #4dd9ec38,0 6px 22px #1a1f5e38}@media(prefers-reduced-motion:no-preference){timeline-progress .tl-node-num{transition:transform .45s cubic-bezier(.2,.9,.3,1.4),box-shadow .45s}timeline-progress.is-scroll-driven{view-timeline-name:--tl-pen;view-timeline-axis:block;view-timeline-inset:62% 38%}timeline-progress.is-scroll-driven.has-path .tl-motion-progress{animation:tl-motion-draw auto linear both;animation-timeline:--tl-pen;animation-timing-function:var(--tl-easing, linear)}timeline-progress.is-scroll-driven.has-path .tl-motion-tip{display:block;animation:tl-motion-tip auto linear both;animation-timeline:--tl-pen;animation-timing-function:var(--tl-easing, linear)}timeline-progress:not(.is-scroll-driven) .tl-motion-progress{transition:stroke-dashoffset .6s}}@media(prefers-reduced-motion:reduce){timeline-progress .tl-motion-progress{stroke-dashoffset:0}}@keyframes tl-motion-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes tl-motion-tip{0%{offset-distance:0%}to{offset-distance:100%}}timeline-progress .tl-pill-bob{animation:mk-bob 5s ease-in-out infinite;animation-delay:calc(var(--tl-i, 0) * .8s);animation-play-state:var(--motion-loop-state, running)}[data-motion-scope] .tl-result{position:relative;overflow:hidden}[data-motion-scope] .tl-result-icon,[data-motion-scope] .tl-result-txt{position:relative}[data-motion-scope] .tl-result-drift{position:absolute;top:-150px;right:-60px;width:280px;height:280px;border-radius:50%;background:#ffffff0d;pointer-events:none;animation:mk-drift 13s ease-in-out infinite;animation-play-state:var(--motion-loop-state, running)}[data-motion-scope] .tl-result-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--tl-result-icon-bg, #4dd9ec);border-radius:50%;pointer-events:none;animation:mk-pulse 2.8s cubic-bezier(0,0,.2,1) infinite;animation-play-state:var(--motion-loop-state, running)}@media(hover:hover){timeline-progress:not(#_) .tl-card:hover{box-shadow:0 16px 40px #1a1f5e1f,0 0 0 1px #4dd9ec99}timeline-progress:not(#_) .tl-pill:hover{box-shadow:0 12px 28px #1a1f5e24}}timeline-progress:not(#_) .tl-card:has(:focus-visible){box-shadow:0 16px 40px #1a1f5e1f,0 0 0 1px #4dd9ec99}@media(prefers-reduced-motion:no-preference){timeline-progress:not(#_) .tl-card{transition:transform .3s,box-shadow .3s}timeline-progress:not(#_) .tl-card:has(:focus-visible){transform:translateY(-6px)}timeline-progress .tl-pill{transition:box-shadow .3s}timeline-progress .tl-pill-icon{transition:transform .28s cubic-bezier(.2,.8,.2,1)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){timeline-progress:not(#_) .tl-card:hover{transform:translateY(-6px)}timeline-progress .tl-pill:hover .tl-pill-icon{transform:rotate(-8deg) scale(1.1)}}@media(prefers-reduced-motion:reduce){timeline-progress:not(#_) .tl-card{transition:none}timeline-progress:not(#_) .tl-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/timeline-motion.css.map */