body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.grid{pointer-events:unset}.grid,.grid-visualizing{font-size:0;position:absolute;left:50%;margin-right:-50%;transform:translate(-50%,2%)}.grid-visualizing{pointer-events:none}.node{width:var(--width);height:var(--height);border:1px solid #afd8f8;display:inline-block}.node-start{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEyIDBDNy44MDIgMCA0IDMuNDAzIDQgNy42MDIgNCAxMS44IDcuNDY5IDE2LjgxMiAxMiAyNGM0LjUzMS03LjE4OCA4LTEyLjIgOC0xNi4zOThDMjAgMy40MDMgMTYuMTk5IDAgMTIgMHptMCAxMWEzIDMgMCAxMTAtNiAzIDMgMCAwMTAgNnoiLz48L3N2Zz4=)}.node-finish,.node-start{background-repeat:no-repeat;background-size:contain,cover;cursor:-webkit-grab;cursor:grab;font-weight:900;font-size:1.2rem;position:relative;border:0;-webkit-animation-name:startFinishAnimation;animation-name:startFinishAnimation;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.node-finish{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTIxIDEzdjEwaC02di02SDl2NkgzVjEzSDBMMTIgMWwxMiAxMmgtM3ptLTEtNS45MDdWMmgtM3YyLjA5M2wzIDN6Ii8+PC9zdmc+)}@-webkit-keyframes startFinishAnimation{0%{transform:scale(1.1)}50%{transform:scale(1.4)}to{transform:scale(1.1)}}@keyframes startFinishAnimation{0%{transform:scale(1.1)}50%{transform:scale(1.4)}to{transform:scale(1.1)}}.node-finish-reached{-webkit-animation-name:finishVisitedAnimation;animation-name:finishVisitedAnimation;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.node-wall{width:var(--width);height:var(--height);background-color:#022433;border:1px solid #022433;display:inline-block}.node-wall-animated{width:var(--width);height:var(--height);display:inline-block;-webkit-animation-name:wallAnimation;animation-name:wallAnimation;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.node-visited{-webkit-animation-name:visitedAnimation;animation-name:visitedAnimation;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.node-shortest-path{-webkit-animation-name:shortestPathAnimation;animation-name:shortestPathAnimation;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes wallAnimation{0%{transform:scale(.4);background-color:#022433;border-radius:30%}50%{transform:scale(.6);background-color:#022433;border-radius:20%}75%{transform:scale(.8);background-color:#022433;border-radius:10%}to{transform:scale(1);background-color:#022433;border:1px solid #022433}}@keyframes wallAnimation{0%{transform:scale(.4);background-color:#022433;border-radius:30%}50%{transform:scale(.6);background-color:#022433;border-radius:20%}75%{transform:scale(.8);background-color:#022433;border-radius:10%}to{transform:scale(1);background-color:#022433;border:1px solid #022433}}@-webkit-keyframes visitedAnimation{0%{transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:100%}50%{background-color:rgba(17,104,217,.75);border-radius:75%}75%{transform:scale(.7);background-color:rgba(0,217,159,.75);border-radius:50%}to{transform:scale(1);background-color:rgba(0,190,218,.75)}}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:100%}50%{background-color:rgba(17,104,217,.75);border-radius:75%}75%{transform:scale(.7);background-color:rgba(0,217,159,.75);border-radius:50%}to{transform:scale(1);background-color:rgba(0,190,218,.75)}}@-webkit-keyframes shortestPathAnimation{0%{transform:scale(.6);background-color:#fffe6a}50%{transform:scale(1.2);background-color:#fffe6a}to{transform:scale(1);background-color:#fffe6a}}@keyframes shortestPathAnimation{0%{transform:scale(.6);background-color:#fffe6a}50%{transform:scale(1.2);background-color:#fffe6a}to{transform:scale(1);background-color:#fffe6a}}@-webkit-keyframes finishVisitedAnimation{0%{transform:scale(.5);background-color:red;border-radius:50%}50%{transform:scale(.8);background-color:red;border-radius:25%}75%{transform:scale(1.2);background-color:red;border-radius:20%}to{transform:scale(1);background-color:red}}@keyframes finishVisitedAnimation{0%{transform:scale(.5);background-color:red;border-radius:50%}50%{transform:scale(.8);background-color:red;border-radius:25%}75%{transform:scale(1.2);background-color:red;border-radius:20%}to{transform:scale(1);background-color:red}}.navbar>.navbar-brand:focus,.navbar>.navbar-brand:hover{color:#afd8f8}.btn,.navbar-brand{margin-right:25px}.btn{padding:5px}.dropdown-menu{margin-right:35px;background-color:#343a40}.dropdown-item{color:#fff}@media (max-width:1250px){.btn,.navbar-brand{margin-right:25px}.btn{padding:5px}.dropdown-menu{margin-right:25px;background-color:#343a40}}@media (max-width:1100px){.btn,.navbar-brand{font-size:15px;margin-right:30px}.btn{padding:2px 4px}.dropdown-menu{font-size:15px;margin-right:30px;background-color:#343a40}}@media (max-width:950px){.btn,.dropdown-menu,.navbar-brand{font-size:14px;margin-right:20px}.dropdown-menu{background-color:#343a40}}@media (max-width:770px){.btn,.dropdown-menu,.navbar-brand{font-size:12px;margin-right:10px}.dropdown-menu{background-color:#343a40}}@media (max-width:635px){.btn,.dropdown-menu,.navbar-brand{font-size:11px;margin-right:6px}.dropdown-menu{background-color:#343a40}}@media (max-width:575px){.btn,.navbar-brand{font-size:9px}.btn{margin-right:6px;border:none;padding:4px}.dropdown-menu{font-size:10px;margin-right:8px;border:none;background-color:#343a40}}@media (max-width:480px){.navbar-brand{font-size:8px;margin-top:4px}.btn{font-size:8px;padding:2px}.btn,.dropdown-menu{margin-right:4px;border:none}.dropdown-menu{font-size:9px;background-color:#343a40}}@media (max-width:400px){.navbar-brand{font-size:6px;margin-top:4px}.btn{font-size:7px;margin-right:2px;border:none;padding:2px}.dropdown-menu{font-size:8px;left:-20px;border:none;background-color:#343a40}}.shortest-nodes-bar,.visited-nodes-bar{display:inline-block;margin-right:10px;color:#fff}
/*# sourceMappingURL=main.6c62d41f.chunk.css.map */