body{background-color:#ffeeda;color:#fff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.grid{margin:0}.header{align-items:center;background-color:#141414;border-bottom:1px solid #ff9500;display:flex;justify-content:space-between;padding:10px}.header-left,.header-right{align-items:center;display:flex;flex:1 1;justify-content:center}.header-center{display:flex;flex-grow:0;justify-content:center}.dropdown{background-color:orange;border:3px solid #ff8c00;border-radius:4px;box-shadow:0 2px 3px #0000001a;margin-right:10px;padding:5px 10px}.visualize-button{background-color:#000;border:2px solid orange;border-radius:8px;color:orange;font-size:x-large;font-style:bold;padding:15px 25px}.clear-button,.visualize-button{cursor:pointer;margin-right:10px;text-transform:uppercase;transition:background-color .3s ease}.clear-button{background-color:orange;border:none;border-radius:4px;color:#000;padding:5px 15px}.visualize-button:hover{background-color:orange;border:2px solid #000;color:#000;transition:cubic-bezier(.075,.82,.165,1)}.clear-button:hover{background-color:#000;color:#ff9500}.toggle-button{align-items:center;border:2px solid #0000;border-radius:8px;display:flex;gap:8px;justify-content:center;padding:4px 8px;text-transform:uppercase;width:180px}.toggle-button:hover{border:2px solid #fff}.toggle-button.walls-active{background-color:#007bff;color:#fff}.toggle-button.weights-active{background-color:#28a745;color:#fff}.node{border-left:1px solid #c8c8c8;border-top:1px solid #c8c8c8;display:inline-block;height:25px;position:relative;vertical-align:top;width:25px}.icon-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.icon-container>img{height:25px;width:auto}.grid>div:last-child .node{border-bottom:1px solid #c8c8c8}.grid>div .node:last-child{border-right:1px solid #c8c8c8}.node-finish,.node-start{max-height:90%;max-width:auto;opacity:1}.node-weight:before{background-color:red;content:"";height:15px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:15px}.node-finish,.node-start,.node-weight{-webkit-user-select:none;user-select:none}.node-wall{background-color:#0c3547}.node-visited{animation-delay:0;animation-direction:alternate;animation-duration:.25s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:visitedAnimation;animation-play-state:running;animation-timing-function:ease-out}@keyframes visitedAnimation{0%{background-color:#000042bf;border-radius:100%;transform:scale(.3)}50%{background-color:#1168d9bf}75%{background-color:#00d99fbf;transform:scale(1.2)}to{background-color:#00bedabf;transform:scale(1)}}.node-visited-final{background-color:#00bedabf;transform:scale(1)}.node-shortest-path{animation-delay:0;animation-direction:alternate;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:shortestPath;animation-play-state:running;animation-timing-function:ease-out}@keyframes shortestPath{0%{background-color:#fffe6a;transform:scale(.6)}50%{background-color:#fffe6a;transform:scale(1.2)}to{background-color:#fffe6a;transform:scale(1)}}.node-shortest-path-final{background-color:#fffe6a;transform:scale(1)}.under-header{align-items:center;color:#000;display:flex;justify-content:space-around;margin:12px}.legend{display:flex;gap:50px;justify-content:space-between}.section-container{display:flex;flex-direction:column;gap:10px;justify-content:center}.section-container>div{align-items:center;display:flex;gap:20px;justify-content:space-between}.finish-node-img{height:25px;width:auto}.image-container{align-items:center;display:flex;justify-content:center;width:25px}.start-node-img{height:25px;width:auto}.wall-legend>.image{background-color:#0c3547;height:25px;width:25px}.weight-legend>.image-container>.image{background-color:red;content:"";height:15px;width:15px}.visited-legend>.image{background-color:#00bedabf;height:25px;width:25px}.shortest-legend>.image{background-color:#fffe6a;height:25px;width:25px}.flow-button{background-color:#000;border:2px solid orange;border-radius:16px;color:#0000}.Flow-Game-Solver>.flow-button>h1{-webkit-background-clip:text;background-image:linear-gradient(270deg,violet,#ac39ff,#0062ff,#00d200,#ff0,orange,red);color:#0000;font-size:medium;font-weight:700px;padding:15px 25px}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}
/*# sourceMappingURL=main.2c941fc8.css.map*/