.item-number-bond-node[data-v-ccfc4674]{display:grid;align-content:center;justify-items:center;align-items:center;height:100%;width:100%;grid-template-rows:repeat(3,46px);gap:10px}.item-number-bond-node .row[data-v-ccfc4674],.item-number-bond-node .label-wrapper[data-v-ccfc4674]{grid-row:2}.item-number-bond-node .row.row-1[data-v-ccfc4674]{grid-row:1}.item-number-bond-node .row+.label-wrapper[data-v-ccfc4674]{grid-row:3}.item-number-bond-node .row[data-v-ccfc4674] .item{padding:3px}.item-number-bond-node .row.connected-cubes[data-v-ccfc4674]{margin-bottom:-7px}.item-number-bond-node.rectangular[data-v-ccfc4674]{grid-template-rows:1fr 76px;gap:0}.item-number-bond-node.rectangular .row[data-v-ccfc4674],.item-number-bond-node.rectangular .composition-mats-wrapper[data-v-ccfc4674]{align-self:end;grid-row:1}.item-number-bond-node.rectangular .label-wrapper[data-v-ccfc4674]{grid-row:2}.item-number-bond-node.rectangular .label-wrapper[data-v-ccfc4674]:only-child{grid-row:1/3}.item-number-bond-node.rectangular .label-wrapper.highlighted[data-v-ccfc4674]{display:flex;align-items:center;justify-content:center;font-family:cubano,Arial Black,sans-serif;width:48px;height:48px;background-color:#ffe919;border-radius:50%}.item-number-bond-node.rectangular .composition-mats-wrapper[data-v-ccfc4674]{height:64px;margin-bottom:-4px}.item-number-bond-node.rectangular .composition-mats-wrapper .composition-mat[data-v-ccfc4674]{padding:0;margin:0 8px;width:auto;height:auto;border:0}.item-number-bond[data-v-8b57a675]{display:inline-block;position:relative;width:490px;height:430px}.item-number-bond .bond[data-v-8b57a675],.item-number-bond .nb-wrapper[data-v-8b57a675]{position:absolute;border-width:2px;border-color:#4d4d4d;transition:filter .3s ease-out,color .3s ease-out,border-color .3s ease-out}.item-number-bond .bond[data-v-8b57a675] .item,.item-number-bond .nb-wrapper[data-v-8b57a675] .item{transition:opacity .3s ease-out}.item-number-bond .bond.blur[data-v-8b57a675],.item-number-bond .nb-wrapper.blur[data-v-8b57a675]{filter:blur(2px);color:#4d4d4d33;border-color:#4d4d4d33;transition:filter .3s ease-in,color .3s ease-in,border-color .3s ease-in}.item-number-bond .bond.blur[data-v-8b57a675] .item,.item-number-bond .nb-wrapper.blur[data-v-8b57a675] .item{transition:opacity .3s ease-in;opacity:.2}.item-number-bond .bond[data-v-8b57a675]{top:125px;left:245px;border-left-style:solid;border-top-style:solid;transform-origin:top left;transform:rotate(45deg);width:250px;height:250px;pointer-events:none}.item-number-bond .nb-wrapper[data-v-8b57a675]{border-radius:50%;border-style:solid;background:#fff;display:flex}.item-number-bond .nb-wrapper.whole[data-v-8b57a675]{left:120px;width:250px;height:250px}.item-number-bond .nb-wrapper.part1[data-v-8b57a675],.item-number-bond .nb-wrapper.part2[data-v-8b57a675]{top:230px;width:200px;height:200px}.item-number-bond .nb-wrapper.part2[data-v-8b57a675]{left:290px}.item-number-bond.rectangular[data-v-8b57a675]{width:752px;height:328px}.item-number-bond.rectangular .bond[data-v-8b57a675]{top:50.6666666667px;left:376px}.item-number-bond.rectangular .nb-wrapper[data-v-8b57a675]{border-radius:32px;height:152px}.item-number-bond.rectangular .nb-wrapper.whole[data-v-8b57a675]{left:192px;width:368px}.item-number-bond.rectangular .nb-wrapper.part1[data-v-8b57a675],.item-number-bond.rectangular .nb-wrapper.part2[data-v-8b57a675]{top:176px;width:336px}.item-number-bond.rectangular .nb-wrapper.part2[data-v-8b57a675]{left:416px}.graded-mat-spontaneous-binary-correctness-blended-inputs.correct[data-v-f9aaa831]:not(.highlight):not(.page-refreshed):not(.done-animating){animation:multi-animation-animation-background-color-ccffd9-white-animation-border-color-00c372-4d4d4d-animation-border-width-2px-2px-f9aaa831 1.2s linear;animation-fill-mode:forwards}@keyframes multi-animation-animation-background-color-ccffd9-white-animation-border-color-00c372-4d4d4d-animation-border-width-2px-2px-f9aaa831{0%{background-color:#ccffd9;border-color:#00c372;border-width:2px}83%{background-color:#ccffd9;border-color:#00c372;border-width:2px}to{background-color:#fff;border-color:#4d4d4d;border-width:2px}}.graded-mat-spontaneous-binary-correctness-blended-inputs.correct.highlight.part-node.slot-0[data-v-f9aaa831]:not(.page-refreshed):not(.done-animating){animation:multi-animation-animation-background-color-ccffd9-7a00c9-animation-border-color-00c372-4d4d4d-animation-border-width-2px-2px-f9aaa831 1.2s linear;animation-fill-mode:forwards}@keyframes multi-animation-animation-background-color-ccffd9-7a00c9-animation-border-color-00c372-4d4d4d-animation-border-width-2px-2px-f9aaa831{0%{background-color:#ccffd9;border-color:#00c372;border-width:2px}83%{background-color:#ccffd9;border-color:#00c372;border-width:2px}to{background-color:#7a00c9;border-color:#4d4d4d;border-width:2px}}.graded-mat-spontaneous-binary-correctness-blended-inputs.correct.highlight.part-node.slot-1[data-v-f9aaa831]:not(.page-refreshed):not(.done-animating){animation:multi-animation-animation-background-color-ccffd9-f75e00-animation-border-color-00c372-4d4d4d-animation-border-width-2px-2px-f9aaa831 1.2s linear;animation-fill-mode:forwards}@keyframes multi-animation-animation-background-color-ccffd9-f75e00-animation-border-color-00c372-4d4d4d-animation-border-width-2px-2px-f9aaa831{0%{background-color:#ccffd9;border-color:#00c372;border-width:2px}83%{background-color:#ccffd9;border-color:#00c372;border-width:2px}to{background-color:#f75e00;border-color:#4d4d4d;border-width:2px}}.graded-mat-spontaneous-binary-correctness-blended-inputs.correct.highlight[data-v-f9aaa831] *{animation:fadeContentFromBlackToWhite-f9aaa831 1.2s linear;color:#fff}@keyframes fadeContentFromBlackToWhite-f9aaa831{0%{color:#000}83%{color:#000}to{color:#fff}}.graded-mat-spontaneous-binary-correctness-blended-inputs.try-again[data-v-f9aaa831] *{color:#000}.graded-mat-spontaneous-binary-correctness-blended-inputs.incorrect[data-v-f9aaa831]:not(.highlight):not(.page-refreshed):not(.done-animating){animation:multi-animation-animation-background-color-ffe2ec-white-animation-border-color-d63a66-d63a66-animation-border-width-2px-4px-f9aaa831 1.2s linear;animation-fill-mode:forwards}@keyframes multi-animation-animation-background-color-ffe2ec-white-animation-border-color-d63a66-d63a66-animation-border-width-2px-4px-f9aaa831{0%{background-color:#ffe2ec;border-color:#d63a66;border-width:2px}83%{background-color:#ffe2ec;border-color:#d63a66;border-width:2px}to{background-color:#fff;border-color:#d63a66;border-width:4px}}.graded-mat-spontaneous-binary-correctness-blended-inputs.incorrect[data-v-f9aaa831]:not(.highlight) *,.graded-mat-spontaneous-binary-correctness-blended-inputs.incorrect[data-v-f9aaa831]:not(.highlight) .zearn-input{color:#000}.graded-mat-spontaneous-binary-correctness-blended-inputs.incorrect.highlight.part-node.slot-0[data-v-f9aaa831]:not(.page-refreshed):not(.done-animating){animation:multi-animation-animation-background-color-ffe2ec-white-animation-border-color-d63a66-7a00c9-animation-border-width-2px-4px-f9aaa831 1.2s linear;animation-fill-mode:forwards}@keyframes multi-animation-animation-background-color-ffe2ec-white-animation-border-color-d63a66-7a00c9-animation-border-width-2px-4px-f9aaa831{0%{background-color:#ffe2ec;border-color:#d63a66;border-width:2px}83%{background-color:#ffe2ec;border-color:#d63a66;border-width:2px}to{background-color:#fff;border-color:#7a00c9;border-width:4px}}.graded-mat-spontaneous-binary-correctness-blended-inputs.incorrect.highlight.part-node.slot-1[data-v-f9aaa831]:not(.page-refreshed):not(.done-animating){animation:multi-animation-animation-background-color-ffe2ec-white-animation-border-color-d63a66-f75e00-animation-border-width-2px-4px-f9aaa831 1.2s linear;animation-fill-mode:forwards}@keyframes multi-animation-animation-background-color-ffe2ec-white-animation-border-color-d63a66-f75e00-animation-border-width-2px-4px-f9aaa831{0%{background-color:#ffe2ec;border-color:#d63a66;border-width:2px}83%{background-color:#ffe2ec;border-color:#d63a66;border-width:2px}to{background-color:#fff;border-color:#f75e00;border-width:4px}}.graded-mat-spontaneous-binary-correctness-blended-inputs.incorrect.highlight[data-v-f9aaa831] *,.graded-mat-spontaneous-binary-correctness-blended-inputs.incorrect.highlight[data-v-f9aaa831] .zearn-input{color:#d63a66;animation:fadeContentFromBlackToRed-f9aaa831 1.2s linear}@keyframes fadeContentFromBlackToRed-f9aaa831{0%{color:#000}83%{color:#000}to{color:#d63a66}}.graded-mat-spontaneous-binary-correctness-blended-inputs.highlight.autocorrected[data-v-f9aaa831] *,.graded-mat-spontaneous-binary-correctness-blended-inputs.highlight.autocorrected[data-v-f9aaa831] .zearn-input{color:#fff}.graded-mat-spontaneous-binary-correctness-blended-inputs.try-again[data-v-f9aaa831],.graded-mat-spontaneous-binary-correctness-blended-inputs[data-v-f9aaa831]:after,.graded-mat-spontaneous-binary-correctness-blended-inputs.autocorrected[data-v-f9aaa831]{transition:all .2s}.node[data-v-f9aaa831]{padding:0}.node .node-area[data-v-f9aaa831],.node .autocorrect-area[data-v-f9aaa831]{display:inline-block;vertical-align:middle;position:relative;width:345px;height:280px}.node .canvas[data-v-f9aaa831]{position:absolute;width:345px;height:280px;margin:0;z-index:1}.node .canvas svg[data-v-f9aaa831]{width:345px;height:280px}.node .canvas line[data-v-f9aaa831]{stroke:#4d4d4d;stroke-width:2px}.node .canvas .lines[data-v-f9aaa831]{opacity:0}.node .node-content[data-v-f9aaa831]{position:relative;display:block;width:-webkit-min-content;width:min-content;top:50%;left:50%;transform:translate(-50%,-50%)}.node .part-bond[data-v-f9aaa831]{position:absolute;left:53.5px;top:196px;z-index:2;margin-top:-55px;margin-left:-55px;cursor:pointer}.node .part-bond.hide[data-v-f9aaa831]{opacity:0}.node .part-bond .part-bond-node[data-v-f9aaa831]{width:55px;overflow:hidden}.node .part-bond .part-bond-node .part-bond-node-inner[data-v-f9aaa831]{position:relative;width:110px;height:110px;background-color:#ffe2eccc;border:2px solid #d63a66;border-radius:50%}.node .part-bond .part-bond-node.right .part-bond-node-inner[data-v-f9aaa831]{left:-100%}.node .part-bond .part-bond-middle[data-v-f9aaa831]{width:116px;display:inline-block;background-color:#ffe2eccc;border:2px solid #d63a66;border-right-width:0;border-left-width:0;height:110px}.node .whole-node[data-v-f9aaa831]{position:absolute;z-index:2;left:50%;font-size:24px;margin-left:-56px;height:112px;width:112px;border-radius:50%}.node .whole-node[data-v-f9aaa831]:not(.correct):not(.try-again):not(.incorrect){background-color:#fff;border:2px solid #4d4d4d}.node .part-node[data-v-f9aaa831]{position:absolute;z-index:2;height:80px;width:80px;border-radius:50%;font-size:18px;margin-top:-40px;margin-left:-40px}.node .part-node.large[data-v-f9aaa831]{height:100px;width:100px;margin-top:-50px;margin-left:-50px}.node .part-node[data-v-f9aaa831]:not(.correct):not(.try-again):not(.incorrect){background-color:#fff;border:2px solid #4d4d4d}.node.correctable[data-v-f9aaa831]:after{opacity:1;pointer-events:auto;cursor:pointer;content:"?"/"this node is correctable, click the content to correct"}.node[data-v-f9aaa831]:after{opacity:0;pointer-events:none;position:absolute;height:calc(100% + 4px);width:calc(100% + 4px);top:-2px;left:-2px;background-color:#d63a66;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.node.whole-node input[data-v-f9aaa831]{width:80px;font-size:26px;text-align:center}.node.whole-node.highlight[data-v-f9aaa831]{background-color:#ebffec}.node.part-node[data-v-f9aaa831]{top:196px}.node.part-node input[data-v-f9aaa831]{width:50px;font-size:18px;text-align:center}.node.part-node.highlight[data-v-f9aaa831]{color:#fff}.node.part-node.slot-0[data-v-f9aaa831]{left:54px}.node.part-node.slot-0.highlight[data-v-f9aaa831]:not(.try-again):not(.incorrect){background-color:#7a00c9}.node.part-node.slot-1[data-v-f9aaa831]{left:170px}.node.part-node.slot-1.highlight[data-v-f9aaa831]:not(.try-again):not(.incorrect){background-color:#f75e00}.node .node-content[data-v-f9aaa831]{white-space:nowrap}.super-number-bond-token[data-v-fd7ddd8d]{display:inline-block;position:relative}.super-number-bond-token .node-area[data-v-fd7ddd8d],.super-number-bond-token .autocorrect-area[data-v-fd7ddd8d]{display:inline-block;vertical-align:middle;position:relative;width:345px;height:280px}.super-number-bond-token .canvas[data-v-fd7ddd8d]{position:absolute;width:345px;height:280px;margin:0;z-index:1}.super-number-bond-token .canvas svg[data-v-fd7ddd8d]{width:345px;height:280px}.super-number-bond-token .canvas line[data-v-fd7ddd8d]{stroke:#4d4d4d;stroke-width:2px}.super-number-bond-token .canvas .lines[data-v-fd7ddd8d]{opacity:0}.super-number-bond-token .node-content[data-v-fd7ddd8d]{position:relative;display:block;width:-webkit-min-content;width:min-content;top:50%;left:50%;transform:translate(-50%,-50%)}.super-number-bond-token .part-bond[data-v-fd7ddd8d]{position:absolute;left:53.5px;top:196px;z-index:2;margin-top:-55px;margin-left:-55px;cursor:pointer}.super-number-bond-token .part-bond.hide[data-v-fd7ddd8d]{opacity:0}.super-number-bond-token .part-bond .part-bond-node[data-v-fd7ddd8d]{width:55px;overflow:hidden}.super-number-bond-token .part-bond .part-bond-node .part-bond-node-inner[data-v-fd7ddd8d]{position:relative;width:110px;height:110px;background-color:#ffe2eccc;border:2px solid #d63a66;border-radius:50%}.super-number-bond-token .part-bond .part-bond-node.right .part-bond-node-inner[data-v-fd7ddd8d]{left:-100%}.super-number-bond-token .part-bond .part-bond-middle[data-v-fd7ddd8d]{width:116px;display:inline-block;background-color:#ffe2eccc;border:2px solid #d63a66;border-right-width:0;border-left-width:0;height:110px}.super-number-bond-token .whole-node[data-v-fd7ddd8d]{position:absolute;z-index:2;left:50%;font-size:24px;margin-left:-56px;height:112px;width:112px;border-radius:50%}.super-number-bond-token .whole-node[data-v-fd7ddd8d]:not(.correct):not(.try-again):not(.incorrect){background-color:#fff;border:2px solid #4d4d4d}.super-number-bond-token .part-node[data-v-fd7ddd8d]{position:absolute;z-index:2;height:80px;width:80px;border-radius:50%;font-size:18px;margin-top:-40px;margin-left:-40px}.super-number-bond-token .part-node.large[data-v-fd7ddd8d]{height:100px;width:100px;margin-top:-50px;margin-left:-50px}.super-number-bond-token .part-node[data-v-fd7ddd8d]:not(.correct):not(.try-again):not(.incorrect){background-color:#fff;border:2px solid #4d4d4d}.super-number-bond-token .node-area[data-v-fd7ddd8d],.super-number-bond-token .canvas[data-v-fd7ddd8d],.super-number-bond-token .canvas svg[data-v-fd7ddd8d]{width:226px;height:246px}