body{margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.node{width:40px;height:40px;border:1px solid #60a3bc;cursor:pointer}.node:hover{background-color:#e8ecf1}.node-start{background-color:green}.node-end{background-color:red}.isWall{background-color:#000}.node-visited{animation-name:visitedAnimation;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:10%}50%{background-color:#ffdab9}75%{transform:scale(1.2);background-color:#ffdab9}to{transform:scale(1);background-color:#ffdab9}}.node-wall{background-color:#0c3547}.node-shortest-path{animation-name:shortestPath;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}@keyframes shortestPath{0%{transform:scale(.6);background-color:#00e640}50%{transform:scale(1.2);background-color:#00e640}to{transform:scale(1);background-color:#00e640}}.rowWrapper{display:flex;align-items:center;justify-content:center}.Wrapper{display:flex;max-width:100%;margin:0 auto;padding:40px}.button_res{color:#fff!important;text-transform:uppercase;text-decoration:none;background:#b60917;padding:20px;border-radius:5px;display:inline-block;border:none;transition:all .4s ease 0s;margin:5px}.button_res:hover{background:#434343;letter-spacing:1px;box-shadow:5px 40px -10px rgba(0,0,0,.57);transition:all .4s ease 0s}.button_viz{border:none;background:#60a3bc;color:#fff!important;font-weight:100;padding:20px;text-transform:uppercase;border-radius:6px;display:inline-block;transition:all .3s ease 0s;margin:5px}.button_viz:hover{color:#404040!important;font-weight:700!important;letter-spacing:3px;background:none;-webkit-box-shadow:0 5px 40px -10px rgba(0,0,0,.57);-moz-box-shadow:0 5px 40px -10px rgba(0,0,0,.57);transition:all .3s ease 0s}.button_grid{color:#fff!important;text-transform:uppercase;text-decoration:none;background:#60a3bc;padding:10px;border-radius:50px;display:inline-block;border:none;transition:all .4s ease 0s;font-size:12px;margin:5px}.button_grid:hover{text-shadow:0 0 6px #fff;-webkit-box-shadow:0 5px 40px -10px rgba(0,0,0,.57);-moz-box-shadow:0 5px 40px -10px rgba(0,0,0,.57);transition:all .4s ease 0s}.input{font-size:16px;font-size:Max(16px,1em);font-family:inherit;padding:.25em .5em;background-color:rgba(130,122,150,.267);border:2px solid #255;border-radius:4px;transition:box-shadow .18s ease-in-out}.input:focus{border-color:hsl(var(--input-focus-h),var(--input-focus-s),var(--input-focus-l));box-shadow:0 0 0 3px hsla(var(--input-focus-h),var(--input-focus-s),calc(var(--input-focus-l) + 40%),.8);outline:3px solid transparent}.controls{display:flex;width:100%;justify-content:center}.checkbox{display:inline-flex;cursor:pointer;position:relative}.checkbox>span{color:#34495e;padding:.5rem .25rem}.checkbox>input{height:25px;width:25px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;border:1px solid #34495e;border-radius:4px;outline:none;transition-duration:.3s;background-color:#a8ccd1;cursor:pointer}.checkbox>input:checked{border:1px solid #d5e2e4;background-color:rgba(18,214,28,.48627450980392156)}.checkbox>input:checked+span:before{content:"\2713";display:block;text-align:center;color:#41b883;position:absolute;left:.7rem;top:.2rem}.checkbox>input:active{border:2px solid #34495e}.controls-2{display:flex;flex-direction:column;width:100%;align-items:center;padding:20px}.grid-nodes{margin:50px}.select-css{display:block;font-size:16px;font-family:sans-serif;font-weight:700;color:#444;line-height:1.3;padding:.6em 1.4em .5em .8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:.5em;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url(/static/media/arrow-button.55bd0215.svg),linear-gradient(180deg,#fff 0,#e5e5e5);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.select-css::-ms-expand{display:none}.select-css:hover{border-color:#888}.select-css:focus{border-color:#aaa;box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.select-css option{font-weight:400}h1{text-align:center}.dropdown{display:flex;align-items:center}.select-algo{margin:5px}.instructions{font-size:.75vw}@media (max-width:400px){.divider{padding:5px}.instructions{display:none}.checkbox>span{font-size:12px}.checkbox>input{height:15px;width:15px;margin:auto 0}}@media (max-width:1200px){.Wrapper{flex-direction:column}.grid-nodes{margin:0}}
/*# sourceMappingURL=main.36738567.chunk.css.map */