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}body{display:flex;flex-direction:column}.App{text-align:center}.node{background-color:#fff;height:28px;outline:1px solid rgba(0,0,0,.512);width:28px}.nodeFinish{background-image:url(https://static.vecteezy.com/system/resources/thumbnails/023/257/613/small/flag-icon-isolated-illustration-vector.jpg)}.nodeFinish,.nodeStart{background-position:50%;background-repeat:no-repeat;background-size:cover;height:28px;width:28px}.nodeStart{background-image:url(https://static.vecteezy.com/system/resources/previews/034/371/682/non_2x/simple-map-pin-icon-location-information-and-the-current-location-icon-vector.jpg)}.nodeWall{background-color:#5a5a5d}.weightNode{background-image:url(/PathFindingVisualizer/static/media/weight.2e4bdffd11cd11e90c27.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.nodeVisited.weightNode{background-color:#327fa9}.nodeVisited{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fillAnimation;animation-name:fillAnimation;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:#53c3ff}.finalNode{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fillFinal;animation-name:fillFinal;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:#fffe6a}@-webkit-keyframes fillAnimation{0%{opacity:.25;-webkit-transform:scale(.1);transform:scale(.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fillAnimation{0%{opacity:.25;-webkit-transform:scale(.1);transform:scale(.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fillFinal{0%{-webkit-transform:scale(.6);transform:scale(.6)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes fillFinal{0%{-webkit-transform:scale(.6);transform:scale(.6)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.grid{grid-gap:1px;display:grid;gap:1px;height:auto;margin:.5rem;width:auto}.header{align-items:center;background-color:#34495e;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;padding:10px 15px;position:relative;width:100vw;z-index:1}.title{color:#fff;font-size:24px;font-weight:700;margin-right:20px}.visualizeButn:active{background-color:#1775d3}.regularButn,.visualizeButn{background-color:#34495e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:5px;padding:8px 15px}.visualizeButn{background-color:#1e90ff}.regularButn:hover{color:#7fffd4}.dropdown{margin:5px;position:relative}.dropdownContent,.dropdownContent2{background-color:#34495e;box-shadow:0 8px 16px rgba(0,0,0,.2);display:none;flex-direction:column;left:0;min-width:160px;position:absolute;top:100%;z-index:10}.dropdown:hover .dropdownContent,.dropdown:hover .dropdownContent2{display:flex}.dijkstrasMenu{background-color:#34495e;margin:0}.dijkstrasMenu:hover{background-color:#1ec8a6;color:#fff}.caret{background:url(https://cdn1.iconfinder.com/data/icons/outline-17/16/caret-down-512.png) no-repeat 50%;background-size:contain;display:inline-block;height:10px;margin-left:5px;width:10px}.crossed-out-text{text-decoration:line-through}@media (max-width:768px){.header{justify-content:center}}.legend-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1.5rem 0}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-box,.legend-icon{background-color:initial;height:1.5rem;width:1.5rem}.legend-box{border:1px solid #000}.unvisited-node{background-color:#fff}.visited-node{background-color:#53c3ff}.weight-visited-node{background-color:#327fa9}.shortest-path-node{background-color:#fffe6a}.wall-node{background-color:#5a5a5d}.legend-label{color:#333;font-size:.9rem}
/*# sourceMappingURL=main.58a2ecd1.css.map*/