.grid.squares{display:-ms-grid;display:grid;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.1rem;border-radius:0.5rem;background-color:#cecefe}.grid.squares.size-3 .tile .connections.connections,.preview.squares.size-3 .connections.connections{border:1px solid #1e1e1e}.grid.squares.size-3 .tile .connections.connections .connection,.preview.squares.size-3 .connections.connections .connection{margin:0.125rem;border:1px solid black}.grid.squares.size-3 .tile .connections.connections .bottom,.grid.squares.size-3 .tile .connections.connections .top,.preview.squares.size-3 .connections.connections .bottom,.preview.squares.size-3 .connections.connections .top{width:2.25rem;height:0.75rem;left:-1px}.grid.squares.size-3 .tile .connections.connections .bottom div,.grid.squares.size-3 .tile .connections.connections .top div,.preview.squares.size-3 .connections.connections .bottom div,.preview.squares.size-3 .connections.connections .top div{width:0.25rem;height:0.75rem}.grid.squares.size-3 .tile .connections.connections .left,.grid.squares.size-3 .tile .connections.connections .right,.preview.squares.size-3 .connections.connections .left,.preview.squares.size-3 .connections.connections .right{width:0.75rem;height:2.25rem;top:-1px}.grid.squares.size-3 .tile .connections.connections .left div,.grid.squares.size-3 .tile .connections.connections .right div,.preview.squares.size-3 .connections.connections .left div,.preview.squares.size-3 .connections.connections .right div{width:0.75rem;height:0.25rem}.grid.squares.size-3 .tile .connections.connections .bottom,.preview.squares.size-3 .connections.connections .bottom{bottom:calc(-0.375rem - 1px - 0.05rem - 0.5px)}.grid.squares.size-3 .tile .connections.connections .top,.preview.squares.size-3 .connections.connections .top{top:calc(-0.375rem - 1px - 0.05rem - 0.5px)}.grid.squares.size-3 .tile .connections.connections .left,.preview.squares.size-3 .connections.connections .left{left:calc(-0.375rem - 1px - 0.05rem - 0.5px)}.grid.squares.size-3 .tile .connections.connections .right,.preview.squares.size-3 .connections.connections .right{right:calc(-0.375rem - 1px - 0.05rem - 0.5px)}.grid.squares.size-4 .tile .connections .connection,.preview.squares.size-4 .connections .connection{margin:0.15rem}.grid.squares.size-4 .tile .connections .bottom,.grid.squares.size-4 .tile .connections .top,.preview.squares.size-4 .connections .bottom,.preview.squares.size-4 .connections .top{width:3rem;height:1.3rem}.grid.squares.size-4 .tile .connections .bottom div,.grid.squares.size-4 .tile .connections .top div,.preview.squares.size-4 .connections .bottom div,.preview.squares.size-4 .connections .top div{width:0.4rem;height:1.3rem}.grid.squares.size-4 .tile .connections .left,.grid.squares.size-4 .tile .connections .right,.preview.squares.size-4 .connections .left,.preview.squares.size-4 .connections .right{width:1.3rem;height:3rem}.grid.squares.size-4 .tile .connections .left div,.grid.squares.size-4 .tile .connections .right div,.preview.squares.size-4 .connections .left div,.preview.squares.size-4 .connections .right div{width:1.3rem;height:0.4rem}.grid.squares.size-4 .tile .connections .bottom,.preview.squares.size-4 .connections .bottom{bottom:calc(-0.65rem - 1px)}.grid.squares.size-4 .tile .connections .top,.preview.squares.size-4 .connections .top{top:calc(-0.65rem - 1px)}.grid.squares.size-4 .tile .connections .left,.preview.squares.size-4 .connections .left{left:calc(-0.65rem - 1px)}.grid.squares.size-4 .tile .connections .right,.preview.squares.size-4 .connections .right{right:calc(-0.65rem - 1px)}.grid.squares.size-5 .tile .connections .connection,.preview.squares.size-5 .connections .connection{margin:0.21rem}.grid.squares.size-5 .tile .connections .bottom,.grid.squares.size-5 .tile .connections .top,.preview.squares.size-5 .connections .bottom,.preview.squares.size-5 .connections .top{width:3.75rem;height:1.6rem}.grid.squares.size-5 .tile .connections .bottom div,.grid.squares.size-5 .tile .connections .top div,.preview.squares.size-5 .connections .bottom div,.preview.squares.size-5 .connections .top div{width:0.45rem;height:1.6rem}.grid.squares.size-5 .tile .connections .left,.grid.squares.size-5 .tile .connections .right,.preview.squares.size-5 .connections .left,.preview.squares.size-5 .connections .right{width:1.6rem;height:3.75rem}.grid.squares.size-5 .tile .connections .left div,.grid.squares.size-5 .tile .connections .right div,.preview.squares.size-5 .connections .left div,.preview.squares.size-5 .connections .right div{width:1.6rem;height:0.45rem}.grid.squares.size-5 .tile .connections .bottom,.preview.squares.size-5 .connections .bottom{bottom:calc(-0.8rem - 1px)}.grid.squares.size-5 .tile .connections .top,.preview.squares.size-5 .connections .top{top:calc(-0.8rem - 1px)}.grid.squares.size-5 .tile .connections .left,.preview.squares.size-5 .connections .left{left:calc(-0.8rem - 1px)}.grid.squares.size-5 .tile .connections .right,.preview.squares.size-5 .connections .right{right:calc(-0.8rem - 1px)}.grid.squares.size-6 .tile .connections .connection,.preview.squares.size-6 .connections .connection{margin:0.25rem}.grid.squares.size-6 .tile .connections .bottom,.grid.squares.size-6 .tile .connections .top,.preview.squares.size-6 .connections .bottom,.preview.squares.size-6 .connections .top{width:4.5rem;height:1.5rem}.grid.squares.size-6 .tile .connections .bottom div,.grid.squares.size-6 .tile .connections .top div,.preview.squares.size-6 .connections .bottom div,.preview.squares.size-6 .connections .top div{width:0.5rem;height:1.5rem}.grid.squares.size-6 .tile .connections .left,.grid.squares.size-6 .tile .connections .right,.preview.squares.size-6 .connections .left,.preview.squares.size-6 .connections .right{width:1.5rem;height:4.5rem}.grid.squares.size-6 .tile .connections .left div,.grid.squares.size-6 .tile .connections .right div,.preview.squares.size-6 .connections .left div,.preview.squares.size-6 .connections .right div{width:1.5rem;height:0.5rem}.grid.squares.size-6 .tile .connections .bottom,.preview.squares.size-6 .connections .bottom{bottom:calc(-0.75rem - 2px - 0.05rem - 0.5px)}.grid.squares.size-6 .tile .connections .top,.preview.squares.size-6 .connections .top{top:calc(-0.75rem - 2px - 0.05rem - 0.5px)}.grid.squares.size-6 .tile .connections .left,.preview.squares.size-6 .connections .left{left:calc(-0.75rem - 2px - 0.05rem - 0.5px)}.grid.squares.size-6 .tile .connections .right,.preview.squares.size-6 .connections .right{right:calc(-0.75rem - 2px - 0.05rem - 0.5px)}.grid.squares .tile,.preview.squares{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:#6781b9}.grid.squares .tile .block,.preview.squares .block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:75%;height:75%;border-radius:0.4rem;position:relative;-webkit-transition:top 0.25s linear,left 0.25s linear,-webkit-transform 0.25s linear;transition:top 0.25s linear,left 0.25s linear,-webkit-transform 0.25s linear;transition:transform 0.25s linear,top 0.25s linear,left 0.25s linear;transition:transform 0.25s linear,top 0.25s linear,left 0.25s linear,-webkit-transform 0.25s linear;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation:0.5s linear animate_tile;animation:0.5s linear animate_tile}.grid.squares .tile .block .shadow,.preview.squares .block .shadow{width:100%;height:100%;border-radius:0.4rem;background-color:#1e1e1e;position:absolute;z-index:-1;-webkit-transition:-webkit-transform 0.25s linear;transition:-webkit-transform 0.25s linear;transition:transform 0.25s linear;transition:transform 0.25s linear,-webkit-transform 0.25s linear;-webkit-transform:translate(0,5%);transform:translate(0,5%);-webkit-animation:0.5s linear forwards animate_tile_shadow;animation:0.5s linear forwards animate_tile_shadow}.grid.squares .tile .block .mark,.preview.squares .block .mark{width:100%;height:100%;position:absolute;z-index:1;-webkit-transition:-webkit-transform 0.25s linear;transition:-webkit-transform 0.25s linear;transition:transform 0.25s linear;transition:transform 0.25s linear,-webkit-transform 0.25s linear;-webkit-animation:1.5s linear forwards animate_mark;animation:1.5s linear forwards animate_mark}.grid.squares .tile .block .mark svg>*,.preview.squares .block .mark svg>*{fill:white}.grid.squares .tile .block .mark svg circle,.preview.squares .block .mark svg circle{stroke-width:0.175rem}.grid.squares .tile .block .mark svg polygon,.preview.squares .block .mark svg polygon{stroke-width:0.35rem;stroke:white;stroke-linejoin:round}.grid.squares .tile .block.n,.preview.squares .block.n{background-color:red}.grid.squares .tile .block.n .mark svg circle,.preview.squares .block.n .mark svg circle{stroke:red}.grid.squares .tile .block.r,.preview.squares .block.r{background-color:#4c9efb}.grid.squares .tile .block.r .mark svg circle,.preview.squares .block.r .mark svg circle{stroke:#4c9efb}.grid.squares .tile .block.h,.grid.squares .tile .block.v,.preview.squares .block.h,.preview.squares .block.v{background-color:#8f00cc}.grid.squares .tile .block.hr,.grid.squares .tile .block.vr,.preview.squares .block.hr,.preview.squares .block.vr{background-color:#794d1e}.grid.squares .tile .block.hr .mark svg circle,.grid.squares .tile .block.vr .mark svg circle,.preview.squares .block.hr .mark svg circle,.preview.squares .block.vr .mark svg circle{stroke:#794d1e}.grid.squares .tile .block.vh,.preview.squares .block.vh{background-color:#29ac15}.grid.squares .tile .block.vhr,.preview.squares .block.vhr{background-color:#ff8400}.grid.squares .tile .block.vhr .mark svg circle,.preview.squares .block.vhr .mark svg circle{stroke:#ff8400}.grid.squares .tile .block.grabbed,.preview.squares .block.grabbed{z-index:10;-webkit-transition:top 0s,left 0s,-webkit-transform 0.25s linear!important;transition:top 0s,left 0s,-webkit-transform 0.25s linear!important;transition:transform 0.25s linear,top 0s,left 0s!important;transition:transform 0.25s linear,top 0s,left 0s,-webkit-transform 0.25s linear!important}.grid.squares .tile .block.grabbed .connections>div>div,.preview.squares .block.grabbed .connections>div>div{border:1px solid black!important}.grid.squares .tile .block .connections,.preview.squares .block .connections{width:100%;height:100%;border-radius:0.4rem;background-color:inherit;border:2px solid #1e1e1e;position:relative;z-index:initial}.grid.squares .tile .block .connections>div,.preview.squares .block .connections>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:-1}.grid.squares .tile .block .connections .bottom,.grid.squares .tile .block .connections .top,.preview.squares .block .connections .bottom,.preview.squares .block .connections .top{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;left:-2px}.grid.squares .tile .block .connections .bottom,.preview.squares .block .connections .bottom{-webkit-animation:2s linear forwards animate_bottom_connections;animation:2s linear forwards animate_bottom_connections}.grid.squares .tile .block .connections .top,.preview.squares .block .connections .top{-webkit-animation:2s linear forwards animate_top_connections;animation:2s linear forwards animate_top_connections}.grid.squares .tile .block .connections .connection,.preview.squares .block .connections .connection{background-color:white;border:2px solid black;-webkit-transition:-webkit-transform 0.25s linear;transition:-webkit-transform 0.25s linear;transition:transform 0.25s linear;transition:transform 0.25s linear,-webkit-transform 0.25s linear}.grid.squares .tile .block .connections .left,.grid.squares .tile .block .connections .right,.preview.squares .block .connections .left,.preview.squares .block .connections .right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;top:-2px}.grid.squares .tile .block .connections .left,.preview.squares .block .connections .left{-webkit-animation:2s linear forwards animate_left_connections;animation:2s linear forwards animate_left_connections}.grid.squares .tile .block .connections .right,.preview.squares .block .connections .right{-webkit-animation:2s linear forwards animate_right_connections;animation:2s linear forwards animate_right_connections}@-webkit-keyframes animate_tile{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animate_tile{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes animate_tile_shadow{0%{-webkit-transform:scale(0) translate(0,5%);transform:scale(0) translate(0,5%)}to{-webkit-transform:scale(1) translate(0,5%);transform:scale(1) translate(0,5%)}}@keyframes animate_tile_shadow{0%{-webkit-transform:scale(0) translate(0,5%);transform:scale(0) translate(0,5%)}to{-webkit-transform:scale(1) translate(0,5%);transform:scale(1) translate(0,5%)}}@-webkit-keyframes animate_top_connections{0%{-webkit-transform:translateY(1rem);transform:translateY(1rem);opacity:0}50%{-webkit-transform:translateY(1rem);transform:translateY(1rem);opacity:0}75%{-webkit-transform:translateY(1rem);transform:translateY(1rem);opacity:1}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes animate_top_connections{0%{-webkit-transform:translateY(1rem);transform:translateY(1rem);opacity:0}50%{-webkit-transform:translateY(1rem);transform:translateY(1rem);opacity:0}75%{-webkit-transform:translateY(1rem);transform:translateY(1rem);opacity:1}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes animate_bottom_connections{0%{-webkit-transform:translateY(-1rem);transform:translateY(-1rem);opacity:0}50%{-webkit-transform:translateY(-1rem);transform:translateY(-1rem);opacity:0}75%{-webkit-transform:translateY(-1rem);transform:translateY(-1rem);opacity:1}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes animate_bottom_connections{0%{-webkit-transform:translateY(-1rem);transform:translateY(-1rem);opacity:0}50%{-webkit-transform:translateY(-1rem);transform:translateY(-1rem);opacity:0}75%{-webkit-transform:translateY(-1rem);transform:translateY(-1rem);opacity:1}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes animate_left_connections{0%{-webkit-transform:translateX(1rem);transform:translateX(1rem);opacity:0}50%{-webkit-transform:translateX(1rem);transform:translateX(1rem);opacity:0}75%{-webkit-transform:translateX(1rem);transform:translateX(1rem);opacity:1}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes animate_left_connections{0%{-webkit-transform:translateX(1rem);transform:translateX(1rem);opacity:0}50%{-webkit-transform:translateX(1rem);transform:translateX(1rem);opacity:0}75%{-webkit-transform:translateX(1rem);transform:translateX(1rem);opacity:1}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes animate_right_connections{0%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);opacity:0}50%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);opacity:0}75%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);opacity:1}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes animate_right_connections{0%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);opacity:0}50%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);opacity:0}75%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);opacity:1}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes animate_mark{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes animate_mark{0%{opacity:0}50%{opacity:0}to{opacity:1}}