.gridlines[data-v-f030ecc0]{height:100%;width:100%;position:absolute;left:0;top:0}.gridline-row-container[data-v-f030ecc0],.gridline-column-container[data-v-f030ecc0]{position:absolute;display:flex;justify-content:space-between;left:0;width:100%;height:100%}.gridline-row-container .grid-column[data-v-f030ecc0],.gridline-row-container .grid-row[data-v-f030ecc0],.gridline-column-container .grid-column[data-v-f030ecc0],.gridline-column-container .grid-row[data-v-f030ecc0]{position:relative}.gridline-row-container .grid-column[data-v-f030ecc0]:after,.gridline-row-container .grid-row[data-v-f030ecc0]:after,.gridline-column-container .grid-column[data-v-f030ecc0]:after,.gridline-column-container .grid-row[data-v-f030ecc0]:after{content:"";position:absolute;background:#b3b3b3}.gridline-row-container .grid-column[data-v-f030ecc0]:first-child:after,.gridline-row-container .grid-column[data-v-f030ecc0]:last-child:after,.gridline-row-container .grid-row[data-v-f030ecc0]:first-child:after,.gridline-row-container .grid-row[data-v-f030ecc0]:last-child:after,.gridline-column-container .grid-column[data-v-f030ecc0]:first-child:after,.gridline-column-container .grid-column[data-v-f030ecc0]:last-child:after,.gridline-column-container .grid-row[data-v-f030ecc0]:first-child:after,.gridline-column-container .grid-row[data-v-f030ecc0]:last-child:after{background:transparent}.grid-column[data-v-f030ecc0]{width:0px}.grid-column[data-v-f030ecc0]:after{top:0;left:50%;width:3px;height:100%;transform:translate(-50%)}.gridline-row-container[data-v-f030ecc0]{flex-direction:column}.gridline-row-container .grid-row[data-v-f030ecc0]{height:0px}.gridline-row-container .grid-row[data-v-f030ecc0]:after{top:50;left:0;height:3px;width:100%;transform:translateY(-50%)}.composition-mat[data-v-c53636dd]{position:relative}.composition-mat .item-slot[data-v-c53636dd]{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px}.composition-mat[data-v-c53636dd]:not(.active){border-color:#b3b3b3}.composition-mat:not(.active).borderless[data-v-c53636dd]{border-color:transparent}.composition-mat.horizontal .item-slot[data-v-c53636dd],.composition-mat.vertical .item-slot[data-v-c53636dd],.composition-mat[class*=array] .item-slot[data-v-c53636dd]{width:auto;height:auto}@keyframes highlight-pulse-c53636dd{0%{box-shadow:0 0}60%{box-shadow:0 0 0 7px}to{box-shadow:0 0 0 3px}}.composition-mat .item-slot[data-v-c53636dd] .disc-highlight.highlighted{border-radius:50%;color:#ffe919;animation:highlight-pulse-c53636dd .5s forwards}.composition-mat .item-slot[data-v-c53636dd] .disc-highlight:not(.highlighted){transition:background-color .3s ease-in,color .3s ease-in;color:transparent;background-color:transparent;border-radius:50%;box-shadow:0 0 0 3px}.composition-mat .item-slot[data-v-c53636dd] .disc-highlight .disc{position:relative;z-index:10}.composition-mat .crossed-out .item[data-v-c53636dd] .disc{opacity:.5}.composition-mat .cross-out[data-v-c53636dd],.composition-mat .cross-out-ghost[data-v-c53636dd]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12}.composition-mat.five-and-some.short[data-v-c53636dd]{width:172px;height:172px}.composition-mat.five-and-some.medium[data-v-c53636dd]{width:172px;height:238px}.composition-mat.five-and-some.tall[data-v-c53636dd]{width:172px;height:304px}.composition-mat.five-and-some .item-slot[data-v-c53636dd]{position:absolute}.composition-mat.five-and-some .item-slot.slot-0[data-v-c53636dd]{left:17px;top:17px}.composition-mat.five-and-some .item-slot.slot-1[data-v-c53636dd]{left:109px;top:17px}.composition-mat.five-and-some .item-slot.slot-2[data-v-c53636dd]{left:63px;top:63px}.composition-mat.five-and-some .item-slot.slot-3[data-v-c53636dd]{left:17px;top:109px}.composition-mat.five-and-some .item-slot.slot-4[data-v-c53636dd]{left:109px;top:109px}.composition-mat.five-and-some .item-slot.slot-5[data-v-c53636dd]{left:17px;top:175px}.composition-mat.five-and-some .item-slot.slot-6[data-v-c53636dd]{left:109px;top:175px}.composition-mat.five-and-some .item-slot.slot-7[data-v-c53636dd]{left:17px;top:241px}.composition-mat.five-and-some .item-slot.slot-8[data-v-c53636dd]{left:109px;top:241px}.composition-mat.strand[data-v-c53636dd],.composition-mat.horizontal[data-v-c53636dd]{display:inline-flex;align-items:center;padding:4px}.composition-mat.strand[data-v-c53636dd] .gridline-column-container,.composition-mat.horizontal[data-v-c53636dd] .gridline-column-container{padding:0 4px}.composition-mat.strand[data-v-c53636dd] .gridline-row-container,.composition-mat.horizontal[data-v-c53636dd] .gridline-row-container{padding:4px 0}.composition-mat.strand .item-slot[data-v-c53636dd],.composition-mat.horizontal .item-slot[data-v-c53636dd]{flex-shrink:0}.composition-mat.strand.connected-cubes .item-slot[data-v-c53636dd],.composition-mat.horizontal.connected-cubes .item-slot[data-v-c53636dd]{width:auto}.composition-mat.strand.connected-cubes .item-slot .item[data-v-c53636dd],.composition-mat.strand.connected-cubes .item-slot .ghost[data-v-c53636dd],.composition-mat.horizontal.connected-cubes .item-slot .item[data-v-c53636dd],.composition-mat.horizontal.connected-cubes .item-slot .ghost[data-v-c53636dd]{width:32px;padding:0}.composition-mat.strand.connected-cubes .item-slot .item.large-cubes[data-v-c53636dd],.composition-mat.strand.connected-cubes .item-slot .ghost.large-cubes[data-v-c53636dd],.composition-mat.horizontal.connected-cubes .item-slot .item.large-cubes[data-v-c53636dd],.composition-mat.horizontal.connected-cubes .item-slot .ghost.large-cubes[data-v-c53636dd]{width:44px}.composition-mat.strand.connected-cubes .item-slot .item[data-v-c53636dd],.composition-mat.horizontal.connected-cubes .item-slot .item[data-v-c53636dd]{position:relative;left:-2px}.composition-mat.strand.connected-cubes .item-slot .item.lead-orange[data-v-c53636dd],.composition-mat.horizontal.connected-cubes .item-slot .item.lead-orange[data-v-c53636dd]{left:-1px}.composition-mat.strand.connected-cubes .item-slot .disc-highlight.highlighted[data-v-c53636dd],.composition-mat.horizontal.connected-cubes .item-slot .disc-highlight.highlighted[data-v-c53636dd]{background:none;animation:none}.composition-mat.strand.connected-cubes .item-slot .disc-highlight.highlighted[data-v-c53636dd]:after,.composition-mat.horizontal.connected-cubes .item-slot .disc-highlight.highlighted[data-v-c53636dd]:after{content:"";position:absolute;top:0;left:0;bottom:0;right:2px;border:1px solid #ffe919;z-index:11;animation:highlight-pulse-c53636dd .5s forwards}.composition-mat.strand.connected-cubes .item-slot .disc-highlight[data-v-c53636dd]:not(.highlighted),.composition-mat.horizontal.connected-cubes .item-slot .disc-highlight[data-v-c53636dd]:not(.highlighted){box-shadow:none}.composition-mat.strand.connected-cubes .item-slot .disc-highlight.large-cubes.highlighted[data-v-c53636dd]:after,.composition-mat.horizontal.connected-cubes .item-slot .disc-highlight.large-cubes.highlighted[data-v-c53636dd]:after{border-width:3px;right:0}.composition-mat.strand.connected-cubes .item-slot:last-of-type .disc-highlight.highlighted[data-v-c53636dd]:after,.composition-mat.horizontal.connected-cubes .item-slot:last-of-type .disc-highlight.highlighted[data-v-c53636dd]:after{width:31px}.composition-mat.strand.connected-cubes .item-slot:last-of-type .disc-highlight.highlighted.large-cubes[data-v-c53636dd]:after,.composition-mat.horizontal.connected-cubes .item-slot:last-of-type .disc-highlight.highlighted.large-cubes[data-v-c53636dd]:after{width:41px}.composition-mat.strand[data-v-c53636dd]{width:584px;height:80px}.composition-mat.strand .item-slot[data-v-c53636dd]{width:57px}.composition-mat.strand.connected-cubes[data-v-c53636dd]{width:466px;padding:10px}.composition-mat.strand.subitized[data-v-c53636dd]{width:604px}.composition-mat.strand.subitized.connected-cubes[data-v-c53636dd]{width:486px}.composition-mat.strand.subitized .item-slot.slot-5[data-v-c53636dd]{margin-left:20px}.composition-mat.unstructured[data-v-c53636dd]{width:364px;height:234px}.composition-mat.unstructured .item-slot[data-v-c53636dd]{position:absolute;width:75px;height:75px}.composition-mat.unstructured .item-slot.slot-0[data-v-c53636dd]{left:84px;top:15px}.composition-mat.unstructured .item-slot.slot-1[data-v-c53636dd]{left:48px;top:74px}.composition-mat.unstructured .item-slot.slot-2[data-v-c53636dd]{left:15px;top:132px}.composition-mat.unstructured .item-slot.slot-3[data-v-c53636dd]{left:96px;top:121px}.composition-mat.unstructured .item-slot.slot-4[data-v-c53636dd]{left:129px;top:57px}.composition-mat.unstructured .item-slot.slot-5[data-v-c53636dd]{left:198px;top:30px}.composition-mat.unstructured .item-slot.slot-6[data-v-c53636dd]{left:176px;top:106px}.composition-mat.unstructured .item-slot.slot-7[data-v-c53636dd]{left:225px;top:149px}.composition-mat.unstructured .item-slot.slot-8[data-v-c53636dd]{left:247px;top:79px}.composition-mat.unstructured .item-slot.slot-9[data-v-c53636dd]{left:279px;top:31px}.composition-mat.vertical[data-v-c53636dd]{display:flex;flex-direction:column;align-items:center}.composition-mat[class*=array][data-v-c53636dd]{display:inline-grid;grid-auto-flow:row}.composition-mat.array-1x5[data-v-c53636dd]{grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(5,1fr)}.composition-mat.array-2x2[data-v-c53636dd]{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.composition-mat.array-2x3[data-v-c53636dd]{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}.composition-mat.array-2x4[data-v-c53636dd]{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr)}.composition-mat.array-3x3[data-v-c53636dd]{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}.composition-mat.array-2x7[data-v-c53636dd]{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(7,1fr)}.composition-mat.array-2x9[data-v-c53636dd]{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(9,1fr)}.composition-mat.array-3x4[data-v-c53636dd]{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr)}.composition-mat.array-3x5[data-v-c53636dd]{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr)}.composition-mat.array-4x4[data-v-c53636dd]{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr)}.composition-mat.array-4x5[data-v-c53636dd]{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(5,1fr)}.composition-mat.array-2x5[data-v-c53636dd],.composition-mat.array-5x2[data-v-c53636dd]{padding:7px}.composition-mat.array-2x5[data-v-c53636dd] .gridline-column-container,.composition-mat.array-5x2[data-v-c53636dd] .gridline-column-container{padding:0 7px}.composition-mat.array-2x5[data-v-c53636dd] .gridline-row-container,.composition-mat.array-5x2[data-v-c53636dd] .gridline-row-container{padding:7px 0}.composition-mat.array-2x5[data-v-c53636dd]{width:304px;height:136px;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,1fr)}.composition-mat.array-5x2[data-v-c53636dd]{width:136px;height:304px;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(2,1fr);grid-auto-flow:column}.composition-mat.array-5x2 .item-slot[data-v-c53636dd]:nth-child(6){grid-row:5;grid-column:2}.composition-mat.array-5x2 .item-slot[data-v-c53636dd]:nth-child(7){grid-row:4;grid-column:2}.composition-mat.array-5x2 .item-slot[data-v-c53636dd]:nth-child(8){grid-row:3;grid-column:2}.composition-mat.array-5x2 .item-slot[data-v-c53636dd]:nth-child(9){grid-row:2;grid-column:2}.composition-mat.array-5x2 .item-slot[data-v-c53636dd]:nth-child(10){grid-row:1;grid-column:2}.composition-mat.left-mat.horizontal .item[data-v-c53636dd],.composition-mat.right-mat.horizontal .item[data-v-c53636dd]{padding:2px;margin-left:1px}.composition-mat.left-mat.horizontal .item-slot:first-child .item[data-v-c53636dd],.composition-mat.right-mat.horizontal .item-slot:first-child .item[data-v-c53636dd]{margin-left:0}.composition-mat.teen-array .item[data-v-c53636dd]{padding:3px;margin-top:5px;margin-bottom:5px}.composition-mats-side-by-side[data-v-3d204958]{display:inline-flex}.composition-mats-side-by-side .left-mat[data-v-3d204958]{margin-right:20px}.composition-mats-side-by-side .right-mat[data-v-3d204958]{margin-left:20px}.composition-mats-side-by-side.horizontal-side-by-side .left-mat[data-v-3d204958]{margin-right:11px}.composition-mats-side-by-side.horizontal-side-by-side .right-mat[data-v-3d204958]{margin-left:10px}.composition-mats-side-by-side .blur[data-v-3d204958]{filter:blur(2px);opacity:.2;transition:filter .3s ease-out,opacity .3s ease-out}