@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@300;500&display=swap);.node{outline:1px solid #8fb5ff;width:100%;height:100%;box-sizing:border-box;display:inline-block;-webkit-animation-duration:1s;animation-duration:1s;-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}.node.wall{outline:1px solid #000;background-color:#2c3550;-webkit-animation-name:wallAnimation;animation-name:wallAnimation;-webkit-animation-duration:.3s;animation-duration:.3s}.node.visited.instant{-webkit-animation:none;animation:none;background-color:#2972ff}.node.start{outline:none;background-image:url(/static/media/triangletwo-right.c7b52e1e.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;-webkit-animation-name:specialNodes;animation-name:specialNodes}.node.start:active{background-color:#00f}.node.finish{outline:none;background-image:url(/static/media/circle.a538beda.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;-webkit-animation-name:specialNodes;animation-name:specialNodes}.node.visited{-webkit-animation-name:visitedAnimated;animation-name:visitedAnimated;outline:1px solid #004bdc}.node.visited.current{-webkit-animation:none;animation:none;border-radius:50%;background-color:#ff0}.node.path{background-color:#ff9500;outline:1px solid #c70;-webkit-animation-name:path;animation-name:path;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.node.left{background-image:url(/static/media/triangletwo-left.c7c58717.svg)}.node.right{background-image:url(/static/media/triangletwo-right.c7b52e1e.svg)}.node.up{background-image:url(/static/media/triangletwo-up.5c5fbe98.svg)}.node.down{background-image:url(/static/media/triangletwo-down.59a63b87.svg)}.node.instant{-webkit-animation:none;animation:none}@-webkit-keyframes wallAnimation{0%{-webkit-transform:scale(.3);transform:scale(.3)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes wallAnimation{0%{-webkit-transform:scale(.3);transform:scale(.3)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes visitedAnimated{0%{-webkit-transform:scale(.3);transform:scale(.3);border-radius:100%;outline:none}50%{background-color:#29b9ff;border-radius:100%}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#29ffda;border-radius:100%;outline:none}to{-webkit-transform:scale(1);transform:scale(1);background-color:#2972ff}}@keyframes visitedAnimated{0%{-webkit-transform:scale(.3);transform:scale(.3);border-radius:100%;outline:none}50%{background-color:#29b9ff;border-radius:100%}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#29ffda;border-radius:100%;outline:none}to{-webkit-transform:scale(1);transform:scale(1);background-color:#2972ff}}@-webkit-keyframes specialNodes{0%{-webkit-transform:scale(.2);transform:scale(.2)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes specialNodes{0%{-webkit-transform:scale(.2);transform:scale(.2)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes path{0%{-webkit-transform:scale(.6);transform:scale(.6)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes path{0%{-webkit-transform:scale(.6);transform:scale(.6)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.legend-container{width:100%;height:4em;padding-bottom:none;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:flex-end;align-items:flex-end;font-family:"Montserrat Alternates";font-size:.9em;font-weight:400}.legend-container .legend{height:3em}.legend-container .legend :first-child{height:1.5em;width:1.5em;border-radius:5%}.legend-container .legend .wall{background-color:#2c3550}.legend-container .legend .visited{background-color:#2972ff}.legend-container .legend .path{background-color:#ff9500}.navbar{background-color:#2972ff;height:4em;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.navbar .heading{display:block;font-family:"Montserrat",sans-serif;font-size:1.2em;font-weight:800;color:#fff;padding:1em}.navbar .items{display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1;-webkit-justify-content:space-around;justify-content:space-around;max-width:50%}.navbar .items *{padding:.5em 0;border-radius:.5em}.btn{border:none;width:10em;transition:.3s ease-out;font-family:"Poppins",sans-serif;background-color:#dfe6ff;color:#2972ff}.btn.visualize{background-color:#00318f;color:#dfe6ff}.btn.visualize.running{color:#2c3550}.btn.maze.running,.btn.visualize.running,.btn.visualize.running:hover{background-color:#ff3180}.btn.maze.running{color:#2c3550}.btn.maze.running:hover{background-color:#ff3180}.btn:hover{background-color:#ff9500;color:#dfe6ff}.btn:active{background-color:#22e02d}.dropDown{outline:none;border-radius:.5em;background-color:#dfe6ff;color:#2c3550;font-family:"Poppins",sans-serif}.sidebar{height:100%;width:0;display:none;-webkit-justify-content:space-around;justify-content:space-around;z-index:1;top:0;left:0;overflow-x:hidden;transition:.5s}.sidebar *{border-radius:.4em}.sidebar button{font-family:"Montserrat",sans-serif;font-size:.9em;padding:.5em;transition:.3s;height:2em;background-color:#dfe6ff;color:#2972ff}.sidebar select{outline:none;border-radius:.5em;background-color:#dfe6ff;color:#2c3550;font-family:"Poppins",sans-serif}.sidebar-icon{-webkit-flex-grow:1;flex-grow:1;display:none;margin-left:70%;height:1.5em}@media (max-width:1100px){.btn,.dropDown{width:9em}}@media (max-width:1100px){.btn,.dropDown{width:8em}}@media (max-width:950px){.btn,.dropDown{width:7em}}@media (max-width:850px){.btn,.dropDown{width:6em}}@media (max-width:700px){.btn{display:none;width:0}.sidebar{display:-webkit-flex;display:flex}.dropDown{display:none}.sidebar-icon{display:block}}@media (max-width:400px){.sidebar-icon{margin:0}}.container{margin:auto;max-width:1500px;background-color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;border-radius:20px 20px 0 0;padding-bottom:.5%;-webkit-justify-content:flex-end;justify-content:flex-end;height:100%}.grid{padding:0 10px;box-sizing:border-box;-webkit-flex-direction:column;flex-direction:column}.grid,.grid-row{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.grid-row{height:1.5em;-webkit-flex-shrink:1;flex-shrink:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-wrap:no-wrap;flex-wrap:no-wrap}.grid-row>*{width:100%}*{margin:0;padding:0}
/*# sourceMappingURL=main.c8222305.chunk.css.map */