.cj-panel-scene{--panel-paper: #f2f1e8;--panel-accent: #c8ff7c;--panel-ink: #102219;--panel-surface: #14251c;--panel-window: #1c3225;--panel-line: #c8ff7ca6;--panel-muted: #c8ff7c2b;width:100%;max-width:800px;margin-inline:auto;color:var(--panel-paper);isolation:isolate}.cj-panel-scene svg{display:block;width:100%;height:auto;overflow:visible}.cj-panel-scene :is(path,circle,rect,line,polyline){vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.cj-panel-scene .cj-panel-grid{stroke:var(--panel-muted);stroke-width:1}.cj-panel-scene .cj-panel-guide{stroke:var(--panel-line);stroke-width:1;opacity:.5}.cj-panel-scene .cj-panel-outline{fill:none;stroke:var(--panel-paper);stroke-width:1.5}.cj-panel-scene .cj-panel-solid{fill:var(--panel-surface)}.cj-panel-scene .cj-panel-paper{fill:var(--panel-paper);stroke:var(--panel-ink);stroke-width:1.2}.cj-panel-scene .cj-panel-window{fill:var(--panel-window);stroke:var(--panel-line);stroke-width:1}.cj-panel-scene .cj-panel-accent-fill,.cj-panel-scene .cj-panel-node{fill:var(--panel-accent)}.cj-panel-scene .cj-panel-node{stroke:var(--panel-ink);stroke-width:1.5}.cj-panel-scene .cj-panel-muted-fill{fill:var(--panel-line);opacity:.45}.cj-panel-scene .cj-panel-accent-line,.cj-panel-scene .cj-panel-route{fill:none;stroke:var(--panel-accent);stroke-width:2}.cj-panel-scene .cj-panel-ink-line{fill:none;stroke:var(--panel-ink);stroke-width:1.5}.cj-panel-scene .cj-panel-pillar,.cj-panel-scene .cj-panel-system,.cj-panel-scene .cj-panel-browser{fill:var(--panel-surface);stroke:var(--panel-line);stroke-width:1.3}.cj-panel-scene .cj-panel-browser{fill:#0f1d15;stroke:var(--panel-paper)}.cj-panel-scene .cj-panel-hub-ring{fill:var(--panel-window);stroke:var(--panel-accent);stroke-width:1.5}.cj-panel-scene .cj-panel-origin{fill:var(--panel-surface);stroke:var(--panel-accent);stroke-width:2}.cj-panel-scene .cj-panel-step{--panel-draw: 1;opacity:1;transform:none;transform-box:fill-box;transform-origin:center}.cj-panel-scene .cj-panel-draw{stroke-dasharray:1;stroke-dashoffset:0}.cj-panel-services-foundation{--panel-start: 0;--panel-rate: 3.3}.cj-panel-services-shell{--panel-start: .08;--panel-rate: 2.8}.cj-panel-services-catalog{--panel-start: .24;--panel-rate: 2.8}.cj-panel-services-connections{--panel-start: .38;--panel-rate: 2.4}.cj-panel-services-pillar-one{--panel-start: .48;--panel-rate: 3.3}.cj-panel-services-pillar-two{--panel-start: .58;--panel-rate: 3.3}.cj-panel-services-pillar-three{--panel-start: .68;--panel-rate: 3.3}.cj-panel-management-hub{--panel-start: 0;--panel-rate: 3.4}.cj-panel-management-catalog{--panel-start: .08;--panel-rate: 3}.cj-panel-management-checkout{--panel-start: .17;--panel-rate: 3}.cj-panel-management-inventory{--panel-start: .26;--panel-rate: 3}.cj-panel-management-customer{--panel-start: .35;--panel-rate: 3}.cj-panel-management-connections{--panel-start: .4;--panel-rate: 2.4}.cj-panel-management-dispatch{--panel-start: .58;--panel-rate: 2.5}.cj-panel-management-package{--panel-start: .64;--panel-rate: 2.8}.cj-panel-work-window-one{--panel-start: 0;--panel-rate: 3.8}.cj-panel-work-window-two{--panel-start: .08;--panel-rate: 3.8}.cj-panel-work-homeware{--panel-start: .18;--panel-rate: 3}.cj-panel-work-signage{--panel-start: .28;--panel-rate: 3}.cj-panel-work-products-one{--panel-start: .4;--panel-rate: 3}.cj-panel-work-products-two{--panel-start: .5;--panel-rate: 3}.cj-panel-work-connection{--panel-start: .62;--panel-rate: 2.7}.cj-panel-close-route{--panel-start: 0;--panel-rate: 1.45}.cj-panel-close-waypoint-one{--panel-start: .18;--panel-rate: 3.4}.cj-panel-close-waypoint-two{--panel-start: .4;--panel-rate: 3.4}.cj-panel-close-destination{--panel-start: .53;--panel-rate: 2.8}.cj-panel-close-arrow{--panel-start: .72;--panel-rate: 3.6}.cj-panel-scene--close{--panel-paper: #deffb7;--panel-accent: #153d25;--panel-ink: #153d25;--panel-surface: #c8ff7c;--panel-window: #ceff8b;--panel-line: #153d2599;--panel-muted: #153d2521;color:var(--panel-ink)}.cj-panel-scene--close .cj-panel-outline{stroke:var(--panel-ink)}.cj-panel-scene .cj-panel-close-guide{stroke:var(--panel-muted);stroke-width:3}.cj-panel-scene--close .cj-panel-route{stroke-width:3}.cj-page:is([data-motion=on],[data-motion=paused]) section[data-scroll-panel].is-scroll-enhanced .cj-panel-step{--panel-draw: clamp(0, calc((var(--panel-progress, 1) - var(--panel-start, 0)) * var(--panel-rate, 1)), 1);opacity:var(--panel-draw);transform:translateY(calc((1 - var(--panel-draw)) * 16px))}.cj-page:is([data-motion=on],[data-motion=paused]) section[data-scroll-panel].is-scroll-enhanced .cj-panel-draw{stroke-dashoffset:calc(1 - var(--panel-draw, 1))}.cj-page:is([data-motion=on],[data-motion=paused]) section[data-scroll-panel].is-scroll-enhanced .cj-panel-services-foundation,.cj-page:is([data-motion=on],[data-motion=paused]) section[data-scroll-panel].is-scroll-enhanced .cj-panel-services-connections,.cj-page:is([data-motion=on],[data-motion=paused]) section[data-scroll-panel].is-scroll-enhanced .cj-panel-management-connections,.cj-page:is([data-motion=on],[data-motion=paused]) section[data-scroll-panel].is-scroll-enhanced .cj-panel-management-dispatch,.cj-page:is([data-motion=on],[data-motion=paused]) section[data-scroll-panel].is-scroll-enhanced .cj-panel-work-connection,.cj-page:is([data-motion=on],[data-motion=paused]) section[data-scroll-panel].is-scroll-enhanced .cj-panel-close-route{transform:none}.cj-page:is([data-motion=on],[data-motion=paused]) section[data-scroll-panel].is-scroll-enhanced .cj-panel-package{transform:translate(calc((var(--panel-draw, 1) - 1) * 188px))}@media(max-width:599px){.cj-panel-scene{max-width:620px}.cj-panel-scene .cj-panel-grid{opacity:.55}.cj-panel-scene .cj-panel-outline,.cj-panel-scene .cj-panel-ink-line{stroke-width:1.1}.cj-panel-scene .cj-panel-route{stroke-width:1.6}.cj-panel-scene--close .cj-panel-route{stroke-width:2}}@media(prefers-reduced-motion:reduce){.cj-page:is([data-motion=on],[data-motion=paused]) section[data-scroll-panel].is-scroll-enhanced .cj-panel-step{--panel-draw: 1;opacity:1;transform:none}.cj-page:is([data-motion=on],[data-motion=paused]) section[data-scroll-panel].is-scroll-enhanced .cj-panel-draw{stroke-dashoffset:0}.cj-page:is([data-motion=on],[data-motion=paused]) section[data-scroll-panel].is-scroll-enhanced .cj-panel-package{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/ceopify-journey-panels.css.map */