.vx-parts .vx-parts__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(24px,3.5vw,52px);align-items:center}.vx-parts .vx-parts__stage{width:min(100%,calc((100svh - 230px)*1.5));justify-self:center}.vx-parts .vx-parts__frame{position:relative;aspect-ratio:3 / 2;background:#e9eff7}.vx-parts .vx-parts__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vx-parts .vx-parts__box{position:absolute;z-index:1;left:var(--bx);top:var(--by);width:var(--bw);height:var(--bh);border-radius:12px;outline:2px solid transparent;outline-offset:5px;background:transparent;transition:outline-color .4s,background .4s,opacity .4s;pointer-events:none}.vx-parts .vx-parts__box.is-on{outline-color:var(--vx-blue2);background:#3e7fd612}.vx-parts .vx-parts__mark{position:absolute;z-index:2;left:var(--x);top:var(--y);width:0;height:0;padding:0;border:0;background:none;cursor:pointer;font:inherit}.vx-parts .vx-parts__mark:before{content:"";position:absolute;left:-4.5px;top:-4.5px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--vx-blue2),0 2px 6px #0b1e3f59}.vx-parts .vx-parts__mark:after{content:"";position:absolute;background:var(--vx-blue2)}.vx-parts .vx-parts__mark--above:after{left:-.75px;bottom:0;width:1.5px;height:var(--gap)}.vx-parts .vx-parts__mark--below:after{left:-.75px;top:0;width:1.5px;height:var(--gap)}.vx-parts .vx-parts__mark--right:after{top:-.75px;left:0;height:1.5px;width:var(--gap)}.vx-parts .vx-parts__chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 5px;border-radius:999px;white-space:nowrap;background:#fffffff0;box-shadow:0 10px 24px -12px #0b1e3f8c,0 0 0 1px #0b1e3f0f;font:600 15px/1 var(--vx-body);color:var(--vx-mid);transition:background .3s,color .3s,box-shadow .3s,scale .3s}.vx-parts .vx-parts__chip i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--vx-mist);color:var(--vx-blue);font:700 14px/1 var(--vx-body);font-style:normal;transition:background .3s,color .3s}.vx-parts .vx-parts__mark--above .vx-parts__chip{bottom:calc(var(--gap) - 1px)}.vx-parts .vx-parts__mark--below .vx-parts__chip{top:calc(var(--gap) - 1px)}.vx-parts .vx-parts__mark--right .vx-parts__chip{left:calc(var(--gap) - 1px);top:0;translate:0 -50%}.vx-parts .vx-parts__mark--above.vx-parts__mark--start .vx-parts__chip,.vx-parts .vx-parts__mark--below.vx-parts__mark--start .vx-parts__chip{left:-17px}.vx-parts .vx-parts__mark--above.vx-parts__mark--center .vx-parts__chip,.vx-parts .vx-parts__mark--below.vx-parts__mark--center .vx-parts__chip{left:0;translate:-50% 0}.vx-parts .vx-parts__mark--above.vx-parts__mark--end .vx-parts__chip,.vx-parts .vx-parts__mark--below.vx-parts__mark--end .vx-parts__chip{right:-17px}.vx-parts .vx-parts__mark.is-on .vx-parts__chip{background:var(--vx-mid);color:#fff;box-shadow:0 14px 30px -12px #0b1e3fb3}.vx-parts .vx-parts__mark.is-on .vx-parts__chip i{background:var(--vx-blue2);color:#fff}.vx-parts .vx-parts__mark.is-on:before{box-shadow:0 0 0 2px var(--vx-blue),0 0 0 7px #3e7fd647}.vx-parts .vx-parts__mark:focus-visible .vx-parts__chip{outline:3px solid var(--vx-blue2);outline-offset:2px}.vx-parts .vx-parts__now{position:absolute;z-index:3;left:10px;top:10px;display:none;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:#0b1e3fd1;border:1.5px solid rgba(191,215,240,.3);color:#fff;font:600 15px/1 var(--vx-body);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.vx-parts .vx-parts__now i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--vx-blue2);font:700 14px/1 var(--vx-body);font-style:normal}.vx-parts .vx-parts__replay{position:absolute;z-index:4;right:12px;bottom:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:#0b1e3fb8;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s,opacity .4s}.vx-parts .vx-parts__replay svg{width:18px;height:18px}.vx-parts .vx-parts__replay:hover{background:var(--vx-blue)}.vx-parts .vx-parts__replay[hidden]{display:none}.vx-parts .vx-parts__mark,.vx-parts .vx-parts__box,.vx-parts .vx-parts__now{transition:opacity .5s var(--vx-ease) calc(var(--i, 0) * 70ms)}.vx-parts vx-parts.is-waiting .vx-parts__mark,.vx-parts vx-parts.is-waiting .vx-parts__box,.vx-parts vx-parts.is-waiting .vx-parts__now,.vx-parts vx-parts.is-waiting .vx-parts__replay{opacity:0;pointer-events:none;transition-delay:0s}.vx-parts .vx-parts__list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.vx-parts .vx-parts__pick{width:100%;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:9px 12px;border:0;border-radius:16px;background:none;text-align:left;cursor:pointer;font:inherit;color:var(--vx-soft);transition:background .35s,box-shadow .35s,transform .45s var(--vx-ease)}.vx-parts .vx-parts__pick:hover{background:#1e5bb80f}.vx-parts .vx-parts__pick:focus-visible{outline:3px solid var(--vx-blue2);outline-offset:2px}.vx-parts .vx-parts__n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--vx-mist);color:var(--vx-blue);font:700 14px/1 var(--vx-body);transition:background .35s,color .35s}.vx-parts .vx-parts__words b{display:block;font:600 18px/1.2 var(--vx-head);letter-spacing:-.01em;color:var(--vx-fg)}.vx-parts .vx-parts__words small{display:block;margin-top:3px;font-size:15px;line-height:1.35;color:#4a5668}.vx-parts .vx-parts__pick.is-on{background:#fff;box-shadow:0 16px 40px -24px #0b1e3f73;transform:translate(6px)}.vx-parts .vx-parts__pick.is-on .vx-parts__n{background:var(--vx-blue);color:#fff}.vx-parts .vx-parts__note{display:none}.vx-parts .vx-parts__fine{margin-top:18px}@media(max-width:989px){.vx-parts .vx-parts__grid{grid-template-columns:minmax(0,1fr);gap:20px}.vx-parts .vx-parts__stage{width:min(100%,calc((100svh - 300px)*1.5));min-width:min(100%,300px)}.vx-parts .vx-parts__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vx-parts .vx-parts__pick{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:6px;padding:10px 6px}.vx-parts .vx-parts__pick.is-on{transform:translateY(-3px)}.vx-parts .vx-parts__words b{font-size:16px}.vx-parts .vx-parts__words small{display:none}.vx-parts .vx-parts__note{margin:14px 0 0;font-size:16px;line-height:1.45;color:var(--vx-text);text-align:center}.vx-parts .vx-parts__note.is-on{display:block}.vx-parts .vx-parts__fine{text-align:center;margin-inline:auto}}@media(max-width:749px){.vx-parts .vx-parts__mark:after{display:none}.vx-parts .vx-parts__mark:before{display:none}.vx-parts .vx-parts__mark .vx-parts__chip,.vx-parts .vx-parts__mark--right .vx-parts__chip{left:0;top:0;right:auto;bottom:auto;translate:-50% -50%;padding:0;background:#fffffff0}.vx-parts .vx-parts__chip b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.vx-parts .vx-parts__chip i{width:26px;height:26px;font-size:14px}.vx-parts .vx-parts__now{display:inline-flex}.vx-parts .vx-parts__box{outline-offset:3px;border-radius:8px}.vx-parts .vx-parts__replay{width:36px;height:36px;right:8px;bottom:8px}.vx-parts .vx-parts__words b{font-size:15px}}@media(prefers-reduced-motion:reduce){.vx-parts .vx-parts__mark,.vx-parts .vx-parts__box,.vx-parts .vx-parts__chip,.vx-parts .vx-parts__pick{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/venix-fx-parts.css.map */