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}:root{--board-fill-initial-color:beige;--board-fill-intermediate-color:#66cdaa;--board-fill-final-color:#7fffd4;--goal-path-initial-color:red;--goal-path-intermediate-color:orange;--goal-path-final-color:#ff0;--wall-color:#483c32;--text-color:#fff;--light-box-shadow-color:#00d2ff;--dark-box-shadow-color:#3a47d5}*,:after,:before{box-sizing:border-box}html{background:linear-gradient(180deg,#00d2ff,#3a47d5);background-attachment:fixed;font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0;padding:0}select{-webkit-appearance:none;appearance:none;background-color:initial;border:none;font-family:inherit;font-size:inherit;grid-area:select;line-height:inherit;margin:0;outline:none;padding:0 1em 0 0;width:100%}select:focus+.focus{border-radius:inherit;bottom:-1px;left:-1px;position:absolute;right:-1px;top:-1px}select:-ms-expand{display:none}.text-start{text-align:start}.text-end{text-align:end}.text-center{text-align:center}.d-flex{display:flex}.margin-xy{margin:1rem}.margin-x{margin:0 1rem}.margin-y{margin:1rem 0}.margin-top{margin:1rem 0 0}.margin-bottom{margin:0 0 1rem}.margin-left{margin:0 0 0 1rem}.margin-right{margin:0 1rem 0 0}.padding-xy{padding:1rem}.padding-x{padding:0 1rem}.padding-y{padding:1rem 0}.padding-top{padding:1rem 0 0}.padding-bottom{padding:0 0 1rem}.padding-left{padding:0 0 0 1rem}.padding-right{padding:0 1rem 0 0}.border-bottom{border-bottom:5px dotted #adff2f}.container{display:flex}.menu{border-radius:1rem;box-shadow:.5rem .75rem 1rem 0 #3a47d5,-.375rem -.375rem .75rem 0 hsla(0,0%,100%,.3);margin:auto 1vw;padding:1vh 1vw}.menu-title{color:#fff;color:var(--text-color);font-size:1.5rem}.menu-info{fill:#adff2f;align-items:center;align-self:center;cursor:help;height:2.5rem;justify-content:center;width:2.5rem}.menu-info:hover{fill:#006400}.menu-icon{align-items:center;align-self:center;color:#adff2f;height:2rem;justify-content:center;width:2rem}.menu-algorithm{align-items:center;background-color:inherit;display:grid;font-size:.875rem;grid-template-areas:"select";position:relative}.menu-algorithm:after{background-color:#fff;background-color:var(--text-color);-webkit-clip-path:polygon(100% 0,0 0,50% 100%);clip-path:polygon(100% 0,0 0,50% 100%);content:"";grid-area:select;height:.5rem;justify-self:end;margin-right:1rem;pointer-events:none;width:.8rem}.menu-algorithm__label,.menu-algorithm__options{color:#fff;color:var(--text-color)}.menu-algorithm__options{-webkit-appearance:none;appearance:none;background-color:inherit;border:none;border-radius:.5rem;box-shadow:inset .25rem .25rem 1rem 0 #00d2ff,inset -.25rem -.25rem 1rem 0 #3a47d5;box-shadow:.25rem .25rem 1rem 0 var(--light-box-shadow-color) inset,-.25rem -.25rem 1rem 0 var(--dark-box-shadow-color) inset;font-size:.875rem;outline:none;padding:1rem;width:100%}.menu-algorithm__options:after{background-color:#fff;background-color:var(--text-color);-webkit-clip-path:polygon(100% 0,0 0,50% 100%);clip-path:polygon(100% 0,0 0,50% 100%);content:"";grid-area:select;height:.5em;width:.8em}.menu-algorithm__options:focus{box-shadow:inset .375rem .375rem .5rem 0 #3a47d5,inset -.25rem -.25rem .375rem 0 #00d2ff;box-shadow:.375rem .375rem .5rem 0 var(--dark-box-shadow-color) inset,-.25rem -.25rem .375rem 0 var(--light-box-shadow-color) inset}.menu-algorithm__options option{background:#4169e1}.build-walls-button,.reset-all-button,.reset-path-button,.reset-start-goal-button,.visualize-button{background-color:inherit;border:none;border-radius:.5rem;box-shadow:inset .25rem .25rem 1rem 0 #00d2ff,inset -.25rem -.25rem 1rem 0 #3a47d5;box-shadow:.25rem .25rem 1rem 0 var(--light-box-shadow-color) inset,-.25rem -.25rem 1rem 0 var(--dark-box-shadow-color) inset;color:#fff;color:var(--text-color);margin:.5rem .5rem .5rem 0;padding:.5rem 1rem;text-align:center;text-decoration:none}.build-walls-button:active,.reset-all-button:active,.reset-path-button:active,.reset-start-goal-button:active,.visualize-button:active{box-shadow:inset .375rem .375rem .5rem 0 #3a47d5,inset -.25rem -.25rem .375rem 0 #00d2ff;box-shadow:.375rem .375rem .5rem 0 var(--dark-box-shadow-color) inset,-.25rem -.25rem .375rem 0 var(--light-box-shadow-color) inset}.board-table{margin:.75rem .5rem 0 0}.board-table__cell{border:2px solid #000;border-radius:.5rem;padding:.75rem}.goal,.start{border-radius:.75rem;box-shadow:inset .5rem .5rem 1rem 0 #daa520,inset -1rem -1rem 1rem 0 gold;font-weight:700}.no-path{color:red}.vertical-path{background:linear-gradient(90deg,#ff0,#ff0 33.3%,#000 0,#000 66.6%,#ff0 0,#ff0);background:linear-gradient(90deg,var(--goal-path-final-color) 0,var(--goal-path-final-color) 33.3%,#000 33.3%,#000 66.6%,var(--goal-path-final-color) 66.6%,var(--goal-path-final-color) 100%)}.horizontal-path{background:linear-gradient(180deg,#ff0,#ff0 33.3%,#000 0,#000 66.6%,#ff0 0,#ff0);background:linear-gradient(180deg,var(--goal-path-final-color) 0,var(--goal-path-final-color) 33.3%,#000 33.3%,#000 66.6%,var(--goal-path-final-color) 66.6%,var(--goal-path-final-color) 100%)}.right-to-up-path{background:linear-gradient(90deg,transparent,transparent 66.6%,#ff0 0,#ff0),linear-gradient(180deg,transparent,transparent 66.6%,#ff0 0,#ff0),linear-gradient(90deg,transparent,transparent 33.3%,#000 0,#000 66.6%,transparent 0,transparent),linear-gradient(180deg,transparent,transparent 33.3%,#000 0,#000 66.6%,transparent 0,transparent);background:linear-gradient(90deg,transparent 0,transparent 66.6%,var(--goal-path-final-color) 66.6%,var(--goal-path-final-color) 100%),linear-gradient(180deg,transparent 0,transparent 66.6%,var(--goal-path-final-color) 66.6%,var(--goal-path-final-color) 100%),linear-gradient(90deg,transparent 0,transparent 33.3%,#000 33.3%,#000 66.6%,transparent 66.6%,transparent 100%),linear-gradient(180deg,transparent 0,transparent 33.3%,#000 33.3%,#000 66.6%,transparent 66.6%,transparent 100%)}.left-to-up-path{background:linear-gradient(90deg,#ff0,#ff0 33.3%,transparent 0,transparent),linear-gradient(180deg,transparent,transparent 66.6%,#ff0 0,#ff0),linear-gradient(90deg,transparent,transparent 33.3%,#000 0,#000 66.6%,transparent 0,transparent),linear-gradient(180deg,transparent,transparent 33.3%,#000 0,#000 66.6%,transparent 0,transparent);background:linear-gradient(90deg,var(--goal-path-final-color) 0,var(--goal-path-final-color) 33.3%,transparent 33.3%,transparent 100%),linear-gradient(180deg,transparent 0,transparent 66.6%,var(--goal-path-final-color) 66.6%,var(--goal-path-final-color) 100%),linear-gradient(90deg,transparent 0,transparent 33.3%,#000 33.3%,#000 66.6%,transparent 66.6%,transparent 100%),linear-gradient(180deg,transparent 0,transparent 33.3%,#000 33.3%,#000 66.6%,transparent 66.6%,transparent 100%)}.right-to-down-path{background:linear-gradient(90deg,transparent,transparent 66.6%,#ff0 0,#ff0),linear-gradient(180deg,#ff0,#ff0 33.3%,transparent 0,transparent),linear-gradient(90deg,transparent,transparent 33.3%,#000 0,#000 66.6%,transparent 0,transparent),linear-gradient(180deg,transparent,transparent 33.3%,#000 0,#000 66.6%,transparent 0,transparent);background:linear-gradient(90deg,transparent 0,transparent 66.6%,var(--goal-path-final-color) 66.6%,var(--goal-path-final-color) 100%),linear-gradient(180deg,var(--goal-path-final-color) 0,var(--goal-path-final-color) 33.3%,transparent 33.3%,transparent 100%),linear-gradient(90deg,transparent 0,transparent 33.3%,#000 33.3%,#000 66.6%,transparent 66.6%,transparent 100%),linear-gradient(180deg,transparent 0,transparent 33.3%,#000 33.3%,#000 66.6%,transparent 66.6%,transparent 100%)}.left-to-down-path{background:linear-gradient(90deg,#ff0,#ff0 33.3%,transparent 0,transparent),linear-gradient(180deg,#ff0,#ff0 33.3%,transparent 0,transparent),linear-gradient(90deg,transparent,transparent 33.3%,#000 0,#000 66.6%,transparent 0,transparent),linear-gradient(180deg,transparent,transparent 33.3%,#000 0,#000 66.6%,transparent 0,transparent);background:linear-gradient(90deg,var(--goal-path-final-color) 0,var(--goal-path-final-color) 33.3%,transparent 33.3%,transparent 100%),linear-gradient(180deg,var(--goal-path-final-color) 0,var(--goal-path-final-color) 33.3%,transparent 33.3%,transparent 100%),linear-gradient(90deg,transparent 0,transparent 33.3%,#000 33.3%,#000 66.6%,transparent 66.6%,transparent 100%),linear-gradient(180deg,transparent 0,transparent 33.3%,#000 33.3%,#000 66.6%,transparent 66.6%,transparent 100%)}.board-fill{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:boardfill;animation-name:boardfill;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.board-fill,.goal-path-fill{-webkit-animation-duration:.25s;animation-duration:.25s}.goal-path-fill{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:goalfill;animation-name:goalfill;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.wall-fill{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:wallfill;animation-name:wallfill;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes boardfill{0%{background-color:beige;background-color:var(--board-fill-initial-color);border-radius:100%;scale:.3}50%{background-color:#66cdaa;background-color:var(--board-fill-intermediate-color)}to{background-color:#7fffd4;background-color:var(--board-fill-final-color);font-size:large;font-weight:bolder;scale:1}}@keyframes boardfill{0%{background-color:beige;background-color:var(--board-fill-initial-color);border-radius:100%;scale:.3}50%{background-color:#66cdaa;background-color:var(--board-fill-intermediate-color)}to{background-color:#7fffd4;background-color:var(--board-fill-final-color);font-size:large;font-weight:bolder;scale:1}}@-webkit-keyframes goalfill{0%{background-color:red;background-color:var(--goal-path-initial-color);border-radius:100%;scale:.3}50%{background-color:orange;background-color:var(--goal-path-intermediate-color)}to{background-color:#ff0;background-color:var(--goal-path-final-color);scale:1}}@keyframes goalfill{0%{background-color:red;background-color:var(--goal-path-initial-color);border-radius:100%;scale:.3}50%{background-color:orange;background-color:var(--goal-path-intermediate-color)}to{background-color:#ff0;background-color:var(--goal-path-final-color);scale:1}}@-webkit-keyframes wallfill{0%{background-color:#483c32;background-color:var(--wall-color);border-radius:100%;scale:.3}50%{background-color:#483c32;background-color:var(--wall-color)}to{background-color:#483c32;background-color:var(--wall-color);scale:1}}@keyframes wallfill{0%{background-color:#483c32;background-color:var(--wall-color);border-radius:100%;scale:.3}50%{background-color:#483c32;background-color:var(--wall-color)}to{background-color:#483c32;background-color:var(--wall-color);scale:1}}
/*# sourceMappingURL=main.b34c4020.css.map*/