.accordion-gallery{--ag-accent:#fff;--ag-overlay:#060010;--ag-text:#fff;--ag-gap:10px;--ag-radius:16px;--ag-media-size:320px;gap:var(--ag-gap);perspective:1400px;perspective-origin:50%;flex-direction:row;width:100%;max-width:100%;display:flex}.accordion-gallery--vertical{flex-direction:column}.ag-panel{border-radius:var(--ag-radius);cursor:pointer;min-width:0;min-height:0;transform-style:preserve-3d;transform-origin:50%;will-change:flex-grow, transform;-webkit-tap-highlight-color:transparent;background:#0a0713;outline:none;flex:1 1 0;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px -18px #000c}.ag-panel:focus-visible{box-shadow:0 0 0 2px var(--ag-accent), 0 10px 30px -18px #000c}.ag-panel__frame{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ag-panel__media{--ag-gray:1;--ag-dim:.35;width:var(--ag-media-size);height:100%;filter:grayscale(var(--ag-gray));will-change:transform, filter;position:absolute;top:50%;left:50%}.accordion-gallery--vertical .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__media img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.ag-panel__overlay{pointer-events:none;background:linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--ag-overlay) 78%, transparent) 100%), color-mix(in srgb, var(--ag-overlay) calc(var(--ag-dim,.35) * 100%), transparent);position:absolute;inset:0}.ag-panel__label{pointer-events:none;z-index:2;align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.ag-panel__bar{background:var(--ag-accent);opacity:0;width:3px;height:26px;box-shadow:0 0 12px color-mix(in srgb, var(--ag-accent) 60%, transparent);border-radius:3px;flex:none}.ag-panel__text{color:var(--ag-text);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 14px #0000008c;font-family:inherit;font-size:clamp(1rem,1.4vw,1.4rem);font-weight:600;overflow:hidden}@media (max-width:520px){.accordion-gallery{perspective:none;flex-direction:column;height:auto!important}.ag-panel{min-height:84px;transform:none!important}.accordion-gallery .ag-panel__media{width:100%;height:var(--ag-media-size)}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{will-change:auto}}
.scroll-stack{width:100%;position:relative}.scroll-stack--contained{height:100%;overflow:hidden auto}.scroll-stack__inner{padding-inline:clamp(1rem,6%,5rem);position:relative}.scroll-stack__slot{position:sticky}.scroll-stack-card{box-sizing:border-box;color:var(--lightningcss-light,#18181b)var(--lightningcss-dark,#fafafa);transform-origin:50% 0;will-change:transform;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181b);border-radius:28px;width:100%;height:20rem;padding:2.5rem;position:relative;box-shadow:0 0 0 1px var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff14),0 -12px 40px -16px #00000059,0 24px 48px -24px #0006}.scroll-stack-card__shade{border-radius:inherit;opacity:var(--scroll-stack-dim,0);pointer-events:none;background:#000;position:absolute;inset:0}
.jb-stock-stack{width:100%;padding-block:clamp(1.25rem,3vw,2rem) clamp(2rem,5vw,4rem);position:relative}.jb-stock-stack__scroll .scroll-stack__inner{padding-inline:clamp(0rem,1.2vw,1rem)}.jb-stock-stack__item{overflow:visible}.jb-stock-stack .scroll-stack-card{height:clamp(19rem,34svh,20rem);color:var(--ink);background:#fff;border:1px solid #14182117;border-radius:1.35rem;flex-direction:column;justify-content:center;gap:1rem;padding:clamp(1.25rem,3vw,2.25rem);display:flex;box-shadow:0 18px 42px #14234114,0 2px 8px #14234109}.jb-stock-stack .scroll-stack-card>.jb-stock-card__header{margin-bottom:clamp(1.1rem,2.2vw,1.75rem)}.jb-stock-stack .scroll-stack-card__shade{opacity:calc(var(--scroll-stack-dim,0) * .45);background:#1549ad}.jb-stock-card__header{grid-template-columns:minmax(0,1fr) minmax(12rem,.7fr);align-items:end;gap:1rem 2rem;display:grid}.jb-stock-card__eyebrow{color:var(--sig);font-family:var(--f-mono);letter-spacing:.1em;margin-bottom:.45rem;font-size:.64rem;font-weight:600;display:block}.jb-stock-card__title{font-family:var(--f-sans);letter-spacing:-.035em;margin:0;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:650;line-height:1.08}.jb-stock-card__description{max-width:28rem;color:var(--mute);margin:0 0 .08rem auto;font-size:.95rem;line-height:1.45}.jb-stock-single__body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(1rem,3vw,2.25rem);display:grid}.jb-stock-product{border:1px solid var(--line);background:#fbfcff;border-radius:1rem;align-items:center;gap:.85rem;min-width:0;padding:1rem;display:flex}.jb-stock-product__icon,.jb-order-receipt__product-icon{width:2.8rem;height:2.8rem;color:var(--sig);background:#edf3ff;border-radius:.85rem;flex:none;place-items:center;display:grid}.jb-stock-product__copy{gap:.15rem;min-width:0;display:grid}.jb-stock-product__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:620;overflow:hidden}.jb-stock-product__copy>span,.jb-stock-quantity>span{color:var(--mute);font-size:.74rem}.jb-stock-quantity{flex:none;justify-items:end;gap:.05rem;margin-inline-start:auto;display:grid}.jb-stock-quantity output{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:650;line-height:1}.jb-stock-single__channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.jb-stock-single__channel{border:1px solid var(--line);background:#fff;border-radius:.7rem;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:.5rem;min-width:0;padding:.55rem .65rem;font-size:.77rem;display:grid}.jb-stock-single__channel>img,.jb-stock-single__channel>svg{width:1.15rem;height:1.15rem}.jb-stock-single__channel>span{color:var(--mute);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jb-stock-single__channel output{font-variant-numeric:tabular-nums;font-weight:620}.jb-order-receipt{border:1px solid var(--line);background:#fbfcff;border-radius:1rem;width:min(100%,46rem);margin-inline:auto;padding:clamp(1rem,2.5vw,1.5rem);box-shadow:0 10px 24px #1423410b}.jb-order-receipt__brand,.jb-order-receipt__item,.jb-order-receipt__foot{align-items:center;display:flex}.jb-order-receipt__brand{border-bottom:1px solid var(--line);gap:.65rem;min-height:2.5rem;padding-bottom:.85rem;font-size:.85rem;font-weight:620}.jb-order-receipt__brand>img{width:1.35rem;height:1.35rem}.jb-order-receipt__event{color:var(--sig);font-family:var(--f-mono);background:#edf3ff;border-radius:999px;margin-inline-start:auto;padding:.28rem .55rem;font-size:.64rem;font-weight:550}.jb-order-receipt__item{gap:.85rem;padding-block:1rem}.jb-order-receipt__item>span:nth-child(2){gap:.15rem;display:grid}.jb-order-receipt__item strong{font-size:.9rem;font-weight:620}.jb-order-receipt__item small{color:var(--mute);font-size:.75rem}.jb-order-receipt__item>b{margin-inline-start:auto;font-size:.85rem;font-weight:600}.jb-order-receipt__foot{border-top:1px solid var(--line);color:var(--mute);justify-content:space-between;padding-top:.8rem;font-size:.8rem}.jb-order-receipt__foot strong{color:var(--ink);font-weight:620}.jb-stock-equation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.2fr);align-items:center;gap:clamp(.5rem,2.3vw,1.75rem);width:min(100%,52rem);margin:0 auto;display:grid}.jb-stock-equation__part{background:#f7f8fa;border-radius:.85rem;justify-items:center;gap:.45rem;padding:1rem .6rem;display:grid}.jb-stock-equation__part>span{color:var(--mute);font-size:.78rem}.jb-stock-equation__part strong,.jb-stock-equation__part output{font-variant-numeric:tabular-nums;font-size:clamp(2rem,5vw,3rem);font-weight:650;line-height:1}.jb-stock-equation__part--available{color:var(--sig);background:#edf3ff}.jb-stock-equation__part--available>span{color:#294f9d}.jb-stock-equation__operator{color:#88909f;font-size:1.5rem}.jb-stock-meter{background:#e9ebef;border-radius:999px;width:min(100%,52rem);height:.45rem;margin:.25rem auto 0;overflow:hidden}.jb-stock-meter>span{border-radius:inherit;background:var(--sig);height:100%;transition:width .42s cubic-bezier(.2,.7,.2,1);display:block}.jb-stock-network{isolation:isolate;width:min(100%,47rem);height:9rem;margin-inline:auto;position:relative}.jb-stock-network__wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.jb-stock-network__wires line{stroke:#d7dce5;stroke-width:1.35px;vector-effect:non-scaling-stroke;transition:stroke .22s,stroke-width .22s}.jb-stock-network__wires line[data-updated=true]{stroke:#1657e87a;stroke-width:1.8px}.jb-stock-network__wires circle{fill:#1657e8;filter:drop-shadow(0 0 3px #1657e866)}.jb-stock-network__core,.jb-stock-network__node{z-index:1;border:1px solid var(--line-2);background:#fff;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 6px 18px #14234113}.jb-stock-network__core{width:5rem;height:2.45rem;color:var(--ink);letter-spacing:.02em;border-radius:.8rem;gap:.3rem;font-size:.62rem;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.jb-stock-network__core svg{width:1.35rem;height:1.35rem}.jb-stock-network__node{border-radius:.75rem;gap:.45rem;width:min(31%,9rem);min-width:6.7rem;height:2.6rem;padding-inline:.55rem;font-size:.73rem}.jb-stock-network__node[data-node=shopee]{top:0;left:0}.jb-stock-network__node[data-node=tiktok]{top:0;right:0}.jb-stock-network__node[data-node=tokopedia]{bottom:0;left:0}.jb-stock-network__node[data-node=webstore]{bottom:0;right:0}.jb-stock-network__node>img,.jb-stock-network__node>svg{flex:none;width:1.2rem;height:1.2rem}.jb-stock-network__node>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jb-stock-network__node output{color:var(--sig);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-weight:650}.jb-stock-network__status{color:var(--mute);justify-content:center;align-items:center;gap:.4rem;margin:-.35rem 0 0;font-size:.76rem;display:flex}.jb-stock-network__status svg{color:var(--sig)}.jb-stock-stack__signal-label{color:var(--mute);font-family:var(--f-mono);letter-spacing:.02em;justify-content:center;align-items:center;gap:.35rem;margin-top:.75rem;font-size:.63rem;display:flex}@media (max-width:47.99rem){.jb-stock-stack__scroll .scroll-stack__inner{padding-inline:0}.jb-stock-stack .scroll-stack-card{border-radius:1.05rem;height:19rem;padding:1.2rem}.jb-stock-card__header{grid-template-columns:1fr;gap:.45rem}.jb-stock-card__description{margin:0;font-size:.82rem}.jb-stock-single__body{grid-template-columns:1fr;gap:.65rem}.jb-stock-product{gap:.65rem;padding:.7rem}.jb-stock-product__icon{width:2.3rem;height:2.3rem}.jb-stock-product__copy strong{font-size:.82rem}.jb-stock-single__channel{gap:.3rem;padding:.42rem;font-size:.67rem}.jb-stock-equation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr);gap:.35rem}.jb-stock-equation__part{gap:.35rem;padding:.75rem .25rem}.jb-stock-equation__part>span{font-size:.68rem}.jb-stock-equation__part strong,.jb-stock-equation__part output{font-size:2rem}.jb-stock-equation__operator{font-size:1.1rem}.jb-stock-network{height:7.6rem}.jb-stock-network__node{gap:.3rem;width:36%;min-width:0;height:2.35rem;padding-inline:.38rem;font-size:.64rem}.jb-stock-network__node>img,.jb-stock-network__node>svg{width:1rem;height:1rem}.jb-stock-network__core{gap:.18rem;width:4.2rem;height:2.25rem;font-size:.53rem}.jb-stock-network__core svg{width:1.1rem;height:1.1rem}.jb-stock-network__status{font-size:.68rem}}@media (max-width:22.5rem){.jb-stock-stack .scroll-stack-card{height:20rem;padding:1rem}.jb-stock-network__node{width:38%;font-size:.59rem}}@media (prefers-reduced-motion:reduce){.jb-stock-stack .scroll-stack__inner{gap:.75rem;display:grid;padding-top:0!important}.jb-stock-stack .scroll-stack__inner>div[aria-hidden=true],.jb-stock-stack .scroll-stack__end{height:0!important;display:none!important}.jb-stock-stack .scroll-stack__slot{margin-bottom:0!important;position:static!important;top:auto!important}.jb-stock-stack .scroll-stack-card{height:auto;min-height:19.5rem;filter:none!important;transform:none!important}.jb-stock-stack .scroll-stack-card__shade{display:none}.jb-stock-meter>span,.jb-stock-network__wires line{transition:none}}
.magic-bento{--mb-spring:cubic-bezier(.34, 1.4, .64, 1);box-sizing:border-box;width:100%;color:var(--mb-ink);font-feature-settings:"tnum" 0;-webkit-tap-highlight-color:transparent;grid-auto-flow:dense;display:grid;position:relative}@supports (transition-timing-function:linear(0, 1)){.magic-bento{--mb-spring:linear(0, .0603, .2033, .3821, .5633, .7258, .8584, .9574, 1.0242, 1.0634, 1.0809, 1.0828, 1.0747, 1.0613, 1.046, 1.0313, 1.0186, 1.0085, 1.0012, .9965, .994, .9931, .9933, .9941, .9953, .9966, .9978, .9988, 1)}}.magic-bento__cell{--mb-delay:0s;min-width:0;min-height:0;position:relative}.magic-bento[data-intro] .magic-bento__cell{opacity:0;transform:translateY(16px)scale(.97)}.magic-bento[data-intro] .magic-bento__cell[data-state=in]{opacity:1;transition:opacity .42s cubic-bezier(.22, 1, .36, 1) var(--mb-delay), transform .76s var(--mb-spring) var(--mb-delay);transform:none}.magic-bento__card{box-sizing:border-box;border-radius:var(--mb-radius);background:var(--mb-surface);width:100%;height:100%;box-shadow:var(--mb-shadow);color:var(--mb-ink);isolation:isolate;transform:perspective(900px) translate3d(var(--mb-tx,0px), var(--mb-ty,0px), 0) rotateX(var(--mb-rx,0deg)) rotateY(var(--mb-ry,0deg)) scale(var(--mb-press,1));-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.magic-bento__card[data-clickable]{cursor:pointer}.magic-bento__card:focus-visible{box-shadow:var(--mb-shadow), 0 0 0 2px var(--mb-focus)}.magic-bento__image{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.magic-bento__scrim{z-index:0;pointer-events:none;background:linear-gradient(#0a090d00 28%,#0a090d0d 40%,#0a090d33 54%,#0a090d75 70%,#0a090db3 86%,#0a090dd1 100%);position:absolute;inset:0}.magic-bento__light{z-index:1;border-radius:inherit;background:radial-gradient(var(--mb-spot-size) circle at var(--mb-x,-999px) var(--mb-y,-999px), rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * 1)) 0%, rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * .973)) 15%, rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * .837)) 30%, rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * .593)) 45%, rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * .317)) 60%, rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * .104)) 75%, rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * .009)) 90%, rgba(var(--mb-glow-rgb), 0) 100%);pointer-events:none;position:absolute;inset:0}.magic-bento__stars{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.magic-bento__rim{z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--mb-edge), inset 0 1px 0 var(--mb-highlight);pointer-events:none;position:absolute;inset:0}.magic-bento__border{z-index:4;box-sizing:border-box;border-radius:inherit;background:radial-gradient(var(--mb-border-size) circle at var(--mb-x,-999px) var(--mb-y,-999px), rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * 1)) 0%, rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * .973)) 15%, rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * .837)) 30%, rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * .593)) 45%, rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * .317)) 60%, rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * .104)) 75%, rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * .009)) 90%, rgba(var(--mb-glow-rgb), 0) 100%), radial-gradient(circle at var(--mb-wx,-999px) var(--mb-wy,-999px), rgba(var(--mb-glow-rgb), 0) calc(var(--mb-wr,0px) - 110px), rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa,0) * .1)) calc(var(--mb-wr,0px) - 80px), rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa,0) * .32)) calc(var(--mb-wr,0px) - 52px), rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa,0) * .68)) calc(var(--mb-wr,0px) - 28px), rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa,0) * .94)) calc(var(--mb-wr,0px) - 10px), rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa,0))) calc(var(--mb-wr,0px) - 3px), rgba(var(--mb-glow-rgb), 0) var(--mb-wr,0px));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.magic-bento__content{z-index:2;box-sizing:border-box;min-height:0;padding:var(--mb-pad);flex-direction:column;flex:1;gap:12px;display:flex;position:relative}.magic-bento__header{min-width:0;color:var(--mb-muted);align-items:center;gap:8px;font-size:12px;font-weight:500;line-height:16px;display:flex}.magic-bento__icon{width:16px;height:16px;color:var(--mb-ink);flex:none;place-items:center;display:grid}.magic-bento__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.magic-bento__visual{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;position:relative;container-type:size}.magic-bento__text{flex-direction:column;gap:4px;margin-top:auto;display:flex}.magic-bento__title{color:var(--mb-ink);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600;line-height:20px}.magic-bento__description{color:var(--mb-muted);margin:0;font-size:13px;line-height:1.45}.magic-bento[data-autohide] .magic-bento__title,.magic-bento[data-autohide] .magic-bento__description{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magic-bento[data-autohide] .magic-bento__title{-webkit-line-clamp:1;line-clamp:1}.magic-bento[data-autohide] .magic-bento__description{-webkit-line-clamp:2;line-clamp:2}.magic-bento__card[data-image] .magic-bento__header,.magic-bento__card[data-image] .magic-bento__description{color:#f4f4f5b8}.magic-bento__card[data-image] .magic-bento__title,.magic-bento__card[data-image] .magic-bento__icon{color:#f4f4f5}.magic-bento__well{box-sizing:border-box;border-radius:var(--mb-inner-radius);background:var(--mb-well);box-shadow:inset 0 0 0 1px var(--mb-well-edge);position:relative}.magic-bento__tile{box-sizing:border-box;border-radius:var(--mb-inner-radius);background:var(--mb-tile);box-shadow:var(--mb-tile-shadow);position:relative}.magic-bento__tile:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--mb-tile-edge), inset 0 1px 0 var(--mb-tile-highlight);pointer-events:none;position:absolute;inset:0}.magic-bento__chart{touch-action:pan-y;flex-direction:column;flex:1;min-height:0;display:flex}.magic-bento__figure{white-space:nowrap;align-items:baseline;gap:6px;min-width:0;display:flex}.magic-bento__figure-value{color:var(--mb-ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:15px;font-weight:600;line-height:18px}.magic-bento__figure-note{min-width:0;color:var(--mb-muted);text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:11.5px;line-height:14px;overflow:hidden}.magic-bento__plot{flex:1;min-height:0;margin-top:6px;position:relative}.magic-bento__plot svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.magic-bento__chart-area{fill:rgba(var(--mb-accent-rgb), .14)}.magic-bento__chart-line{fill:none;stroke:rgb(var(--mb-accent-rgb));stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px}.magic-bento__scrub{background:linear-gradient(to bottom, rgba(var(--mb-accent-rgb), 0), rgba(var(--mb-accent-rgb), .35));opacity:0;pointer-events:none;width:1px;transition:opacity .18s;position:absolute;top:0;bottom:0;left:0}.magic-bento__scrub-dot{background:rgb(var(--mb-accent-rgb));width:7px;height:7px;box-shadow:0 0 0 3px var(--mb-ring);border-radius:50%;margin:-3.5px 0 0 -3px;position:absolute;top:0;left:0}.magic-bento__chart[data-scrub] .magic-bento__scrub{opacity:1}.magic-bento__bars{flex-direction:column;flex:1;min-height:0;display:flex}.magic-bento__bars-plot{flex:1;align-items:flex-end;gap:5px;min-height:0;margin-top:8px;display:flex}.magic-bento__bar{height:calc(var(--h) * 100%);background:rgba(var(--mb-accent-rgb), .18);transform-origin:50% 100%;border-radius:3px 3px 2px 2px;flex:1;min-height:3px;transition:background-color .2s,filter .2s;position:relative}.magic-bento__bar[data-peak]{background:rgb(var(--mb-accent-rgb))}@media (hover:hover){.magic-bento__bar:hover{background:rgba(var(--mb-accent-rgb), .42)}.magic-bento__bar[data-peak]:hover{background:rgb(var(--mb-accent-rgb));filter:brightness(1.1)}}.magic-bento__collab{flex-direction:column;min-height:0;padding:16px 16px 22px;display:flex;position:relative;overflow:hidden}.magic-bento__doc-title{color:var(--mb-ink);font-size:13px;font-weight:600;line-height:18px}.magic-bento__lines{flex-direction:column;gap:10px;margin-top:18px;display:flex}.magic-bento__line{width:var(--w);background:var(--mb-line);border-radius:3px;height:6px;position:relative}.magic-bento__line--gap{margin-top:8px}.magic-bento__selection{top:-4px;bottom:-4px;left:var(--from);width:var(--span);background:rgba(var(--mb-accent-rgb), .16);border-radius:3px;position:absolute}.magic-bento__caret{background:rgb(var(--mb-accent-rgb));border-radius:1px;width:1.5px;position:absolute;top:-5px;bottom:-5px;right:-1px}.magic-bento__cursor{top:var(--y);left:var(--x);z-index:2;pointer-events:none;align-items:flex-start;display:flex;position:absolute}.magic-bento__cursor svg{filter:drop-shadow(0 1px 1.5px #00000059);flex:none;display:block}.magic-bento__cursor-name{white-space:nowrap;border-radius:7px;margin:13px 0 0 -2px;padding:2px 7px;font-size:10.5px;font-weight:600;line-height:14px}.magic-bento__cursor--primary svg path{fill:rgb(var(--mb-accent-rgb));stroke:var(--mb-cursor-stroke)}.magic-bento__cursor--primary .magic-bento__cursor-name{background:rgb(var(--mb-accent-rgb));color:var(--mb-accent-ink)}.magic-bento__cursor--secondary svg path{fill:var(--mb-secondary);stroke:var(--mb-cursor-stroke)}.magic-bento__cursor--secondary .magic-bento__cursor-name{background:var(--mb-secondary);color:var(--mb-secondary-ink)}.magic-bento__flow{flex-direction:column;gap:8px;min-height:0;display:flex;position:relative}.magic-bento__flow-trigger{align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.magic-bento__flow-glyph{border-radius:calc(var(--mb-inner-radius) - 2px);background:var(--mb-well);width:28px;height:28px;color:var(--mb-ink);flex:none;place-items:center;display:grid}.magic-bento__flow-copy{flex-direction:column;min-width:0;display:flex}.magic-bento__flow-name{color:var(--mb-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:17px;overflow:hidden}.magic-bento__flow-meta{color:var(--mb-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:15px;overflow:hidden}.magic-bento__flow-hash{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.magic-bento__steps{flex-direction:column;gap:2px;margin:0;padding:2px 0 0;list-style:none;display:flex;position:relative}.magic-bento__rail{background:var(--mb-line);width:1px;position:absolute;top:16px;bottom:16px;left:21px}.magic-bento__rail-fill{background:rgba(var(--mb-accent-rgb), .55);transform-origin:50% 0;position:absolute;inset:0}.magic-bento__step{height:33px;color:var(--mb-ink);align-items:center;gap:10px;padding:0 12px 0 14px;font-size:13px;line-height:16px;display:flex;position:relative}.magic-bento__status{flex:none;place-items:center;width:16px;height:16px;display:grid;position:relative}.magic-bento__status>*{grid-area:1/1}.magic-bento__pending{box-sizing:border-box;border:1.5px dashed var(--mb-faint);opacity:0;border-radius:50%;width:12px;height:12px}.magic-bento__spinner{box-sizing:border-box;border:1.5px solid rgba(var(--mb-accent-rgb), .22);border-top-color:rgb(var(--mb-accent-rgb));opacity:0;border-radius:50%;width:14px;height:14px}.magic-bento__done{background:rgb(var(--mb-accent-rgb));width:16px;height:16px;color:var(--mb-accent-ink);border-radius:50%;place-items:center;display:grid}.magic-bento__step-time{color:var(--mb-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.magic-bento__hub{flex:1;width:100%;max-width:240px;min-height:0;margin:0 auto;position:relative}.magic-bento__hub-links{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.magic-bento__hub-links line{stroke:var(--mb-line);stroke-width:1px;vector-effect:non-scaling-stroke}.magic-bento__hub-node{--size:min(var(--s), 30cqh);top:var(--y);left:var(--x);width:var(--size);height:var(--size);margin:calc(var(--size) * -.5) 0 0 calc(var(--size) * -.5);color:var(--mb-ink);place-items:center;display:grid;position:absolute}.magic-bento__hub-node.magic-bento__tile{border-radius:calc(var(--size) * .3)}.magic-bento__packet{top:var(--y);left:var(--x);background:rgb(var(--mb-accent-rgb));opacity:0;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute}.magic-bento__shield{flex-direction:column;flex:1;justify-content:center;gap:8px;width:100%;max-width:320px;min-height:0;display:flex}.magic-bento__setting{height:32px;color:var(--mb-ink);flex:none;align-items:center;gap:8px;padding:0 8px 0 10px;font-size:12.5px;font-weight:500;line-height:16px;display:flex}.magic-bento__setting-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@container (max-height:78px){.magic-bento__setting~.magic-bento__setting{display:none}}@container (max-height:60px){.magic-bento__hub{display:none}}@container (max-height:38px){.magic-bento__shield,.magic-bento__chart,.magic-bento__bars{visibility:hidden}}.magic-bento__switch{background:rgb(var(--mb-accent-rgb));border-radius:8px;flex:none;width:26px;height:16px;margin-left:auto;transition:background-color .22s;position:relative}.magic-bento__switch:after{content:"";background:var(--mb-accent-ink);width:12px;height:12px;transition:transform .32s var(--mb-spring);border-radius:50%;position:absolute;top:2px;left:2px;transform:translate(10px);box-shadow:0 1px 2px #0000004d}.magic-bento__switch[data-off]{background:var(--mb-line)}.magic-bento__switch[data-off]:after{background:var(--mb-ink);transform:none}.magic-bento[data-motion] .magic-bento__chart-line{stroke-dasharray:1;animation:magic-bento-draw 1.1s cubic-bezier(.65, 0, .35, 1) calc(var(--mb-delay) + .22s) both paused}.magic-bento[data-motion] .magic-bento__chart-area{animation:magic-bento-fade .7s ease calc(var(--mb-delay) + .7s) both paused}.magic-bento[data-motion] .magic-bento__bar{animation:magic-bento-grow .76s var(--mb-spring) calc(var(--mb-delay) + .2s + var(--i) * 55ms) both paused}.magic-bento[data-motion] .magic-bento__cursor{animation:magic-bento-pop .42s var(--mb-spring) calc(var(--mb-delay) + .6s + var(--i) * .16s) both paused, var(--path) 9s ease-in-out calc(var(--i) * -3s) infinite paused}.magic-bento[data-motion] .magic-bento__selection{animation:magic-bento-select .9s cubic-bezier(.65, 0, .35, 1) calc(var(--mb-delay) + .76s) both paused}.magic-bento[data-motion] .magic-bento__caret{animation:1.1s step-end infinite paused magic-bento-blink}.magic-bento[data-motion] .magic-bento__pending{animation:magic-bento-wait 1ms linear calc(var(--mb-delay) + .36s + var(--i) * .52s) both paused}.magic-bento[data-motion] .magic-bento__spinner{animation:magic-bento-run .52s linear calc(var(--mb-delay) + .36s + var(--i) * .52s) both paused, magic-bento-spin .7s linear infinite paused}.magic-bento[data-motion] .magic-bento__done{animation:magic-bento-check .42s var(--mb-spring) calc(var(--mb-delay) + .88s + var(--i) * .52s) both paused}.magic-bento[data-motion] .magic-bento__step-time{animation:magic-bento-fade .3s ease calc(var(--mb-delay) + .88s + var(--i) * .52s) both paused}.magic-bento[data-motion] .magic-bento__rail-fill{animation:magic-bento-rail calc(var(--n) * .52s) linear calc(var(--mb-delay) + .36s) both paused}.magic-bento[data-motion] .magic-bento__hub-node{animation:magic-bento-pop .52s var(--mb-spring) calc(var(--mb-delay) + .2s + var(--i) * 70ms) both paused}.magic-bento[data-motion] .magic-bento__hub-links line{stroke-dasharray:1;animation:magic-bento-draw .7s cubic-bezier(.65, 0, .35, 1) calc(var(--mb-delay) + .36s) both paused}.magic-bento[data-motion] .magic-bento__card[data-active] .magic-bento__packet{animation:magic-bento-packet 1.8s cubic-bezier(.45, 0, .55, 1) calc(var(--i) * .45s) infinite}.magic-bento[data-motion] .magic-bento__switch{animation:magic-bento-switch-track .42s ease calc(var(--mb-delay) + .52s + var(--i) * .2s) both paused}.magic-bento[data-motion] .magic-bento__switch:after{animation:magic-bento-switch-knob .52s var(--mb-spring) calc(var(--mb-delay) + .52s + var(--i) * .2s) both paused}.magic-bento[data-motion] .magic-bento__switch[data-off],.magic-bento[data-motion] .magic-bento__switch[data-off]:after{animation:none}.magic-bento[data-motion] .magic-bento__cell[data-state=in] :is(.magic-bento__chart-line,.magic-bento__chart-area,.magic-bento__bar,.magic-bento__selection,.magic-bento__pending,.magic-bento__spinner,.magic-bento__done,.magic-bento__step-time,.magic-bento__rail-fill,.magic-bento__hub-node,.magic-bento__hub-links line,.magic-bento__switch),.magic-bento[data-motion] .magic-bento__cell[data-state=in] .magic-bento__switch:after{animation-play-state:running}.magic-bento[data-motion] .magic-bento__cell[data-state=in] .magic-bento__cursor{animation-play-state:running,paused}.magic-bento[data-motion] .magic-bento__cell[data-state=in] .magic-bento__card[data-active] .magic-bento__cursor{animation-play-state:running,running}.magic-bento[data-motion] .magic-bento__card[data-active] .magic-bento__caret{animation-play-state:running}.magic-bento[data-motion] .magic-bento__cell[data-state=in] .magic-bento__spinner{animation-play-state:running,running}@keyframes magic-bento-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes magic-bento-fade{0%{opacity:0}to{opacity:1}}@keyframes magic-bento-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes magic-bento-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes magic-bento-select{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes magic-bento-blink{0%{opacity:1}50%{opacity:0}}@keyframes magic-bento-wait{0%{opacity:1}to{opacity:0}}@keyframes magic-bento-run{0%{opacity:0}1%,92%{opacity:1}to{opacity:0}}@keyframes magic-bento-spin{to{rotate:360deg}}@keyframes magic-bento-check{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes magic-bento-rail{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes magic-bento-packet{0%{top:var(--y);left:var(--x);opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0;top:50%;left:50%}}@keyframes magic-bento-switch-track{0%{background-color:var(--mb-line)}to{background-color:rgb(var(--mb-accent-rgb))}}@keyframes magic-bento-switch-knob{0%{background:var(--mb-ink);transform:none}to{background:var(--mb-accent-ink);transform:translate(10px)}}@keyframes magic-bento-path-a{0%,to{translate:0}30%{translate:46px -18px}62%{translate:12px 26px}}@keyframes magic-bento-path-b{0%,to{translate:0}35%{translate:-40px 14px}70%{translate:-8px -22px}}
.jb-products-bento-wrap{margin-top:clamp(1.5rem,3vw,2.25rem)}.jb-products-bento-wrap .magic-bento__chart-area{fill:#1418211f}.jb-products-bento-wrap .magic-bento__chart-line{stroke:#353a44}.jb-products-bento-wrap .magic-bento__bar{background:#14182126}.jb-products-bento-wrap .magic-bento__bar[data-peak]{background:#353a44}.jb-stock-visual{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.jb-stock-preview{flex-direction:column;flex:1;justify-content:center;gap:8px;min-height:0;padding:clamp(9px,1.7vw,14px);display:flex;position:relative}.jb-stock-preview__heading{align-items:center;gap:9px;min-width:0;display:flex}.jb-stock-preview__product-icon,.jb-stock-preview__channel-icon,.jb-status-preview__mark{flex:none;place-items:center;display:grid}.jb-stock-preview__product-icon{background:var(--mb-tile);width:32px;height:32px;box-shadow:var(--mb-tile-shadow);color:var(--mb-ink);border-radius:9px}.jb-stock-preview__product-copy{gap:2px;min-width:0;display:grid}.jb-stock-preview__product-copy strong{color:var(--mb-ink);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;line-height:15px;overflow:hidden}.jb-stock-preview__event{color:var(--mb-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:13px;overflow:hidden}.jb-stock-preview__channels{grid-template-columns:minmax(0,1fr);gap:3px;margin:0;padding:0;list-style:none;display:grid}.jb-stock-preview__channels li{border-radius:var(--mb-inner-radius);background:var(--mb-tile);min-width:0;min-height:23px;box-shadow:var(--mb-tile-shadow);color:var(--mb-ink);justify-content:space-between;align-items:center;gap:6px;padding:3px 7px;display:flex}.jb-stock-preview__channel-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:10px;line-height:13px;display:flex;overflow:hidden}.jb-stock-preview__channel-icon{width:17px;height:17px}.jb-stock-preview__channel-icon img,.jb-stock-preview__channel-icon svg{width:100%;height:100%;display:block}.jb-stock-preview__count{color:var(--mb-ink);font-variant-numeric:tabular-nums;flex:none;font-size:10.5px;font-weight:650}.jb-stock-replay{border:1px solid rgba(var(--mb-accent-rgb), .28);background:var(--mb-surface);min-height:25px;color:rgb(var(--mb-accent-rgb));font:inherit;opacity:0;visibility:visible;pointer-events:none;cursor:pointer;border-radius:7px;align-items:center;gap:4px;padding:0 7px;font-size:9px;font-weight:550;transition:opacity .14s;display:inline-flex;position:absolute;bottom:7px;right:7px}.magic-bento__cell:hover .jb-stock-replay{opacity:1;pointer-events:auto}.jb-stock-replay:focus-visible{opacity:1;pointer-events:auto;outline:2px solid rgb(var(--mb-accent-rgb));outline-offset:2px}@media (hover:none),(any-pointer:coarse){.jb-stock-replay{opacity:1;pointer-events:auto}.jb-stock-preview{padding-bottom:30px}}.jb-stock-visual__status{min-height:15px;color:var(--mb-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;line-height:14px;overflow:hidden}.jb-order-flow{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.jb-order-flow__event{will-change:transform, opacity}.jb-order-flow__steps{flex:1;justify-content:center;gap:6px;min-height:0;padding:8px 0}.jb-order-flow__steps .magic-bento__step{height:46px}.jb-order-flow__steps li:not(:last-child):after{content:"";z-index:0;background:var(--mb-line);width:1px;transition:background-color .18s;position:absolute;top:50%;bottom:calc(-50% - 6px);left:21px}.jb-order-flow__steps li[data-complete=true]:not(:last-child):after{background:rgba(var(--mb-accent-rgb), .48)}.jb-order-flow__marker{z-index:1;border:1.5px solid var(--mb-faint);background:var(--mb-surface);width:16px;height:16px;color:var(--mb-accent-ink);border-radius:50%;flex:none;place-items:center;transition:background-color .18s,border-color .18s,scale .18s;display:grid;position:relative}.jb-order-flow__marker[data-complete=true]{border-color:rgb(var(--mb-accent-rgb));background:rgb(var(--mb-accent-rgb));scale:1.04}.jb-order-flow__steps li[data-complete=true]{color:var(--mb-ink)}.jb-integration-hub{isolation:isolate;flex:1;width:100%;min-height:54px;position:relative;container-type:size}.jb-integration-hub__wires{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.jb-integration-hub__wires line{stroke:var(--mb-line);stroke-width:1.4px;vector-effect:non-scaling-stroke;transition:stroke .18s,stroke-width .18s}.jb-integration-hub__wires line[data-link=shopee]{--signal-order:0}.jb-integration-hub__wires line[data-link=tiktok-shop]{--signal-order:1}.jb-integration-hub__wires line[data-link=tokopedia]{--signal-order:2}.jb-integration-hub__wires line[data-link=webstore]{--signal-order:3}.jb-integration-hub__wires line[data-hot=true]{stroke:rgba(var(--mb-accent-rgb), .62);stroke-width:2px;transition-delay:calc(var(--signal-order,0) * 95ms)}.jb-integration-hub__arrival-track{fill:none;stroke:rgba(var(--mb-accent-rgb), .22);stroke-dasharray:2 3;stroke-width:1.3px;vector-effect:non-scaling-stroke}.jb-integration-hub__arrival{fill:rgb(var(--mb-accent-rgb));opacity:0;filter:drop-shadow(0 0 2px rgba(var(--mb-accent-rgb), .3))}.jb-integration-hub__signal{fill:rgb(var(--mb-accent-rgb));filter:drop-shadow(0 0 2px rgba(var(--mb-accent-rgb), .35))}.jb-integration-hub__node,.jb-integration-hub__core{z-index:1;color:var(--mb-ink);border-radius:10px;place-items:center;transition:box-shadow .18s,scale .18s;display:grid;position:absolute}.jb-integration-hub__node{width:clamp(28px,30cqh,38px);height:clamp(28px,30cqh,38px);translate:-50% -50%}.jb-integration-hub__node[data-node=shopee]{top:24%;left:17%}.jb-integration-hub__node[data-node=tiktok-shop]{top:24%;left:83%}.jb-integration-hub__node[data-node=tokopedia]{top:76%;left:17%}.jb-integration-hub__node[data-node=webstore]{top:76%;left:83%}.jb-integration-hub__node img,.jb-integration-hub__node svg{width:18px;height:18px;display:block}.jb-integration-hub__core{letter-spacing:.02em;border-radius:11px;flex-direction:row;gap:3px;width:60px;height:39px;font-size:8px;font-weight:700;display:flex;top:50%;left:50%;translate:-50% -50%}.jb-integration-hub__core svg{width:20px;height:20px}.jb-integration-hub__node[data-hot=true],.jb-integration-hub__core[data-hot=true]{box-shadow:0 0 0 3px rgba(var(--mb-accent-rgb), .12), var(--mb-tile-shadow);scale:1.05}.jb-status-preview{flex:1;align-content:center;gap:5px;min-height:0;display:grid}.jb-status-preview__row{min-width:0;height:24px;color:var(--mb-ink);border-radius:8px;align-items:center;gap:6px;padding:0 7px;display:flex}.jb-status-preview__mark{background:rgba(var(--mb-accent-rgb), .12);width:15px;height:15px;color:rgb(var(--mb-accent-rgb));border-radius:50%}.jb-status-preview__mark--channels{background:var(--mb-well);color:var(--mb-muted)}.jb-status-preview__label{min-width:0;color:var(--mb-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;line-height:13px;overflow:hidden}.jb-status-preview__row strong{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:10px;font-weight:600}.jb-status-preview__note{min-height:12px;color:var(--mb-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;line-height:12px;overflow:hidden}.jb-simulation-success{background:rgba(var(--mb-accent-rgb), .1);width:fit-content;color:rgb(var(--mb-accent-rgb));border-radius:999px;align-items:center;gap:4px;padding:3px 7px;font-size:9px;font-weight:600;display:inline-flex}@media (hover:none),(any-pointer:coarse){.jb-stock-replay{opacity:1;visibility:visible}}@media (max-width:64rem){.jb-stock-visual__status{font-size:9px}.jb-stock-preview{gap:6px;padding:9px}}@media (max-width:34rem){.jb-stock-preview{gap:5px;padding:8px}.jb-stock-preview__channels li{min-height:22px;padding:2px 6px}.jb-stock-preview__channel-name{gap:4px;font-size:9px}}@media (prefers-reduced-motion:reduce){.jb-order-flow__steps li:after,.jb-order-flow__marker,.jb-integration-hub__wires line,.jb-integration-hub__node,.jb-integration-hub__core,.jb-stock-replay{transition:none}.jb-integration-hub__signal,.jb-stock-preview__count{animation:none}}
.ui-select{min-width:12rem;position:relative}.ui-select__trigger{color:#141821;width:100%;min-height:2.75rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #10182b1f;border-radius:.75rem;align-items:center;gap:.55rem;padding:0 .85rem;font-size:.9rem;display:flex;box-shadow:0 1px 2px #10285a0a}.ui-select__trigger:hover{background:#f8fafc}.ui-select__trigger:focus-visible{outline-offset:2px;outline:2px solid #1657e8}.ui-select__value{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ui-select__chev{color:#66708a;flex:none;transition:transform .15s}.ui-select[data-open] .ui-select__chev{transform:rotate(180deg)}.ui-select__panel{z-index:40;background:#fff;border:1px solid #10182b1a;border-radius:.85rem;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;box-shadow:0 12px 32px #10285a1f,0 2px 6px #10285a0f}.ui-select__option{color:#141821;width:100%;min-height:2.25rem;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.55rem;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .7rem;font-size:.875rem;display:flex}.ui-select__option:hover,.ui-select__option[data-on]{background:#f1f5f9}.ui-select__option[data-on]{color:#1657e8;font-weight:600}
.laser-flow-container{pointer-events:none;width:100%;height:100%;position:relative}.laser-flow-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}