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}:root{--bg:#242526;--bg-accent:#484a4d;--text-color:#dadce1;--nav-size:75px;--border:1px solid #474a4d;--border-radius:8px;--speed:500ms}.nav-ul{list-style:none;margin:0;padding:0}.nav-a{color:#dadce1;color:var(--text-color);text-decoration:none}.navbar{height:75px;height:var(--nav-size);background-color:#242526;background-color:var(--bg);padding:0 1rem;border-bottom:1px solid #474a4d;border-bottom:var(--border)}.navbar-nav{max-width:100%;height:100%;display:flex;justify-content:space-evenly}.nav-item{width:60px;width:calc(var(--nav-size)*0.8)}.icon-button,.nav-item{display:flex;align-items:center;justify-content:center}.icon-button{--button-size:calc(var(--nav-size)*0.6);width:var(--button-size);height:var(--button-size);background-color:#484a4d;border-radius:50%;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s;margin-right:2px}.icon-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.dropdown{position:absolute;top:58px;width:300px;transform:translateX(-45%);background-color:#242526;background-color:var(--bg);border:1px solid #474a4d;border:var(--border);border-radius:8px;border-radius:var(--border-radius);padding:1rem;overflow:hidden;transition:height .5s ease;transition:height var(--speed) ease;z-index:100}.dropdown-item{height:50px;display:flex;align-items:center;border-radius:8px;border-radius:var(--border-radius);transition:background .5s;transition:background var(--speed);padding:.5rem}.dropdown-item:hover{background-color:#525357}.App{text-align:center}.grid{font-size:0;margin-top:100px;-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:1.25s;animation-duration:1.25s}@-webkit-keyframes bounceIn{0%{transform:scale(.1);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes bounceIn{0%{transform:scale(.1);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.node{height:50px;width:50px;display:inline-block;outline:1px solid #afeeee}.start-node{background-color:#04f639}.end-node,.start-node{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1.5s;animation-duration:1.5s}.end-node{background-color:red}.wall{-webkit-animation-name:wallAnimation;animation-name:wallAnimation;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0;-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{50%{transform:scale(1.2);background-color:#144357}to{transform:scale(1);background-color:#0c3547;outline:0}}@keyframes wallAnimation{50%{transform:scale(1.2);background-color:#144357}to{transform:scale(1);background-color:#0c3547;outline:0}}.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-delay:0;animation-delay:0;-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 visitedAnimation{0%{transform:scale(.3);background-color:#00f396;border-radius:100%}50%{background-color:#00e195}75%{transform:scale(1.2);background-color:#00cf92}to{transform:scale(1);background-color:#04c8a4}}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:#00f396;border-radius:100%}50%{background-color:#00e195}75%{transform:scale(1.2);background-color:#00cf92}to{transform:scale(1);background-color:#04c8a4}}.shortest-path{-webkit-animation-name:shortestPath;animation-name:shortestPath;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0;-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 shortestPath{0%{transform:scale(.6);background-color:#fffe6a}50%{transform:scale(1.2);background-color:#fffe6a}to{transform:scale(1);background-color:#fffe6a;outline:1px solid #fff}}@keyframes shortestPath{0%{transform:scale(.6);background-color:#fffe6a}50%{transform:scale(1.2);background-color:#fffe6a}to{transform:scale(1);background-color:#fffe6a;outline:1px solid #fff}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.7ef7d261.chunk.css.map */