body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d1414f;font-family:Nunito,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.body{background-color:pink}.Mainbody{align-items:center;background-color:transparent;display:flex;flex-direction:column;justify-items:center}path.path{fill:none;stroke:#996;stroke-width:10px;stroke-opacity:.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100000;stroke-dashoffset:-100000}g.hexagon{fill:#f4f4f1}g.visited{fill:#b3d5e6;transition:fill .3s}g.origin{fill:#ff0;-webkit-animation:fill 10;animation:fill 10}g.target{fill:#80ff00}g.wall{fill:#c2a3a3}@-webkit-keyframes isVisited{0%{fill:#f4f4f1}to{fill:#e3e6e8}}@keyframes isVisited{0%{fill:#f4f4f1}to{fill:#e3e6e8}}@-webkit-keyframes pathAnimation{0%{stroke-dashoffset:-100000}to{stroke-dashoffset:0}}@keyframes pathAnimation{0%{stroke-dashoffset:-100000}to{stroke-dashoffset:0}}.Legends{display:flex;margin-bottom:-20px;margin-top:10px}.Legends .withMargin{margin-right:20px}.LegendsContainer{align-items:center;display:flex;flex-direction:column}button,select{font-size:17px;margin:5px 2px 2px}.grid{border-radius:10px;box-shadow:-2px 2px 4px 0 rgba(0,0,0,.3)}.shadow{-webkit-filter:drop-shadow(-2px 2px 4px rgba(0,0,0,.5));filter:drop-shadow(-2px 2px 4px rgba(0,0,0,.5))}.title{align-items:center;background-image:url(/static/media/popupDesk.0188a78a5fae4993d522.png);background-position:50%;display:-moz-flex;display:flex;flex-direction:column;height:84px;margin:-50px 0 0;width:341px}.title h3{color:#ffbf00;font-size:21px;font-weight:600;letter-spacing:0;line-height:2;margin:13px 0 0;max-width:250px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;text-shadow:0 -1px 0 #fffa6d,#001b51 3px 0 0,#001b51 2.83487px .981584px 0,#001b51 2.35766px 1.85511px 0,#001b51 1.62091px 2.52441px 0,#001b51 .705713px 2.91581px 0,#001b51 -.287171px 2.98622px 0,#001b51 -1.24844px 2.72789px 0,#001b51 -2.07227px 2.16926px 0,#001b51 -2.66798px 1.37182px 0,#001b51 -2.96998px .42336px 0,#001b51 -2.94502px -.571704px 0,#001b51 -2.59586px -1.50383px 0,#001b51 -1.96093px -2.27041px 0,#001b51 -1.11013px -2.78704px 0,#001b51 -.137119px -2.99686px 0,#001b51 .850987px -2.87677px 0,#001b51 1.74541px -2.43999px 0,#001b51 2.44769px -1.73459px 0,#001b51 2.88051px -.838247px 0;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.controlPanel{align-items:center;background-color:#fff;border:1px solid #979797;border-radius:22px;box-shadow:-2px 2px 4px 0 rgba(0,0,0,.3);display:flex;flex-direction:column;margin-bottom:10px;margin-top:50px;padding:0 20px 20px}.content{display:flex}.alignSelect{align-items:center;display:flex;flex-direction:column;margin-right:20px}.alignSelect .legend{font-size:20px;font-weight:900}.alignSelect .select{align-items:center;border:2px solid #868d96;border-radius:7px;display:flex;flex-direction:row;height:34px;min-width:72px;position:relative}.alignSelect .select select{background-color:transparent;border:none;color:#797979;font-size:18px;font-weight:600;line-height:20px;padding:10px;position:relative;width:100%;z-index:2}.alignSelect .switch{display:inline-block;height:34px;position:relative;width:60px}.alignSelect .switch input{height:0;opacity:0;width:0}.alignSelect .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.alignSelect .slider,.alignSelect .slider:before{border-radius:7px;position:absolute;transition:.4s}.alignSelect .slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}.alignSelect input:checked+.slider{background-color:#2196f3}.alignSelect input:focus+.slider{box-shadow:0 0 1px #2196f3}.alignSelect input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.alignSelect .slider.round{border-radius:34px}.alignSelect .slider.round:before{border-radius:50%}.btYellowBig{align-items:center;background-color:#ffbf00;border-color:#ffe100 transparent #f88700;border-radius:34px;border-style:solid;border-width:2px;box-shadow:0 0 0 5px #002043,0 0 0 6px #7c92b0;display:flex;flex-direction:row;height:50px;margin-left:50px;margin-right:40px;position:relative;text-align:center;width:170px}.btYellowBig:disabled{background-color:#d8d6d3;border-bottom-color:#96928b;border-top-color:#f8f8f8;cursor:auto;overflow:visible}.btYellowBig strong{color:#001b4d;flex:1 1;font-family:Nunito;font-size:35px;font-weight:900;letter-spacing:0;margin:0;text-transform:uppercase;word-break:break-word}.info{background-color:transparent;border:none;font-size:30px}.modalBackground{align-items:center;background-color:rgba(0,0,0,.3);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.modalContainer{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.3);display:flex;flex-direction:column;height:auto;min-height:250px;min-width:250px;padding:15px 25px 25px;width:auto}.originContainer,.pathWallContainer,.targetContainer{display:flex;flex-direction:row;justify-items:center;margin:15px 10px 10px}.titleCloseButton button{background-color:transparent;border:none;font-size:large;font-weight:900}.interactingGuide{align-items:center;display:flex;flex-direction:column;font-size:20px;justify-items:center}.interactingGuide strong{margin-left:5px}.Footer{margin-top:-10px}.Footer a{color:#000;font-size:25px;margin-left:10px}.createWall #Animate1{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:changeColor1;animation-name:changeColor1}.createWall #Animate1,.createWall #Animate2{fill:#f4f4f1;-webkit-animation-duration:2s;animation-duration:2s}.createWall #Animate2{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:changeColor2;animation-name:changeColor2}.createWall #Animate3{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:changeColor3;animation-name:changeColor3}.createWall #Animate3,.createWall #Animate4{fill:#f4f4f1;-webkit-animation-duration:2s;animation-duration:2s}.createWall #Animate4{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:changeColor4;animation-name:changeColor4}.moveOrigin #Animate1{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:changeColor5;animation-name:changeColor5}.moveOrigin #Animate1,.moveOrigin #Animate2{fill:#f4f4f1;-webkit-animation-duration:2s;animation-duration:2s}.moveOrigin #Animate2{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:changeColor6;animation-name:changeColor6}.moveOrigin #Animate3{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:changeColor7;animation-name:changeColor7}.moveOrigin #Animate3,.moveOrigin #Animate4{fill:#f4f4f1;-webkit-animation-duration:2s;animation-duration:2s}.moveOrigin #Animate4{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:changeColor8;animation-name:changeColor8}#OtherPolygon path{fill:#f4f4f1}#Cursor{fill:red;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:dragging;animation-name:dragging;offset-path:path("M 125 -150 L 125 -30")}.guideModal{display:flex}@-webkit-keyframes dragging{0%{offset-distance:0}to{offset-distance:100%}}@keyframes dragging{0%{offset-distance:0}to{offset-distance:100%}}@-webkit-keyframes changeColor1{0%{fill:#f4f4f1}10%{fill:#f4f4f1}11%{fill:#c2a3a3}99%{fill:#c2a3a3}to{fill:#c2a3a3}}@keyframes changeColor1{0%{fill:#f4f4f1}10%{fill:#f4f4f1}11%{fill:#c2a3a3}99%{fill:#c2a3a3}to{fill:#c2a3a3}}@-webkit-keyframes changeColor2{0%{fill:#f4f4f1}20%{fill:#f4f4f1}21%{fill:#c2a3a3}to{fill:#c2a3a3}}@keyframes changeColor2{0%{fill:#f4f4f1}20%{fill:#f4f4f1}21%{fill:#c2a3a3}to{fill:#c2a3a3}}@-webkit-keyframes changeColor3{0%{fill:#f4f4f1}40%{fill:#f4f4f1}41%{fill:#c2a3a3}to{fill:#c2a3a3}}@keyframes changeColor3{0%{fill:#f4f4f1}40%{fill:#f4f4f1}41%{fill:#c2a3a3}to{fill:#c2a3a3}}@-webkit-keyframes changeColor4{0%{fill:#f4f4f1}55%{fill:#f4f4f1}56%{fill:#c2a3a3}to{fill:#c2a3a3}}@keyframes changeColor4{0%{fill:#f4f4f1}55%{fill:#f4f4f1}56%{fill:#c2a3a3}to{fill:#c2a3a3}}@-webkit-keyframes changeColor5{0%{fill:#80ff00}10%{fill:#80ff00}11%{fill:#f4f4f1}}@keyframes changeColor5{0%{fill:#80ff00}10%{fill:#80ff00}11%{fill:#f4f4f1}}@-webkit-keyframes changeColor6{0%{fill:#f4f4f1}11%{fill:#f4f4f1}12%{fill:#80ff00}39%{fill:#80ff00}40%{fill:#f4f4f1}}@keyframes changeColor6{0%{fill:#f4f4f1}11%{fill:#f4f4f1}12%{fill:#80ff00}39%{fill:#80ff00}40%{fill:#f4f4f1}}@-webkit-keyframes changeColor7{0%{fill:#f4f4f1}40%{fill:#f4f4f1}41%{fill:#80ff00}54%{fill:#80ff00}55%{fill:#f4f4f1}}@keyframes changeColor7{0%{fill:#f4f4f1}40%{fill:#f4f4f1}41%{fill:#80ff00}54%{fill:#80ff00}55%{fill:#f4f4f1}}@-webkit-keyframes changeColor8{0%{fill:#f4f4f1}53%{fill:#f4f4f1}54%{fill:#80ff00}to{fill:#80ff00}}@keyframes changeColor8{0%{fill:#f4f4f1}53%{fill:#f4f4f1}54%{fill:#80ff00}to{fill:#80ff00}}
/*# sourceMappingURL=main.3c2aa35f.css.map*/