.b2-kits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.b2-kits>div{background:#fff;border:1px solid var(--line);border-radius:var(--rlg);padding:28px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;transition:transform .35s,opacity .8s cubic-bezier(.2,.8,.2,1)}.b2-kits>div:hover{transform:translateY(-3px)}.b2-retail{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--blue50);border:1px solid var(--line);border-radius:var(--rxl);padding:40px 48px}.b2-retail .lead{max-width:640px}.ftr-loc{display:flex;flex-wrap:wrap;gap:16px;padding:24px 0;border-bottom:1px solid var(--deep3)}.ftr-loc label{display:flex;align-items:center;gap:10px;font-size:13px;color:#9fb3c3}.ftr-loc select{font:inherit;font-size:14px;color:#fff;background:var(--deep2);border:1px solid var(--deep3);border-radius:10px;padding:8px 12px;max-width:260px}@media(max-width:900px){.b2-kits{grid-template-columns:minmax(0,1fr)}.b2-retail{flex-direction:column;align-items:flex-start;padding:28px}}.b2-hiw{background:linear-gradient(180deg,#fff,var(--blue50) 35%,var(--blue50))}.b2-hiw-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.b2-hiw-play{display:inline-flex;align-items:center;gap:10px;flex:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s}.b2-hiw-play:hover{border-color:var(--blue300);box-shadow:var(--shadow)}.b2-hiw-pp{width:10px;height:12px;border-left:3px solid var(--ink);border-right:3px solid var(--ink)}.b2-hiw-play.is-paused .b2-hiw-pp{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--ink)}.b2-hiw-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.b2-hiw-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 16px 20px;border-radius:18px;border:1px solid var(--line);background:#fff9;color:var(--ink);font:inherit;cursor:pointer;overflow:hidden;transition:background .3s,box-shadow .3s,border-color .3s,transform .3s}.b2-hiw-tab:hover{background:#fff;transform:translateY(-2px)}.b2-hiw-tab:focus-visible{outline:2px solid var(--blue600);outline-offset:2px}.b2-hiw-tab .n{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink3);transition:color .3s}.b2-hiw-tab b{font-size:17px;letter-spacing:-.01em}.b2-hiw-tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--blue100)}.b2-hiw-tab .bar{position:absolute;left:0;right:0;bottom:0;height:4px;z-index:1;background:linear-gradient(90deg,var(--blue600),var(--pink));transform-origin:left;transform:scaleX(var(--p,0))}.b2-hiw-tab.is-done .bar{background:var(--blue300)}.b2-hiw-tab.is-on{background:#fff;border-color:var(--blue300);box-shadow:var(--shadow)}.b2-hiw-tab.is-on .n{color:var(--pink700)}.b2-hiw-stage{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}.b2-hiw-copy{display:grid}.b2-hiw-txt{grid-area:1/1;display:flex;flex-direction:column;gap:16px;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1),visibility 0s .4s}.b2-hiw-txt.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .45s .12s,transform .55s .12s cubic-bezier(.2,.8,.2,1),visibility 0s}.b2-hiw-count{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;color:var(--pink700)}.b2-hiw-vis{position:relative;display:grid;min-height:420px;background:#fff;border:1px solid var(--line);border-radius:var(--rxl);box-shadow:var(--shadow-lg);padding:32px;overflow:hidden}.b2-hiw-vis:before{content:"";position:absolute;top:-30%;right:-10%;width:60%;height:80%;background:radial-gradient(circle,var(--blue100),transparent 70%);pointer-events:none}.b2-hiw-vis>.b2-panel{grid-area:1/1;position:relative;inset:auto}@media(max-width:1100px){.b2-hiw-stage{grid-template-columns:minmax(0,1fr);gap:28px}.b2-hiw-vis{min-height:360px}}@media(max-width:900px){.b2-hiw-head{flex-direction:column;align-items:flex-start}.b2-hiw-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;margin:0 -16px;padding:4px 16px 10px;scrollbar-width:none}.b2-hiw-tabs::-webkit-scrollbar{display:none}.b2-hiw-tab{flex:0 0 128px;scroll-snap-align:start}.b2-hiw-vis{min-height:320px;padding:20px}}@media(prefers-reduced-motion:reduce){.b2-hiw-play,.b2-hiw-tab .bar{display:none}.b2-hiw-txt,.b2-hiw-txt.is-on{transition:none}}.b2-sim-sec{background:var(--blue50)}.b2-sim{background:#fff;border:1px solid var(--line);border-radius:var(--rxl);box-shadow:var(--shadow-lg);padding:28px;display:flex;flex-direction:column;gap:20px}.b2-sim-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.b2-sim-kit{display:inline-flex;background:var(--blue50);border:1px solid var(--line);border-radius:999px;padding:4px}.b2-sim-kit button{font:inherit;font-size:14px;font-weight:600;border:0;background:transparent;color:var(--ink2);padding:8px 16px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.b2-sim-kit button[aria-pressed=true]{background:var(--ink);color:#fff}.b2-sim-kit button:disabled{cursor:not-allowed}.b2-sim-kit button:disabled:not([aria-pressed=true]){opacity:.45}.b2-sim-run{display:flex;gap:8px}.b2-sim .btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.b2-sim-acts{display:flex;flex-wrap:wrap;gap:12px 28px}.b2-sim-grp{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.b2-sim-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-right:4px}.b2-sim-btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14.5px;font-weight:600;padding:9px 14px 9px 9px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,opacity .2s}.b2-sim-btn span{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;background:var(--blue100);color:var(--blue700)}.b2-sim-grp-lab .b2-sim-btn span{background:var(--pink50);color:var(--pink700)}.b2-sim-btn:disabled{cursor:not-allowed;opacity:.45}.b2-sim-btn.is-done{opacity:1;border-color:var(--blue200);background:var(--blue50);color:var(--ink2)}.b2-sim-btn.is-done span{background:var(--blue600);color:#fff}.b2-sim-btn.is-next{border-color:var(--ink);box-shadow:0 0 0 4px #9ed3f273;animation:b2simpulse 1.8s ease-in-out infinite}@keyframes b2simpulse{50%{box-shadow:0 0 0 7px #9ed3f233}}.b2-sim-hint{margin:0;font-size:15px;color:var(--ink2);background:var(--blue50);border-left:3px solid var(--pink);border-radius:0 12px 12px 0;padding:10px 14px}.b2-sim-lanes{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr) 120px minmax(0,.8fr);align-items:stretch}.b2-sim-lane{border:1px solid var(--line);border-radius:20px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:12px;transition:box-shadow .3s,border-color .3s}.b2-sim-lane.is-flash{animation:b2simflash .9s ease}@keyframes b2simflash{0%{box-shadow:0 0 #ee5ad900;border-color:var(--line)}30%{box-shadow:0 0 0 6px #ee5ad92e;border-color:var(--pink)}to{box-shadow:0 0 #ee5ad900;border-color:var(--line)}}.b2-sim-lh{display:flex;flex-direction:column;gap:2px;padding-bottom:10px;border-bottom:1px solid var(--line)}.b2-sim-lh b{font-size:16px}.b2-sim-lh small{font-size:12.5px;color:var(--ink3)}.b2-sim-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.b2-sim-list li{display:flex;gap:10px;align-items:flex-start;opacity:.32;transition:opacity .4s}.b2-sim-list li.is-on{opacity:1}.b2-sim-list li span{display:flex;flex-direction:column;gap:2px;min-width:0}.b2-sim-list b{font-size:14.5px;line-height:1.3}.b2-sim-list small{font-size:12.5px;color:var(--ink3);font-family:var(--mono);word-break:break-word}.b2-sim-ck{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px dashed var(--line2);display:inline-flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s}.b2-sim-ck svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .3s}.b2-sim-list li.is-on .b2-sim-ck{background:var(--blue600);border:1.5px solid var(--blue600)}.b2-sim-list li.is-on .b2-sim-ck svg{opacity:1}.b2-sim-tiles{display:flex!important;flex-wrap:wrap;gap:4px;font-family:var(--sans)!important}.b2-sim-tiles i{font-style:normal;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--pink50);color:var(--pink700)}.b2-sim-lab{align-items:center;text-align:center}.b2-sim-lab .b2-sim-lh{align-self:stretch;text-align:left}.b2-sim-tube{width:38px;height:96px;border-radius:0 0 19px 19px;border:3px solid var(--line2);border-top:0;position:relative;overflow:hidden;margin-top:6px;transition:border-color .4s}.b2-sim-tube span{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(180deg,var(--blue),var(--blue300));transition:height .9s cubic-bezier(.2,.8,.2,1)}.b2-sim.lab-in .b2-sim-tube{border-color:var(--ink)}.b2-sim.lab-in .b2-sim-tube span{height:55%}.b2-sim.lab-done .b2-sim-tube span{height:100%;background:linear-gradient(180deg,var(--pink),var(--blue300))}.b2-sim-labst{margin:0;font-size:13.5px;font-weight:600;color:var(--ink2)}.b2-sim-track{position:relative}.b2-sim-track>i{position:absolute;left:8px;right:8px;top:50%;border-top:2px dashed var(--line2)}.b2-sim-pk{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);white-space:nowrap;font-family:var(--mono);font-size:11.5px;font-weight:500;padding:6px 10px;border-radius:999px;box-shadow:var(--shadow);z-index:3;pointer-events:none}.pk-req{background:var(--ink);color:#fff}.pk-res{background:#e6f7ef;color:#0e6b47;border:1px solid #BFE8D4}.pk-hook{background:var(--pink);color:#fff}.pk-lab{background:var(--blue);color:var(--ink)}.b2-sim-log{background:var(--deep);border-radius:20px;overflow:hidden}.b2-sim-log-h{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--deep3);color:#fff}.b2-sim-log-h b{font-size:14px}.b2-sim-log-h small{font-size:12px;color:#8fa6b8}.b2-sim-log-b{max-height:340px;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.b2-sim-empty{margin:0;color:#8fa6b8;font-size:14px}.b2-sim-empty b{color:#fff}.b2-sim-le{border-left:3px solid var(--deep3);padding-left:12px;animation:b2drop .45s cubic-bezier(.2,.8,.2,1) both}.b2-sim-le-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.b2-sim-le-h .t{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px}.b2-sim-le-h code{font-family:var(--mono);font-size:13px;color:#fff;word-break:break-all}.b2-sim-le pre{margin:6px 0 0;font-family:var(--mono);font-size:12.5px;line-height:1.55;color:#c9d7e3;white-space:pre-wrap;word-break:break-word}.le-req{border-color:var(--blue300)}.le-req .t{background:#1b2e3f;color:var(--blue)}.le-res{border-color:#3fbf8a}.le-res .t{background:#103326;color:#7fe0b5}.le-hook{border-color:var(--pink)}.le-hook .t{background:#3a1634;color:#f8a8ec}.le-lab{border-color:var(--blue)}.le-lab .t{background:var(--blue);color:var(--ink)}.le-lab code{color:var(--deepText)}@media(max-width:1100px){.b2-sim-lanes{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr) 90px minmax(0,.8fr)}.b2-sim-pk{font-size:10.5px;padding:5px 8px}}@media(max-width:900px){.b2-sim{padding:16px}.b2-sim-lanes{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 64px auto 64px auto}.b2-sim-track>i{top:8px;bottom:8px;left:50%;right:auto;border-top:0;border-left:2px dashed var(--line2)}.b2-sim-pk{left:50%;top:0}.b2-sim-tube{height:60px;width:28px}.b2-sim-log-b{max-height:300px}}@media(prefers-reduced-motion:reduce){.b2-sim-btn.is-next,.b2-sim-lane.is-flash,.b2-sim-le{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/b2b-extra.css.map */