body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#09d3ac}.node{display:inline-block;outline:1px solid #afd8f8}.node-finish{background-color:red}.node-start{background-color:green}.node-visited{animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:visitedAnimation;animation-play-state:running;animation-timing-function:ease-in-out}.node-wall{background-color:#0c3547}.node-shortest-path{animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:shortestPath;animation-play-state:running;animation-timing-function:ease-out}@keyframes shortestPath{0%{background-color:#fffe6a;transform:scale(.6)}50%{background-color:#fffe6a;transform:scale(1.2)}to{background-color:#fffe6a;transform:scale(1)}}.navbar{background:linear-gradient(90deg,#1e3c72,#2a5298);box-shadow:0 2px 8px #0000004d;color:#fff;font-size:20px;font-weight:700;padding:10px 20px;text-align:center}.controls{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:10px auto 20px;max-width:95%;padding:15px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.controls button{border:none;border-radius:50px;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s ease}.controls button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-primary{background:linear-gradient(90deg,#2196f3,#21cbf3);color:#fff}.btn-success{background:linear-gradient(90deg,#43a047,#66bb6a);color:#fff}.btn-danger{background:linear-gradient(90deg,#e53935,#ef5350);color:#fff}.btn-warning{background:linear-gradient(90deg,#fbc02d,#fdd835);color:#000}.btn-info{background:linear-gradient(90deg,#00acc1,#26c6da);color:#fff}.grid-container{animation:fadeIn .6s ease-in-out;margin:20px auto}.node{border:1px solid #e0e0e0;height:25px;transition:all .2s ease-in-out;width:25px}.node:hover{background-color:#f1f1f1;cursor:pointer;transform:scale(1.1)}.node-start{background-color:#4caf50;border-radius:50%;box-shadow:0 0 10px #4caf50b3}.node-finish{background-color:#e91e63;border-radius:50%;box-shadow:0 0 10px #e91e63b3}.node-wall{background:repeating-linear-gradient(45deg,#333,#333 5px,#555 0,#555 10px)}.node-visited{animation:visitedAnimation .3s ease-in-out;background-color:#64b5f6}.node-shortest-path{animation:pathAnimation .4s ease-in-out;background-color:#ffeb3b}@keyframes visitedAnimation{0%{background-color:#90caf9;transform:scale(.3)}to{transform:scale(1)}}@keyframes pathAnimation{0%{background-color:#ffee58;transform:scale(.5)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.legend{display:flex;font-size:14px;gap:15px;justify-content:center;margin:15px auto}.legend div{align-items:center;display:flex;gap:6px}.legend span{border:1px solid #ccc;height:18px;width:18px}
/*# sourceMappingURL=main.6e89b472.css.map*/