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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background:linear-gradient(90deg,#672280 1.18%,#a626d3);color:#fff;display:grid;grid-auto-flow:column;height:100px;padding:20px}.header{font-size:33px;font-weight:700;margin-right:40px}.add-button,.reset-button,.visualize-button{align-self:center;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-family:Unbounded,cursive;font-size:1.2rem;font-weight:300;height:50px;width:120px}.visualize-button{background-color:#5035ff}.reset-button{background-color:#e12828}.add-button{background-color:orange}.form{align-items:center;display:flex}.switch{display:inline-block;height:34px;margin:0 5px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#000;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.node{display:inline-block;height:30px;outline:1px solid #c1e0ec;width:min(30px,2.08%)}.start{background-color:red}.mid{background-color:blue}.end{background-color:green}.image{user-drag:none;-webkit-user-drag:none;height:30px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:30px}.wall{background-color:#000}.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;background-color:orange}@-webkit-keyframes visitedAnimation{2%{background-color:#fce27c;border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:#abd699}75%{background-color:#51ab98;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#9cf6e3;-webkit-transform:scale(1);transform:scale(1)}}@keyframes visitedAnimation{2%{background-color:#fce27c;border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:#abd699}75%{background-color:#51ab98;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#9cf6e3;-webkit-transform:scale(1);transform:scale(1)}}.visited2{-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:visitedAnimation2;animation-name:visitedAnimation2;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:orange}@-webkit-keyframes visitedAnimation2{2%{background-color:#fce27c;border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:#abd699}75%{background-color:#51ab98;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#9cf6e3;-webkit-transform:scale(1);transform:scale(1)}}@keyframes visitedAnimation2{2%{background-color:#fce27c;border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:#abd699}75%{background-color:#51ab98;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#9cf6e3;-webkit-transform:scale(1);transform:scale(1)}}.path{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:pathAnimation;animation-name:pathAnimation;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#fff}@-webkit-keyframes pathAnimation{50%{background-color:#ff0;-webkit-transform:scale(.6);transform:scale(.6)}to{background-color:#ff0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pathAnimation{50%{background-color:#ff0;-webkit-transform:scale(.6);transform:scale(.6)}to{background-color:#ff0;-webkit-transform:scale(1);transform:scale(1)}}.path2{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:pathAnimation2;animation-name:pathAnimation2;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:orange}@-webkit-keyframes pathAnimation2{50%{background-color:orange;-webkit-transform:scale(.6);transform:scale(.6)}to{background-color:orange;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pathAnimation2{50%{background-color:orange;-webkit-transform:scale(.6);transform:scale(.6)}to{background-color:orange;-webkit-transform:scale(1);transform:scale(1)}}body{font-family:Poppins,sans-serif;font-family:Unbounded,cursive;margin:0;padding:0}.grid{-webkit-touch-callout:none;cursor:pointer;font-size:0;margin-left:15px;margin-right:15px;position:relative;text-align:right;-webkit-user-select:none;user-select:none}.row{max-width:100%}.App{text-align:center}
/*# sourceMappingURL=main.a2a40522.css.map*/