.footer{font-family:Verdana,sans-serif;text-align:center}.seperator{border:0;border-top:1px solid #eee;box-sizing:content-box;height:0;margin:.5em 0;overflow:visible}.navbar{background-color:#333;display:flex;font-family:Arial;font-size:16px;height:52px;overflow:hidden}.navbar a{color:#fff;float:left;padding:.5em 1em;text-align:center;text-decoration:none}.navbar .home-link{align-self:center;background-image:url(/favicon.svg);background-position:16px 6px;background-repeat:no-repeat,repeat;background-size:36px auto,100%;height:36px;width:36px}.navbar div{align-self:center}.navbar .first-menu{margin-left:1em}.navbar .algo-icon{align-self:center;height:36px;width:72px}.navbar .algo-text{align-self:center;height:36px;width:100px}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{background-color:inherit;border:none;color:#fff;font-family:inherit;font-size:1em;margin:0;outline:none;padding:.5em 1em}.dropdown:hover .dropbtn,.navbar a:hover{background-color:red}.dropdown-content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content a{color:#000;display:block;float:none;padding:.5em 1em;text-align:left;text-decoration:none}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}#toolbar{background-color:#34495e;height:100px;width:100%}#generateArray{display:inline-block;font-family:monospace;font-size:1em;margin-left:25px;margin-right:15px}#generateArray:hover{color:#d4d4d4!important}#generateArrayX{margin-left:25px}#arraySize,#generateArrayX{display:inline-block;font-family:monospace;font-size:16px;margin-right:15px}#arraySize{margin-left:15px}#changeSize{margin-right:15px;outline:none}.separator{background-color:rgba(0,0,0,.8);height:55px;width:5px}.algorithmButton,.separator{display:inline-block;margin-left:15px;margin-right:15px}.algorithmButton{color:#fff;cursor:pointer;font-family:monospace;font-size:16px}.algorithmButton:hover{color:#d4d4d4}.currentAlgorithmButton{color:#f15eff;cursor:pointer;margin-right:15px}#sort,.currentAlgorithmButton{display:inline-block;font-family:monospace;font-size:16px;margin-left:15px}#sort:hover{color:#d4d4d4}input[type=range]{-webkit-appearance:none;border:1px solid #fff;width:100px}input[type=range]::-webkit-slider-runnable-track{border:none;border-radius:3px;height:5px;width:100px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#f15eff;border:none;border-radius:50%;height:16px;margin-top:-4px;width:16px}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}input[type=range]::-moz-range-track{border:none;border-radius:3px;height:5px;width:100px}input[type=range]::-moz-range-thumb{background:#f15eff;border:none;border-radius:50%;height:16px;width:16px}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:6px 0;color:transparent;height:5px;width:100px}input[type=range]::-ms-fill-lower{background:#777;border-radius:10px}input[type=range]::-ms-fill-upper{border-radius:10px}input[type=range]::-ms-thumb{background:#f15eff;border:none;border-radius:50%;height:16px;width:16px}input[type=range]:focus::-ms-fill-lower{background:#888}input[type=range]:focus::-ms-fill-upper{background:#ccc}.graph{height:2em;width:2em}.node{cursor:pointer}.node,.node-selected{align-items:center;border:1px solid #000;border-radius:50%;display:flex;font-size:.5em;height:100%;justify-content:center;width:100%}.node-selected{background-color:blue}.node-start{background-color:#0ff}.node-end,.node-start{align-items:center;border:1px solid #000;border-radius:50%;cursor:pointer;display:flex;font-size:.5em;height:100%;justify-content:center;width:100%}.node-end{background-color:#f0f}.node-visited{background-color:#ff0;border:1px solid #000;border-radius:50%}.node-path,.node-visited{align-items:center;display:flex;font-size:.5em;height:100%;justify-content:center;width:100%}.node-path{background-color:#0f0;border:1px solid #0f0;border-radius:50%}.node-end-path,.node-start-path{border-color:#0f0;z-index:1}.node-wall{align-items:center;background-color:gray;border:1px solid #000;border-radius:50%;cursor:pointer;display:flex;font-size:.5em;height:100%;justify-content:center;width:100%}.node-start-drag{background-color:rgba(0,255,255,.4)}.node-end-drag{background-color:rgba(255,0,255,.3)}.vertical-edge{height:100%;width:1px}.horizonal-edge,.vertical-edge{background-color:#000;position:relative}.horizonal-edge{height:1px;width:100%}.top{align-items:center;display:flex;height:20%;justify-content:center}.bottom{align-items:center;display:flex;height:20%;justify-content:center}.middle{height:60%}.middle,.right{align-items:center;display:flex;justify-content:center}.right{width:20%}.left{align-items:center;display:flex;justify-content:center;width:20%}.top-weight{font-size:.4em;line-height:.1em;margin:.3em}.left-weight{font-size:.4em;line-height:1em}.right-weight{bottom:.3em;text-align:center;width:1.6em}.bottom-weight,.right-weight{font-size:.3em;position:absolute}.bottom-weight{left:.5em;padding-left:.2em;top:.5em}.selected-path{background-color:#0f0}.path-weight{text-shadow:0 0 .3em #0f0,0 0 .4em #0f0,0 0 .5em #0f0}.none{display:none}.blink{animation:blinker 1s step-start infinite}@keyframes blinker{50%{background-color:transparent;color:transparent}to{border:1px solid #000}}.graph-screen{display:flex;flex-direction:column;font-family:Verdana;font-size:16px;height:100%;position:relative;width:100%}.row{display:flex;margin-top:-1px}.graph-toolbar{align-items:center;display:flex;font-family:Arial;font-family:Verdana;font-size:1em;overflow:hidden;padding:0 .5em}.graph-toolbar .graph-title{font-size:.8em;font-weight:700;padding:.4em 0}.graph-toolbar-button{border:1px solid #aaa;border-radius:.5em;box-shadow:0 1px 0 1px rgba(0,0,0,.04);color:#444;cursor:pointer;display:inline-block;font-family:sans-serif;font-weight:700;height:2.5em;line-height:1.3em;margin:0 1em;width:5em}.graph-toolbar-button.load-button{width:7em}.graph-toolbar-anchor{align-items:center;background-color:#fff;background-image:linear-gradient(180deg,#fff 0,#e5e5e5);border:1px solid #aaa;border-radius:.5em;box-shadow:0 1px 0 1px rgba(0,0,0,.04);color:#444;cursor:pointer;display:flex;font-size:.65em;font-weight:600;height:2.5em;justify-content:center;line-height:1.3em;margin:0 1em;padding:0 .2em;width:7em}.column-size-selector,.row-size-selector{display:inline-block;font-size:.8em}.column-size-select-form,.row-size-select-form{display:inline-block;margin-block-end:0}.graph-size-selector{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff 0,#e5e5e5);background-position:right .7em top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.65em auto,100%;border:1px solid #aaa;border-radius:.5em;box-shadow:0 1px 0 1px rgba(0,0,0,.04);box-sizing:border-box;color:#444;display:block;font-family:sans-serif;font-weight:700;height:2.5em;margin:0 1em;max-width:100%;padding-left:.8em;width:5em}.graph-weight-placeholder{font-size:.8em;margin-left:1em;padding:.4em 0}.graph-weight-placeholder[disabled]{opacity:.5}.graph-legend{align-items:center;display:flex;font-family:Verdana,sans-serif;justify-content:flex-end;margin-top:.5em;width:100%}.graph-legend .node{border-radius:50%;border-width:0;cursor:default;display:inline-block;height:1.5em;width:1.5em}.graph-legend .node.start-node{background-color:#0ff}.graph-legend .node.end-node{background-color:#f0f}.graph-legend .node.wall-node{background-color:gray}.graph-legend .node.visited-node{background-color:#ff0}.graph-legend .node.path-node{background-color:#0f0}.graph-legend .legend-label{color:#555;font-size:.6em;font-style:italic;margin:0 2em 0 .5em}.sort-bar{background:linear-gradient(90deg,#00bfff 90%,#fff 0);font-family:Verdana}.sort-bar,.sorting-bar{align-self:flex-end;bottom:0;color:#fff;font-weight:700;height:0;left:0;padding-top:7px}.sorting-bar{background:linear-gradient(90deg,#0f4 90%,#fff 0)}.comparing-bar{background:linear-gradient(90deg,#f0f 90%,#fff 0)}.comparing-bar,.pivot-bar{align-self:flex-end;bottom:0;color:#fff;font-weight:700;height:0;left:0;padding-top:7px}.pivot-bar{background:linear-gradient(90deg,#ff0 90%,#fff 0)}.sort-bar-text{font-size:.6em;padding-left:2em;padding-top:.4em;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}.sort-toolbar{align-items:center;background-color:#fff;display:flex;font-family:sans-serif;font-family:Verdana;font-size:1em;overflow:hidden;padding:0 .5em}.sort-toolbar .sort-title{font-size:.8em;font-weight:700;margin-right:2em;padding:.4em 0}.sort-toolbar-button{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:1px solid #aaa;border-radius:.5em;box-shadow:0 1px 0 1px rgba(0,0,0,.04);box-sizing:border-box;color:#444;font-weight:700;height:2.5em;margin:0 1em;width:7em}.sort-toolbar-button,.start-button{cursor:pointer;display:inline-block}.start-button{font-family:monospace;font-size:16px;margin-left:15px;margin-right:15px}.sort-data-size{width:10em}.sort-toolbar-select{display:inline-block;font-size:.8em}.sort-toolbar-form{display:inline-block;margin-block-end:0}.sort-config-selector{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff 0,#e5e5e5);background-position:right .7em top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.65em auto,100%;border:1px solid #aaa;border-radius:.5em;box-shadow:0 1px 0 1px rgba(0,0,0,.04);box-sizing:border-box;color:#444;display:block;font-weight:700;height:2.5em;max-width:100%;padding-left:.8em;width:5em}.data-select{margin-right:1em}.speed-select{width:10em}.sort-screen{display:flex;font-family:Verdana;height:100%;margin-top:1rem;position:relative;text-align:center;width:100%}.arrayElement{align-self:flex-end;animation-duration:1.5s;animation-name:slidein;bottom:0;font-family:sans-serif;font-weight:700;height:0;left:0;opacity:.75;padding-top:7px}.tree-toolbar{align-items:center;background-color:#fff;display:flex;font-family:sans-serif;font-family:Verdana;font-size:1em;overflow:hidden;padding:0 .5em}.tree-toolbar .tree-title{font-size:.8em;font-weight:700;margin-right:2em;padding:.4em 0}.tree-toolbar-button{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:1px solid #aaa;border-radius:.5em;box-shadow:0 1px 0 1px rgba(0,0,0,.04);box-sizing:border-box;color:#444;cursor:pointer;display:inline-block;font-weight:700;height:2.5em;margin:0 1em;width:7em}.tree-toolbar .start-button{color:#f15eff}.reset-button,.tree-toolbar .start-button{cursor:pointer;display:inline-block;font-family:monospace;font-size:16px;margin-left:15px;margin-right:15px}.reset-button{color:#fff}.reset-button:hover{color:#d4d4d4}.tree-data-size{width:10em}.tree-toolbar-select{display:inline-block;font-size:.8em}.tree-toolbar-form{display:inline-block;margin-block-end:0}.tree-config-selector{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff 0,#e5e5e5);background-position:right .7em top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.65em auto,100%;border:1px solid #aaa;border-radius:.5em;box-shadow:0 1px 0 1px rgba(0,0,0,.04);box-sizing:border-box;color:#444;display:block;font-weight:700;height:2.5em;margin:0 1em;max-width:100%;padding-left:.8em;width:5em}#selectedDeleteNode{width:10em}.tree-insert-input{height:2.5em;text-align:center;width:5em}.hide{display:none}.heap-radio{font-size:.8em;margin-left:-1em;margin-right:2em}.disabled{cursor:default;opacity:.4}.display-none{display:none}.not-selectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}body{margin:0;overscroll-behavior:contain}