@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);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}.App{text-align:center}.mobile-devices{display:none}@media screen and (max-width:1080px){.mobile-devices{display:block;margin:150px 20px;text-align:center}.mobile-devices img{width:30%}.mobile-devices h1{color:#a5a0a0;font-family:Roboto,sans-serif;font-weight:500;line-height:40px}}body{z-index:0}.grid{margin:50px auto}.grid-row{margin-top:-4px;outline:none}.header{align-items:center;background-color:#372b47;display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px 20px}.drop-down,.header button{background-color:#372b47;border:none;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;margin:10px;outline:none}.header button:disabled,.header button:disabled:hover{color:grey}.header h1{color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:22px}.drop-down:hover,.header button:hover,.header h1:hover{color:#f7ccac;transition:.5s ease}.drop-down option{color:#fff}.drop-down option:hover{background-color:#18e6b9}.drop-down{width:110px}.header .visualize-btn{background-color:#f7ccac;border-radius:5px;color:#000;padding:10px 30px}.header .visualize-btn:hover{background-color:#f1c09b;color:#000}.node-visited-1{background-color:rgba(0,190,218,.75)}.path-node{background-color:#fffe6a;border:none;cursor:pointer;display:inline-block;height:27px;margin:0;padding:0;width:27px}.legends{justify-content:space-between;padding:10px 50px}.legends,.legends-element{align-items:center;display:flex}.legends-element h3{font-family:Roboto,sans-serif;font-size:20px;font-weight:400;margin-left:10px}.desc-heading{color:#454352;font-weight:500}.disable-weight{color:red;text-decoration:line-through}.highlighted{font-style:italic;font-weight:700}.node-unvisited-legend{border:1.6px solid #afd8f8}@media screen and (max-width:1280px){.header h1{font-size:19px}.legends-element h3{font-size:17px}.drop-down,.header button{font-size:14px}}@media screen and (max-width:1080px){.path-finding{display:none}}.node{cursor:pointer;display:inline-block;height:27px;margin:0;padding:0;width:27px}.hidden{display:none}.node-finish,.node-start{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:nodeWeightAnimation;animation-name:nodeWeightAnimation;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.finish-icon{top:6px;-webkit-transform:scale(1.2);transform:scale(1.2)}.finish-icon,.start-icon{padding:1px 0 12px 1px;position:relative}.start-icon{top:7px;-webkit-transform:scale(1.5);transform:scale(1.5)}.weight-icon{color:#3e0658;height:20px;margin:0;outline:none;padding:1px 0 8.7px 1px;width:20px}.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(0,0,66,.75);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(0,0,66,.75);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-weight{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:nodeWeightAnimation;animation-name:nodeWeightAnimation;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes nodeWeightAnimation{0%{background-color:#fff;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}to{background-color:#fff;-webkit-transform:scale(1);transform:scale(1)}}@keyframes nodeWeightAnimation{0%{background-color:#fff;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}to{background-color:#fff;-webkit-transform:scale(1);transform:scale(1)}}.node-wall{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:nodeWallAnimation;animation-name:nodeWallAnimation;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes nodeWallAnimation{0%{background-color:#0c3547;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#0c3547;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#0c3547;-webkit-transform:scale(1);transform:scale(1)}}@keyframes nodeWallAnimation{0%{background-color:#0c3547;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#0c3547;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#0c3547;-webkit-transform:scale(1);transform:scale(1)}}.node-shortest-path{-webkit-animation-delay:0;animation-delay:0;-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:shortestPath;animation-name:shortestPath;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-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)}}@media screen and (max-width:1428px){.node{height:24px;width:24px}.finish-icon{-webkit-transform:scale(.9);transform:scale(.9)}.finish-icon,.start-icon{padding:1px 0 9px 1px;position:relative;top:2px}.start-icon{-webkit-transform:scale(1.3);transform:scale(1.3)}.weight-icon{padding:1px 0 5px 1px;-webkit-transform:scale(.8);transform:scale(.8)}}@media screen and (max-width:1280px){.node{height:22px;width:22px}.finish-icon{-webkit-transform:scale(.8);transform:scale(.8)}.finish-icon,.start-icon{padding:1px 0 7px 1px;position:relative;top:2px}.start-icon{-webkit-transform:scale(1);transform:scale(1)}.weight-icon{padding:1px 0 3px 1px;-webkit-transform:scale(.7);transform:scale(.7)}}@media screen and (max-width:1180px){.node{height:20px;width:20px}.finish-icon{-webkit-transform:scale(.8);transform:scale(.8)}.finish-icon,.start-icon{padding:1px 0 5px 1px;position:relative;top:1px}.start-icon{-webkit-transform:scale(1);transform:scale(1)}.weight-icon{padding:1px 0 1px 1px;-webkit-transform:scale(.6);transform:scale(.6)}}.quickGuide-bg{background-color:rgba(0,0,0,.6);display:flex;height:120%;justify-content:center;overflow-y:auto;position:absolute;top:0;width:100%;z-index:10}.quickGuide{background-color:#fff;border:1px solid;border-radius:5px;color:#433f5a;height:550px;margin:90px auto;padding:0 30px;position:relative;width:700px}.quickGuide-heading p{margin-bottom:0;padding:0;text-align:right}.quickGuide-heading h1{font-family:Roboto,sans-serif;font-size:42px;font-weight:600;margin-top:0;padding-top:0}.quickGuide-heading h2{font-size:22px;font-weight:500}.quickGuide-heading h2,.quickGuide-heading h3{font-family:Roboto,sans-serif;margin-bottom:30px}.quickGuide-heading h3{font-size:18px;font-weight:400}.quickGuide-img{display:flex;justify-content:center}.quickGuide-image-svg{position:absolute;width:250px}.quickGuide-btn{bottom:20px;display:flex;justify-content:space-between;position:absolute;width:93%}.quickGuide-btn .nav-btn{background-color:#f7ccac;border:1px solid #e7c1a3;border-radius:5px;cursor:pointer;font-family:Roboto,sans-serif;font-weight:400;margin:7px;outline:none;padding:10px 12px}.quickGuide-btn .nav-btn:hover{background-color:#f1c09b}.appDemo-video{height:100%;margin-top:-10px;width:30%}@media screen and (max-width:1280px){.quickGuide-heading h1{font-size:38px}.quickGuide-heading h2{font-size:20px}.quickGuide-heading h3{font-size:15px}}
/*# sourceMappingURL=main.f2e2fd25.css.map*/