body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.node{outline:1px solid #afd8f8;width:25px;height:25px;display:inline-block}.node-finish{background-color:red}.node-start{background-color:green}.node-visited{animation-name:visitedAnimation;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-iteration-count:1;animation-direction:alternate;animation-play-state:running;animation-fill-mode:forwards}@keyframes visitedAnimation{0%{background-color:#000042bf;border-radius:100%;transform:scale(.3)}50%{background-color:#1168d9bf}75%{background-color:#00d99fbf;transform:scale(1.2)}to{background-color:#00bedabf;transform:scale(1)}}.node-wall{background-color:#0c3547}.node-shortest-path{animation-name:shortestPath;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-iteration-count:1;animation-direction:alternate;animation-play-state:running;animation-fill-mode:forwards}@keyframes shortestPath{0%{background-color:#fffe6a;transform:scale(.6)}50%{background-color:#fffe6a;transform:scale(1.2)}to{background-color:#fffe6a;transform:scale(1)}}.visualizer{padding:24px 0}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.algorithm-description{color:#555;margin:0 0 16px}.grid{margin-top:16px;display:inline-block}.grid-row{display:flex}.App{text-align:center}.App h1{color:#0c3547;margin:24px 0 0;font-size:1.6rem}