vf-kit-story{display:block}.x8-kit-story .x8-story-scroll{height:1180px;position:relative}.x8-kit-story .x8-story-sticky{position:sticky;top:68px;padding-top:10px}.x8-kit-story .x8-explore-grid{grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);gap:28px;align-items:start}.x8-kit-story .x8-explore-stage{height:480px;--spread:0;--open:0;--items:0;perspective:1000px}.x8-kit-story .x8-piece{left:calc(var(--px) + var(--spread)*var(--dx))!important;top:calc(var(--py) + var(--spread)*var(--dy))!important;transform:translate(-50%,-50%) rotate(calc(var(--rot)*var(--spread))) scale(calc(var(--ps) + var(--spread)*(1 - var(--ps))))!important;transition:filter .2s;gap:7px;padding:0!important;opacity:var(--items)}.x8-kit-story .x8-real-piece{display:block;width:var(--pw);height:var(--ph);filter:drop-shadow(5px 11px 9px #071b2677)}.x8-kit-story .x8-real-piece img{width:100%!important;height:100%!important;object-fit:contain;display:block}.x8-kit-story .x8-piece small{opacity:clamp(0,calc((var(--spread) - .35)*2),1);font-size:9px!important;white-space:normal;max-width:130px;text-align:center;line-height:1.4!important;pointer-events:none}.x8-kit-story .x8-piece:focus-visible{outline:2px solid #ead8af!important;outline-offset:5px}.x8-kit-story .x8-piece.is-selected .x8-real-piece{filter:drop-shadow(0 0 9px #b3d5cd99)}.x8-kit-story .x8-piece-case{--px:50%;--dx:12%;--py:57%;--dy:-14%;--ps:1;--rot:-5deg;z-index:1;opacity:1;width:240px;height:175px;perspective:900px}.x8-kit-story .x8-piece-case small{position:absolute;bottom:30px;right:5px;max-width:100px}.x8-case-assembly{position:relative;display:block;width:230px;height:135px;transform:rotateX(42deg) rotateZ(-10deg);transform-style:preserve-3d;pointer-events:none}.x8-case-base{position:absolute;inset:0;border:7px solid #abbcc0;border-radius:9px;background:linear-gradient(140deg,#263d43,#142a32);box-shadow:0 10px 0 #6d858b,0 15px 0 #48616a,14px 25px 23px #081d2777;box-sizing:border-box}.x8-case-base:after{content:'';position:absolute;left:88px;bottom:-25px;width:48px;height:15px;border:5px solid #93a7ad;border-top:0;border-radius:0 0 8px 8px}.x8-case-base i,.x8-case-base b{position:absolute;bottom:-10px;width:17px;height:12px;border:2px solid #c2d0d2;background:#7b9298;border-radius:2px}.x8-case-base i{left:30px}.x8-case-base b{right:30px}.x8-case-lid{position:absolute;inset:0;transform-origin:50% 0;transform:translateZ(8px) rotateX(calc(var(--open)*123deg));transform-style:preserve-3d}.x8-lid-outside,.x8-lid-inside{position:absolute;inset:0;border:6px solid #b8c9cc;border-radius:8px;backface-visibility:hidden;box-sizing:border-box}.x8-lid-outside{background:repeating-linear-gradient(90deg,#adbec2 0,#c6d2d4 3px,#aabdc1 5px);box-shadow:inset 0 0 0 2px #718a92,0 7px 0 #82999f}.x8-lid-inside{transform:rotateX(180deg);background:radial-gradient(ellipse,#344b52,#1b3038);box-shadow:inset 0 0 0 4px #50686e}.x8-kit-story .x8-piece-probe{--px:47%;--dx:-24%;--py:59%;--dy:-32%;--ps:.44;--pw:85px;--ph:155px;--rot:-9deg;z-index:4}.x8-kit-story .x8-piece-pad{--px:52%;--dx:12%;--py:57%;--dy:9%;--ps:.45;--rot:-6deg;z-index:5}.x8-kit-story .x8-piece-adapter{--px:56%;--dx:25%;--py:60%;--dy:16%;--ps:.45;--rot:-7deg;z-index:6}.x8-kit-story .x8-piece-cable{--px:49%;--dx:-7%;--py:62%;--dy:16%;--ps:.45;--rot:-10deg;z-index:7}.x8-kit-story .x8-piece-manual{--px:43%;--dx:-24%;--py:58%;--dy:15%;--ps:.45;--rot:-10deg;z-index:3}.x8-kit-story .x8-object-manual b{font-size:9px;line-height:1.4}.x8-kit-story .x8-piece-tabs{margin:0 0 12px;gap:6px}.x8-kit-story .x8-piece-tabs button{min-width:34px;width:34px;height:34px}.x8-kit-story .x8-explore-copy .x8-kicker{margin-bottom:10px!important}.x8-kit-story .x8-real-photo{height:230px;background:#eee9df;border-radius:7px;position:relative;margin-bottom:10px;display:grid;place-items:center;overflow:hidden}.x8-kit-story .x8-real-photo button{width:100%;height:100%;border:0;background:transparent;padding:14px;position:relative;cursor:zoom-in;display:grid;place-items:center}.x8-kit-story .x8-real-photo img{width:auto!important;height:auto!important;max-width:100%!important;max-height:202px!important;object-fit:contain;display:block}.x8-kit-story .x8-real-photo button>span{position:absolute;right:10px;bottom:10px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#294b46;font-size:20px}.x8-kit-story .x8-real-photo>p{font-size:12px;color:#62746b;padding:20px}.x8-photo-options{display:flex;gap:8px;margin-bottom:8px}.x8-photo-options button{background:transparent;border:1px solid #b9c6c3;border-radius:20px;padding:5px 10px;font-size:10px!important;color:#385655;cursor:pointer}.x8-photo-options button[aria-pressed=true]{background:#24444b;color:white;border-color:#24444b}.x8-photo-quality{font-size:10px!important;line-height:1.5!important;color:#6a7c7a;margin:0 0 14px!important}.x8-kit-story .x8-piece-info{min-height:0}.x8-kit-story .x8-piece-info h3{font-size:22px!important;margin:8px 0!important}.x8-kit-story .x8-piece-info p{font-size:12px!important;line-height:1.65!important}.x8-kit-story .x8-schematic-note{margin:14px 0 0!important;max-width:900px;font-size:10px!important}.x8-stage-status{position:absolute;right:24px;top:22px;left:auto;bottom:auto;text-align:right;color:#c7d8da;font-size:10px!important;letter-spacing:1px;margin:0!important;z-index:8;pointer-events:none}.x8-kit-story .x8-story-dialog{border:0;background:#f1ede5;border-radius:7px;padding:42px 20px 20px;max-width:90vw;max-height:90vh}.x8-kit-story .x8-story-dialog::backdrop{background:#09232ddf}.x8-kit-story .x8-story-dialog>button{position:absolute;right:8px;top:4px;width:34px;height:34px;border:0;background:#fff;border-radius:50%;font-size:24px}.x8-kit-story .x8-story-dialog img{display:block;max-width:min(80vw,var(--native-width,900px));max-height:min(74vh,var(--native-height,900px));width:auto!important;height:auto!important;object-fit:contain}.x8-kit-story [hidden]{display:none!important}.x8-piece-placeholder{font-size:10px;background:#d6dfda;padding:8px;border:1px dashed #8ca29b;color:#234338}.x8-kit-story .x8-scene-controls{bottom:16px;left:18px;right:18px;padding:7px 12px}.x8-kit-story .x8-scene-controls button{min-height:30px}@media(max-width:780px){.x8-kit-story .x8-story-scroll{height:auto}.x8-kit-story .x8-story-sticky{position:static;padding:0}.x8-kit-story .x8-explore-grid{grid-template-columns:1fr;gap:22px}.x8-kit-story .x8-explore-stage{height:440px}.x8-kit-story .x8-piece-probe{--pw:67px;--ph:130px;--dy:-33%}.x8-kit-story .x8-piece-case{width:170px;height:145px;--dx:16%;--dy:-11%}.x8-case-assembly{width:160px;height:105px}.x8-case-base:after{left:52px;width:40px}.x8-kit-story .x8-object-pad{width:76px;height:45px}.x8-kit-story .x8-object-adapter{width:47px;height:51px}.x8-kit-story .x8-object-adapter i{left:12px}.x8-kit-story .x8-object-adapter b{left:28px}.x8-kit-story .x8-object-cable{width:58px;height:43px}.x8-kit-story .x8-object-manual{width:59px;height:86px;padding:8px}.x8-kit-story .x8-object-manual b{font-size:8px}.x8-kit-story .x8-piece small{font-size:8px!important;max-width:85px}.x8-kit-story .x8-piece-info h3{font-size:22px!important}.x8-kit-story .x8-piece-tabs{gap:8px}.x8-stage-status{font-size:8px!important;letter-spacing:0;right:16px;max-width:150px}}@media(prefers-reduced-motion:reduce){.x8-kit-story .x8-story-scroll{height:auto}.x8-kit-story .x8-story-sticky{position:static}.x8-kit-story .x8-piece,.x8-kit-story .x8-case-lid{transition:none!important}}

.x8-kit-story .x8-explore-grid{display:block}.x8-kit-story .x8-explore-stage{height:550px}.x8-kit-field{position:absolute;left:16%;top:0;width:68%;height:calc(100% - 60px);transition:left .25s,transform .25s;transform-origin:top center}.x8-kit-story.has-card .x8-kit-field{left:0}.x8-kit-story .x8-piece-case{--dy:-18%;width:215px;height:155px}.x8-kit-story .x8-case-assembly{width:200px;height:115px;pointer-events:auto}.x8-kit-story .x8-case-base:after{left:72px}.x8-kit-story .x8-piece-pad{--dx:7%;--dy:15%}.x8-kit-story .x8-piece-adapter{--dx:30%;--dy:16%}.x8-kit-story .x8-piece-cable{--dx:-7%;--dy:16%}.x8-kit-story .x8-piece-case small{bottom:20px;right:5px}.x8-kit-story .x8-kit-card{position:absolute;right:18px;top:var(--card-top,60px);width:27%;max-width:280px;min-width:220px;box-sizing:border-box;padding:32px 14px 14px;border:1px solid #c7d5d1;border-radius:12px;background:#f5f1e8;color:#23414a;box-shadow:0 12px 32px #081d2770;z-index:12}.x8-kit-story .x8-kit-card>[data-kit-card-close]{position:absolute;right:6px;top:3px;width:29px;height:29px;border:0;background:transparent;color:#23414a;font-size:25px!important;line-height:1;cursor:pointer}.x8-kit-story .x8-kit-card .x8-real-photo{height:145px;margin:0 0 8px;background:#ebe6dc}.x8-kit-story .x8-kit-card .x8-real-photo button{padding:8px}.x8-kit-story .x8-kit-card .x8-real-photo img{max-height:129px!important}.x8-kit-story .x8-kit-card .x8-piece-info h3{font-size:17px!important;line-height:1.2!important;margin:6px 0!important}.x8-kit-story .x8-kit-card .x8-piece-info p{font-size:11px!important;line-height:1.5!important;margin:6px 0 0!important}.x8-kit-story .x8-kit-card .x8-piece-info>span{font-size:9px}.x8-kit-story .x8-kit-card .x8-photo-options{gap:5px;margin:0 0 8px;flex-wrap:wrap}.x8-kit-story .x8-kit-card .x8-photo-options button{font-size:9px!important;padding:4px 8px}.x8-kit-story .x8-kit-card [data-kit-photo-zoom]>span{font-size:18px;width:24px;height:24px}.x8-kit-story .x8-kit-card button:focus-visible{outline:2px solid #345b62;outline-offset:2px}@media(max-width:780px){.x8-kit-story .x8-explore-stage{height:clamp(470px,85svh,540px)}.x8-kit-field{left:0;width:100%;height:calc(100% - 60px)}.x8-kit-story.has-card .x8-kit-field{transform:scale(.64)}.x8-kit-story .x8-piece-case{width:170px;height:145px;--dx:16%;--dy:-15%}.x8-kit-story .x8-case-assembly{width:160px;height:105px}.x8-kit-story .x8-case-base:after{left:52px}.x8-kit-story .x8-piece-pad{--dx:9%;--dy:19%}.x8-kit-story .x8-piece-adapter{--dx:28%;--dy:18%}.x8-kit-story .x8-kit-card{right:10px;left:10px;top:auto;bottom:62px;width:auto;max-width:none;min-width:0;height:178px;padding:22px 10px 8px;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 24px;column-gap:10px;border-radius:10px}.x8-kit-story .x8-kit-card .x8-real-photo{height:113px;grid-column:1;grid-row:1;margin:0}.x8-kit-story .x8-kit-card .x8-real-photo img{max-height:97px!important}.x8-kit-story .x8-kit-card .x8-real-photo button{padding:5px}.x8-kit-story .x8-kit-card .x8-piece-info{grid-column:2;grid-row:1;overflow:auto;overscroll-behavior:contain}.x8-kit-story .x8-kit-card .x8-piece-info h3{font-size:14px!important;margin:3px 0!important}.x8-kit-story .x8-kit-card .x8-piece-info p{font-size:10px!important;line-height:1.45!important;margin:3px 0!important}.x8-kit-story .x8-kit-card .x8-piece-info>span{font-size:8px;letter-spacing:1px}.x8-kit-story .x8-kit-card .x8-photo-options{grid-column:1 / -1;grid-row:2;margin:3px 0 0;align-items:start}.x8-kit-story .x8-kit-card .x8-photo-options button{font-size:8px!important;padding:3px 7px}.x8-kit-story .x8-kit-card [data-kit-photo-zoom]>span{width:19px;height:19px;right:3px;bottom:3px;font-size:14px}.x8-kit-story .x8-scene-tag{font-size:8px;left:16px;top:15px}.x8-kit-story .x8-stage-status{top:15px;font-size:8px!important}.x8-kit-story .x8-kit-card>[data-kit-card-close]{height:24px;width:26px;font-size:22px!important;top:0}}
@media(prefers-reduced-motion:reduce){.x8-kit-field{transition:none}}

@media(max-width:780px){.x8-kit-story .x8-piece-manual{--dx:-30%}.x8-kit-story .x8-piece-cable{--dx:-10%}.x8-kit-story .x8-piece-pad{--dx:16%}.x8-kit-story .x8-piece-adapter{--dx:34%}.x8-kit-story.has-card .x8-piece:not(.x8-piece-case){min-width:76px!important;min-height:76px!important}}