.home-how__switch{display:flex;justify-content:center;margin-bottom:var(--ct-s-6)}.home-how__seg .ct-seg__opt span{min-width:136px}.home-how:has(.home-how__seg input[value=obd]:checked) .home-how__panel--battery,.home-how:has(.home-how__seg input[value=asset]:checked) .home-how__panel--battery,.home-how:not(:has(.home-how__seg input[value=obd]:checked)) .home-how__panel--obd,.home-how:not(:has(.home-how__seg input[value=asset]:checked)) .home-how__panel--asset{display:none}@media(min-width:750px){.home-how__switch{justify-content:flex-start;margin-bottom:40px}}.home-how__title{margin-top:16px}@media(max-width:749.98px){.home-how__steps{display:flex;gap:0 12px}.home-how__step{padding:50px 0 0}.home-how__step:before{top:0}.home-how__step:after{display:none}.home-how__panel .ct-swipe__hint{top:62px;right:calc(14% + 12px);bottom:auto}}@media(min-width:750px){.home-how .home-how__panel .home-how__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;overflow:visible;scroll-snap-type:none}.home-how .home-how__panel .home-how__steps:after{display:none}.home-how .home-how__panel .home-how__step{flex:none;width:auto}.home-how .home-how__panel .ct-swipe__ctrl,.home-how .home-how__panel .ct-swipe__hint,.home-how .home-how__panel.is-hinting .ct-swipe__hint{display:none}}.home-how__media{position:relative;width:100%;aspect-ratio:4 / 3;border:1px solid var(--ct-border);border-radius:var(--ct-radius-lg);background:#fff;overflow:hidden}.home-how__photo img{width:100%;height:100%;object-fit:cover}.home-how__map,.home-how__done-art{width:100%;height:100%}.home-how__chip{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;background:#fff;box-shadow:var(--ct-shadow-card-hover);color:var(--ct-silver-900);font-size:var(--ct-fs-sm);font-weight:600;line-height:1.2;white-space:nowrap}@media(min-width:750px)and (max-width:989px){.home-how__chip{gap:6px;max-width:calc(100% - 24px);padding:6px 10px;font-size:var(--ct-fs-xs);overflow:hidden;text-overflow:ellipsis}}.home-how__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:40px}.home-how__cta .ct-btn{width:100%}@media(min-width:750px){.home-how__cta{margin-top:48px}.home-how__cta .ct-btn{width:auto}}.home-how__ground{fill:var(--ct-blue-050)}.home-how__river{fill:var(--ct-blue-100);stroke:#b9cbee;stroke-width:1}.home-how__park rect{fill:#d9ebd3;stroke:#c6ddbf;stroke-width:1}.home-how__tree{fill:#b5d3aa}.home-how__blocks rect{fill:var(--ct-silver-100);stroke:var(--ct-silver-200);stroke-width:1}.home-how__casings path,.home-how__casings circle{fill:none;stroke:var(--ct-silver-200);stroke-width:16;stroke-linecap:butt}.home-how__roads path,.home-how__roads circle{fill:none;stroke:#fff;stroke-width:11;stroke-linecap:butt}.home-how__lanes path{fill:none;stroke:var(--ct-silver-200);stroke-width:1;stroke-dasharray:8 6}.home-how__island{fill:#d9ebd3;stroke:#c6ddbf;stroke-width:1}.home-how__start{fill:#fff;stroke:var(--ct-silver-600);stroke-width:2}.home-how__pin{fill:var(--ct-silver-300)}.home-how__pin-eye{fill:#fff}.home-how__route{fill:none;stroke:var(--ct-silver-300);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.home-how__trail{fill:none;stroke:var(--ct-yellow-400);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.home-how__crumbs{fill:none;stroke-linecap:round;stroke-dasharray:0 34 0 18.85 0 48.15 0 47.85 0 18.85 0 43.3 0 45 0 45.7 0 20 0 20 0 20 0 20 0 20 0 20 0 20 0 20.22 0 37.08 0 36.92 0 18.85 0 41.23 0 45 0 103.77;stroke-dashoffset:-34}.home-how__crumbs--rim{stroke:#fff;stroke-width:9}.home-how__crumbs--dot{stroke:var(--ct-blue-800);stroke-width:5.5}.home-how__cover{fill:none;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:-1}.home-how__cover--road{stroke:#fff;stroke-width:10}.home-how__cover--route{stroke:var(--ct-silver-300);stroke-width:2.5}.home-how__pulse{fill:var(--ct-live);opacity:.45;transform-box:fill-box;transform-origin:center;animation:home-how-pulse 2.4s var(--ct-ease-out) infinite}.home-how__ring{fill:#fff}.home-how__dot{fill:var(--ct-blue-800)}@supports (offset-path: path("M0 0h1")){.home-how__marker{transform:none;offset-path:path("M40 370H108A12 12 0 0 0 120 358V262A12 12 0 0 1 132 250H266A34 34 0 1 1 300 284V358A12 12 0 0 0 312 370H452");offset-distance:100%;offset-rotate:auto}.ct-anim .home-how__marker{animation:home-how-marker 9s linear infinite}}.ct-anim .home-how__trail{animation:home-how-trail 9s linear infinite}.ct-anim .home-how__crumbs{animation:home-how-fade 9s linear infinite}.ct-anim .home-how__cover{animation:home-how-cover 9s linear infinite}@keyframes home-how-trail{0%{stroke-dashoffset:1;opacity:1}78%{stroke-dashoffset:0;opacity:1}90%{stroke-dashoffset:0;opacity:1}97%,to{stroke-dashoffset:0;opacity:0}}@keyframes home-how-marker{0%{offset-distance:0%;opacity:0}2%{opacity:1}78%{offset-distance:100%;opacity:1}90%{offset-distance:100%;opacity:1}97%,to{offset-distance:100%;opacity:0}}@keyframes home-how-cover{0%{stroke-dashoffset:0}78%,to{stroke-dashoffset:-1}}@keyframes home-how-fade{0%,90%{opacity:1}97%,to{opacity:0}}@keyframes home-how-pulse{0%{transform:scale(.7);opacity:.5}70%,to{transform:scale(2.6);opacity:0}}.home-how__done{background:var(--ct-blue-050)}.home-how__done-ring{fill:var(--ct-blue-800);transform-box:fill-box;transform-origin:center}.home-how__done-tick{fill:none;stroke:#fff;stroke-width:14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.home-how__spark{fill:var(--ct-yellow-400);opacity:0;transform-box:fill-box;transform-origin:center}.ct-anim .home-how__done-ring{animation:home-how-pop var(--ct-dur-3) var(--ct-ease-out) both}.ct-anim .home-how__done-tick{animation:home-how-draw .6s var(--ct-ease-out) .15s both}.ct-anim .home-how__spark{animation:home-how-spark .9s var(--ct-ease-out) both}.ct-anim .home-how__spark--1{animation-delay:.45s}.ct-anim .home-how__spark--2{animation-delay:.55s}.ct-anim .home-how__spark--3{animation-delay:.65s}@keyframes home-how-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes home-how-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes home-how-spark{0%{opacity:0;transform:scale(.2)}35%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(.9)}}@media(prefers-reduced-motion:reduce){.home-how .home-how__trail,.home-how .home-how__marker,.home-how .home-how__crumbs,.home-how .home-how__done-ring,.home-how .home-how__done-tick{animation:none;opacity:1;stroke-dashoffset:0}.home-how .home-how__crumbs{stroke-dashoffset:-34}.home-how .home-how__cover{animation:none;stroke-dashoffset:-1}.home-how .home-how__pulse,.home-how .home-how__spark{display:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/ct-home-how.css.map */
