.grid.pipes{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;background-color:#cecefe}.grid.pipes .tile,.preview.pipes{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:#2c2e34}.grid.pipes .tile .block,.preview.pipes .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:100%;height:100%;-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:rotate(0);transform:rotate(0)}.grid.pipes .tile .block .mark,.preview.pipes .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:0.5s linear forwards animate_tile;animation:0.5s linear forwards animate_tile}.grid.pipes .tile .block .mark svg,.preview.pipes .block .mark svg{position:absolute}.grid.pipes .tile .block .mark svg rect,.preview.pipes .block .mark svg rect{fill:white;stroke-width:1px}.grid.pipes .tile .block.connected .mark svg:last-child rect:last-child,.preview.pipes .block.connected .mark svg:last-child rect:last-child{fill:#fbb400!important}.grid.pipes .empty{background-color:black}.grid.pipes.size-3 .control:after{font-size:1rem}.grid.pipes.size-4 .control:after{font-size:1.3rem}.grid.pipes.size-5 .control:after{font-size:1.6rem}.grid.pipes.size-6 .control:after{font-size:2rem}.grid.pipes .control{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;background-color:#1d3479;cursor:pointer}.grid.pipes .control:hover:after{color:#fbb400}.grid.pipes .control:after{font-family:"Font Awesome 6 Free";font-weight:900}.grid.pipes .control.down:after{content:"\f0d7"}.grid.pipes .control.up:after{content:"\f0d8"}.grid.pipes .control.left:after{content:"\f0d9"}.grid.pipes .control.right:after{content:"\f0da"}