@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Nunito&display=swap);*{box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0}.app{display:flex;flex-direction:column}.header{align-items:center;background-color:#15171c;display:flex;gap:24px;height:80px;justify-content:center;padding-top:12px}@media screen and (max-width:1180px){.header{flex-direction:column;height:100%}}.grid-node{border:1px solid #15171c6a;height:27px;width:27px}.wall-node{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:wallNode;animation-name:wallNode;background-color:#15171c}.source-node{background-color:#644e5b}.destination-node{background-color:#c96567}.visualized-node{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:visualizedNode;animation-name:visualizedNode;background-color:#f3c069}.visited-node{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:visitedNode;animation-name:visitedNode;background-color:#314455}@-webkit-keyframes wallNode{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes wallNode{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes visualizedNode{0%{background-color:#f3c069;-webkit-transform:scale(1.5);transform:scale(1.5)}50%{background-color:#f2e359;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes visualizedNode{0%{background-color:#f3c069;-webkit-transform:scale(1.5);transform:scale(1.5)}50%{background-color:#f2e359;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes visitedNode{0%{background-color:#314455;border-radius:100%;-webkit-transform:scale(1.5);transform:scale(1.5)}10%{background-color:#97aabd;-webkit-transform:scale(.8);transform:scale(.8)}85%{background-color:#644e5b}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes visitedNode{0%{background-color:#314455;border-radius:100%;-webkit-transform:scale(1.5);transform:scale(1.5)}10%{background-color:#97aabd;-webkit-transform:scale(.8);transform:scale(.8)}85%{background-color:#644e5b}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:1480px){.grid-node{height:23px;width:23px}}@media screen and (max-width:1180px){.grid-node{height:18px;width:18px}}@media screen and (max-width:980px){.grid-node{height:11px;width:11px}}@media screen and (max-width:580px){.grid-node{height:7px;width:7px}}.visualizer{display:flex;flex-direction:column;gap:24px}.visualizer-menu{background-color:#15171c;gap:24px;height:80px;padding-bottom:12px}.visualizer-item,.visualizer-menu{align-items:center;display:flex;justify-content:center}.visualizer-item{color:#e1e9fc;cursor:pointer;font-size:12px;margin-bottom:12px;margin-top:12px;padding:18px;transition:all .3s ease-in-out}.visualizer-grid{align-items:center;display:flex;flex-direction:column}.visualizer-row{display:flex}@media screen and (max-width:1180px){.visualizer-menu{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);height:100%;padding:12px}}.dropdown{position:relative}.dropdown-active{align-items:center;color:#e1e9fc;cursor:pointer;display:flex;font-size:12px;justify-content:center;margin-bottom:12px;padding:18px;transition:all .3s ease-in-out;width:270px}.dropdown-content{background-color:#15171c;border-radius:10px;max-width:270px;overflow:hidden;padding:12px;position:absolute;right:0;top:calc(100% + 5px);-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;transform-origin:top right;transition:-webkit-transform .3s cubic-bezier(.075,.82,.165,1);transition:transform .3s cubic-bezier(.075,.82,.165,1);transition:transform .3s cubic-bezier(.075,.82,.165,1),-webkit-transform .3s cubic-bezier(.075,.82,.165,1);width:270px;z-index:10}.dropdown-content.active{-webkit-transform:scale(1);transform:scale(1)}.dropdown-item{align-items:center;color:#e1e9fc;cursor:pointer;display:flex;font-size:12px;justify-content:center;margin-bottom:12px;padding:18px;transition:all .3s ease-in-out}.dropdown-item:hover{background-color:#bdbdbd}
/*# sourceMappingURL=main.ea74b135.css.map*/