body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1b1b1c;background-color:var(--color-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body,html{height:-webkit-fill-available}:root{--color-background:#1b1b1c;--color-grid-border:#3a3a3c;--color-text:#fff;--color-modal-backdrop:#75737333;--color-modal:#1b1b1c;--type-selector-height:45px;--type-selector-width:137px;--color-type-selector-unselected:transparent;--color-type-selector-unselected-hover:#272729;--color-type-selector-unselected-clicked:#2f2f34;--color-type-selector-selected:#4b4b4b;--color-type-selector-selected-hover:#4b4b4b;--color-type-selector-selected-clicked:#2f2f34;--color-header:#20232a;--color-header-option:var(--color-text);--color-header-option-hover:#61dafb;--color-node-looking:#f8eb36c4;--color-node-wall:#8a8a8a;--color-node-shortest-path:#fffe6a;--node-size:20px}#root{height:-webkit-fill-available}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#modal-backdrop{align-items:center;background-color:#75737333;background-color:var(--color-modal-backdrop);display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:1}#modal{background-color:#1b1b1c;background-color:var(--color-modal);border-radius:10px;max-width:450px;padding:10px;width:90vw}#modal,#sub-page{display:flex;flex-direction:column}#sub-page{height:100%}#sub-page-header{align-self:flex-end;flex-direction:row}#sub-page-content{align-items:center;display:flex;flex:1 1;flex-direction:column}#sub-page-content>#title{font-size:20px;font-weight:700;margin-bottom:32px}#sub-page-content>#text{font-size:14px;font-weight:500;text-align:center}#sub-page-footer{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-between}#sub-page-action{color:#fff;color:var(--color-text);cursor:pointer;font-weight:700}#sub-page-action:hover{color:#61dafb;color:var(--color-header-option-hover)}#grid-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:0 10px 10px}#grid{display:grid;grid-auto-flow:dense}#row{display:flex;flex:1 1}#outer-node{border:1px solid #3a3a3c;border:1px solid var(--color-grid-border)}#node{cursor:pointer;flex:1 1;height:20px;height:var(--node-size);width:20px;width:var(--node-size)}#node[node-type=start]{background:url(/pathfinding-visualizer/static/media/arrow-right.e9b4a3d9a0f31805c24c.svg) 50% no-repeat;background-size:contain}#node[node-type=goal],#node[node-type=start]{-webkit-animation:plop .9s ease-out alternate forwards;animation:plop .9s ease-out alternate forwards;cursor:default}#node[node-type=goal]{background:url(/pathfinding-visualizer/static/media/target.2011b0837060414de747.svg) 50% no-repeat;background-size:contain}#node[node-type=weight-2]{background:url(/pathfinding-visualizer/static/media/weight-2.32224efcbc39158cb149.svg) 50% no-repeat;background-size:contain}#node[node-type=weight-2],#node[node-type=weight-5]{-webkit-animation:plop .4s ease-out alternate forwards;animation:plop .4s ease-out alternate forwards}#node[node-type=weight-5]{background:url(/pathfinding-visualizer/static/media/weight-5.c9b45c06ea98886e47f6.svg) 50% no-repeat;background-size:contain}#node[node-type=weight-10]{-webkit-animation:plop .4s ease-out alternate forwards;animation:plop .4s ease-out alternate forwards;background:url(/pathfinding-visualizer/static/media/weight-10.4e1c0cce725ca2802051.svg) 50% no-repeat;background-size:contain}#node[state-type=looking]{background-color:#f8eb36c4;background-color:var(--color-node-looking)}#node[state-type=visited]{-webkit-animation:visitedAnimation 1.5s ease-out alternate forwards;animation:visitedAnimation 1.5s ease-out alternate forwards}#outer-node[node-type=wall]{border:0}#node[node-type=wall]{-webkit-animation:plop .5s ease-out alternate forwards;animation:plop .5s ease-out alternate forwards;background-color:#8a8a8a;background-color:var(--color-node-wall);border:1px solid #8a8a8a;border:1px solid var(--color-node-wall)}#outer-node[state-type=shortest-path-special],#outer-node[state-type=shortest-path-weight-10],#outer-node[state-type=shortest-path-weight-2],#outer-node[state-type=shortest-path-weight-5],#outer-node[state-type=shortest-path]{border:0}#node[state-direction=right]{background:url(/pathfinding-visualizer/static/media/arrow-right.e9b4a3d9a0f31805c24c.svg) 50% no-repeat;background-size:contain}#node[state-direction=left]{background:url(/pathfinding-visualizer/static/media/arrow-left.9f62facf066c09d7e354.svg) 50% no-repeat;background-size:contain}#node[state-direction=up]{background:url(/pathfinding-visualizer/static/media/arrow-up.7aecebc9fbd4193bee6e.svg) 50% no-repeat;background-size:contain}#node[state-direction=down]{background:url(/pathfinding-visualizer/static/media/arrow-down.936f062df2c4a6a32318.svg) 50% no-repeat;background-size:contain}#node[state-type=shortest-path]{-webkit-animation:shortestPath 2s ease-out alternate forwards;animation:shortestPath 2s ease-out alternate forwards}#node[state-type=shortest-path-special]{-webkit-animation:shortestPathSpecial 2s ease-out alternate forwards;animation:shortestPathSpecial 2s ease-out alternate forwards}#node[state-type=shortest-path-weight-2]{-webkit-animation:shortestPathWeight2 2s ease-out alternate forwards;animation:shortestPathWeight2 2s ease-out alternate forwards}#node[state-type=shortest-path-weight-5]{-webkit-animation:shortestPathWeight5 2s ease-out alternate forwards;animation:shortestPathWeight5 2s ease-out alternate forwards}#node[state-type=shortest-path-weight-10]{-webkit-animation:shortestPathWeight10 2s ease-out alternate forwards;animation:shortestPathWeight10 2s ease-out alternate forwards}#header{align-items:center;background-color:#20232a;background-color:var(--color-header);flex-direction:row;margin-bottom:5px;padding:28px 15px}#header,#header-end{display:flex;gap:20px}#header-end{flex:1 1;flex-direction:row;justify-content:flex-end}#header-title{font-size:20px;margin-right:50px}#action,#header-title{font-style:normal;text-align:center}#action{color:#fff;color:var(--color-header-option);cursor:pointer;font-size:15px;font-weight:500;line-height:18px}#action:hover{color:#61dafb;color:var(--color-header-option-hover)}#multi-action{color:#fff;color:var(--color-header-option);cursor:pointer;font-size:15px;font-style:normal;font-weight:500;line-height:18px;text-align:center}@media screen and (max-width:593px){#action,#multi-action{font-size:2.5vw}#header-title{font-size:2.6vw;margin-right:10px}}#multi-action:hover{color:#61dafb;color:var(--color-header-option-hover)}#multi-action>#list{border:1px solid #fff;display:flex;flex-direction:column;position:absolute;z-index:10}#list-item{background-color:#20232a;color:#fff;color:var(--color-header-option);padding:10px}#list-item:hover{color:#61dafb;color:var(--color-header-option-hover)}#state-selector-container,#state-toggle{display:flex;flex-direction:row}#state-toggle{align-items:center;border-radius:10px;color:#fff;color:var(--color-text);cursor:pointer;font-size:15px;font-weight:500;gap:5px;height:45px;height:var(--type-selector-height);justify-content:center;line-height:14px;margin:10px;padding-left:5px;padding-right:5px;width:137px;width:var(--type-selector-width)}@media screen and (max-width:693px){#state-toggle{font-size:2.2vw}}@media screen and (max-width:400px){#state-toggle{font-size:1.8vw}}@media screen and (max-width:365px){#state-toggle{font-size:1.9vw;padding-left:2px;padding-right:2px}}#state-toggle:hover{background-color:#272729;background-color:var(--color-type-selector-unselected-hover)}#state-toggle:active{background-color:#2f2f34;background-color:var(--color-type-selector-unselected-clicked)}#state-toggle[toggle-state=toggled]{background-color:#4b4b4b;background-color:var(--color-type-selector-selected)}#state-toggle[toggle-state=toggled]:hover{background-color:#4b4b4b;background-color:var(--color-type-selector-selected-hover)}#state-toggle[toggle-state=toggled]:active{background-color:#2f2f34;background-color:var(--color-type-selector-selected-clicked)}@-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)}}@-webkit-keyframes shortestPath{0%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1.2);transform:scale(1.2)}85%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);background-image:none;border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path)}99%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);background-image:none;border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path)}to{background-color:#fffe6a;background-color:var(--color-node-shortest-path);background-image:none;border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1);transform:scale(1)}}@keyframes shortestPath{0%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1.2);transform:scale(1.2)}85%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);background-image:none;border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path)}99%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);background-image:none;border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path)}to{background-color:#fffe6a;background-color:var(--color-node-shortest-path);background-image:none;border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shortestPathSpecial{0%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1);transform:scale(1)}}@keyframes shortestPathSpecial{0%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shortestPathWeight2{0%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1.2);transform:scale(1.2)}85%{background-image:url(/pathfinding-visualizer/static/media/weight-2.32224efcbc39158cb149.svg)}to{background-color:#fffe6a;background-color:var(--color-node-shortest-path);background-image:url(/pathfinding-visualizer/static/media/weight-2.32224efcbc39158cb149.svg);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1);transform:scale(1)}}@keyframes shortestPathWeight2{0%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1.2);transform:scale(1.2)}85%{background-image:url(/pathfinding-visualizer/static/media/weight-2.32224efcbc39158cb149.svg)}to{background-color:#fffe6a;background-color:var(--color-node-shortest-path);background-image:url(/pathfinding-visualizer/static/media/weight-2.32224efcbc39158cb149.svg);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shortestPathWeight5{0%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1.2);transform:scale(1.2)}85%{background-image:url(/pathfinding-visualizer/static/media/weight-5.c9b45c06ea98886e47f6.svg)}to{background-color:#fffe6a;background-color:var(--color-node-shortest-path);background-image:url(/pathfinding-visualizer/static/media/weight-5.c9b45c06ea98886e47f6.svg);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1);transform:scale(1)}}@keyframes shortestPathWeight5{0%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1.2);transform:scale(1.2)}85%{background-image:url(/pathfinding-visualizer/static/media/weight-5.c9b45c06ea98886e47f6.svg)}to{background-color:#fffe6a;background-color:var(--color-node-shortest-path);background-image:url(/pathfinding-visualizer/static/media/weight-5.c9b45c06ea98886e47f6.svg);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shortestPathWeight10{0%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1.2);transform:scale(1.2)}85%{background-image:url(/pathfinding-visualizer/static/media/weight-10.4e1c0cce725ca2802051.svg)}to{background-color:#fffe6a;background-color:var(--color-node-shortest-path);background-image:url(/pathfinding-visualizer/static/media/weight-10.4e1c0cce725ca2802051.svg);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1);transform:scale(1)}}@keyframes shortestPathWeight10{0%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;background-color:var(--color-node-shortest-path);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1.2);transform:scale(1.2)}85%{background-image:url(/pathfinding-visualizer/static/media/weight-10.4e1c0cce725ca2802051.svg)}to{background-color:#fffe6a;background-color:var(--color-node-shortest-path);background-image:url(/pathfinding-visualizer/static/media/weight-10.4e1c0cce725ca2802051.svg);border:1px solid #fffe6a;border:1px solid var(--color-node-shortest-path);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes plop{0%{-webkit-transform:scale(.6);transform:scale(.6)}90%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes plop{0%{-webkit-transform:scale(.6);transform:scale(.6)}90%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#toast{-webkit-animation:fade-in 1s ease-out forwards;animation:fade-in 1s ease-out forwards;display:flex;justify-content:center;position:absolute;top:10px;width:100%}#toast-content-container{align-items:center;background-color:#000000e6;border-radius:10px;display:flex;flex-direction:row;font-size:18px;font-weight:500;gap:5px;line-height:21px;padding:15px}#circle-loader{-webkit-animation:loader-5-1 2s cubic-bezier(.77,0,.175,1) infinite;animation:loader-5-1 2s cubic-bezier(.77,0,.175,1) infinite;height:32px;width:32px}#circle-loader:before{-webkit-animation:loader-5-2 2s cubic-bezier(.77,0,.175,1) infinite;animation:loader-5-2 2s cubic-bezier(.77,0,.175,1) infinite;left:0;right:auto}#circle-loader:after,#circle-loader:before{background:#fff;border-radius:50%;bottom:0;content:"";display:block;height:8px;margin:auto;position:absolute;top:0;width:8px}#circle-loader:after{-webkit-animation:loader-5-3 2s cubic-bezier(.77,0,.175,1) infinite;animation:loader-5-3 2s cubic-bezier(.77,0,.175,1) infinite;left:auto;right:0}#circle-loader span{bottom:0;height:32px;width:32px}#circle-loader span,#circle-loader span:before{display:block;left:0;margin:auto;position:absolute;right:0;top:0}#circle-loader span:before{-webkit-animation:loader-5-4 2s cubic-bezier(.77,0,.175,1) infinite;animation:loader-5-4 2s cubic-bezier(.77,0,.175,1) infinite;bottom:auto}#circle-loader span:after,#circle-loader span:before{background:#fff;border-radius:50%;content:"";height:8px;width:8px}#circle-loader span:after{-webkit-animation:loader-5-5 2s cubic-bezier(.77,0,.175,1) infinite;animation:loader-5-5 2s cubic-bezier(.77,0,.175,1) infinite;bottom:0;display:block;left:0;margin:auto;position:absolute;right:0;top:auto}@-webkit-keyframes loader-5-1{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes loader-5-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loader-5-2{0%{-webkit-transform:translateZ(0) scale(1)}50%{-webkit-transform:translate3d(24px,0,0) scale(.5)}to{-webkit-transform:translateZ(0) scale(1)}}@keyframes loader-5-2{0%{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}50%{-webkit-transform:translate3d(24px,0,0) scale(.5);transform:translate3d(24px,0,0) scale(.5)}to{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}}@-webkit-keyframes loader-5-3{0%{-webkit-transform:translateZ(0) scale(1)}50%{-webkit-transform:translate3d(-24px,0,0) scale(.5)}to{-webkit-transform:translateZ(0) scale(1)}}@keyframes loader-5-3{0%{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}50%{-webkit-transform:translate3d(-24px,0,0) scale(.5);transform:translate3d(-24px,0,0) scale(.5)}to{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}}@-webkit-keyframes loader-5-4{0%{-webkit-transform:translateZ(0) scale(1)}50%{-webkit-transform:translate3d(0,24px,0) scale(.5)}to{-webkit-transform:translateZ(0) scale(1)}}@keyframes loader-5-4{0%{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}50%{-webkit-transform:translate3d(0,24px,0) scale(.5);transform:translate3d(0,24px,0) scale(.5)}to{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}}@-webkit-keyframes loader-5-5{0%{-webkit-transform:translateZ(0) scale(1)}50%{-webkit-transform:translate3d(0,-24px,0) scale(.5)}to{-webkit-transform:translateZ(0) scale(1)}}@keyframes loader-5-5{0%{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}50%{-webkit-transform:translate3d(0,-24px,0) scale(.5);transform:translate3d(0,-24px,0) scale(.5)}to{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}}.App{color:var(--color-text);display:flex;flex-direction:column;height:-webkit-fill-available;-webkit-user-select:none;-ms-user-select:none;user-select:none}
/*# sourceMappingURL=main.2fdc48f1.css.map*/