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}:root{--primary-color:#1abc9c;--secondary-color:#34495e}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}.container{align-items:center;display:flex;justify-content:space-between;margin:auto;padding-left:15px;padding-right:15px;position:relative;width:1170px}.navbar{background-color:#34495e;background-color:var(--secondary-color);border-bottom:1px solid #eceef3;box-shadow:0 1px 2px 0 rgb(0 0 0/5%);display:flex;padding:1rem 1.15rem;width:100%}.navbar-header h4{color:#fff;padding-right:1.5rem}.navbar-menu{align-items:center;display:flex}.navbar-nav{display:flex;list-style:none}.navbar-nav li a{color:#fff;font-size:14px;font-weight:700;line-height:23px;padding:.8rem 1rem}.navbar-nav li a:hover{color:#1abc9c;color:var(--primary-color)}.navbar-dropdown{position:relative}.navbar-dropdown svg{padding-left:5px;vertical-align:inherit}.navbar-dropdown .dropdown{background-color:#34495e;background-color:var(--secondary-color);border-radius:4px;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);font-weight:400;left:0;list-style:none;min-width:160px;padding-bottom:.5rem;padding-top:.5rem;position:absolute;top:190%;white-space:nowrap;width:auto;z-index:99}.navbar-dropdown .dropdown li{padding:14px 10px}.navbar-dropdown .dropdown li a{font-weight:400}.navbar-dropdown .dropdown li a:hover{background-color:#1abc9c;background-color:var(--primary-color);border-radius:4px;color:#fff;font-weight:400}.visualizer-btn:hover{color:#fff!important}.node{display:inline-block;height:30px;outline:1px solid #afd8f8;width:30px}.distance{display:none;font-size:.5rem}.node-finish{background-color:red;cursor:pointer}.node-start{background-color:green;cursor:pointer}.node-maze{background-color:#0c3547;outline:none!important}.node-visited{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:visitedAnimation;animation-name:visitedAnimation;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes visitedAnimation{0%{background-color:rgba(240,0,240,.849);border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:rgba(17,104,217,.75)}75%{background-color:rgba(0,217,159,.75);-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:rgba(0,190,218,.75);-webkit-transform:scale(1);transform:scale(1)}}@keyframes visitedAnimation{0%{background-color:rgba(240,0,240,.849);border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:rgba(17,104,217,.75)}75%{background-color:rgba(0,217,159,.75);-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:rgba(0,190,218,.75);-webkit-transform:scale(1);transform:scale(1)}}.node-wall{background-color:#0c3547}.node-shortest-path-start{background-color:green}.node-shortest-path-end{background-color:red}.node-shortest-path{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:shortestPath;animation-name:shortestPath;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;outline:none}@-webkit-keyframes shortestPath{0%{background-color:#fffe6a;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#fffe6a;-webkit-transform:scale(1);transform:scale(1)}}@keyframes shortestPath{0%{background-color:#fffe6a;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#fffe6a;-webkit-transform:scale(1);transform:scale(1)}}.App{padding:1rem 0;text-align:center}.App h3{padding:1rem}.grid{margin-top:2rem}input{background:repeating-linear-gradient(90deg,dimgrey,dimgrey 1ch,transparent 0,transparent 1.5ch) 0 100%/10ch 2px no-repeat;border:none;display:block;font:3ch droid sans mono,consolas,monospace;letter-spacing:.5ch;margin:2em auto;padding:0;width:10.5ch}input:focus{color:#1e90ff;outline:none}.input_wrapper{flex-direction:column}.input_box,.input_wrapper{align-items:center;display:flex}.input_box{height:8vh}.input_box label{font:2.5ch droid sans mono,consolas,monospace;margin:0 5rem}.visualizer-btn{background-color:#1abc9c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:400;line-height:1.4;margin-bottom:1rem;margin-left:1rem;padding:10px 15px}.visualizer-btn.visualize_disabled{cursor:not-allowed;pointer-events:all!important}.visualizer-btn.visualize_active{background-color:#ff253a}.visualizer-btn.visualize_active:hover{background-color:#ea182c}.btn{background-color:#34495e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:400;line-height:1.4;margin-bottom:1rem;margin-left:1rem;padding:10px 15px}.visualizer-btn:hover{background-color:#48c9b0;border-color:#48c9b0;color:#fff}.row-grid{display:flex;justify-content:center}#no-path{color:#1abc9c;display:none;font-size:1.5rem;font-weight:700;margin-bottom:1rem}
/*# sourceMappingURL=main.f51b7156.css.map*/