html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button;-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{position:relative;width:100vw}h1,h2,h3,h4,p,figure,blockquote,dl,dd{overflow:hidden}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--vh-in-px: 8px;--vh: var(--vh-in-px)}@media(hover:hover){:root{--vh: 1vh}@supports (height: 1svh){:root{--vh: 1svh}}}:root{--color-primary: #72d3f1;--color-secondary: #333232;--color-accent-1: #b7d9f2;--color-accent-2: #c9e3eb;--color-gray: #dee1e3;--color-gray-2: #dfe0e2;--color-white: #ffffff;--color-black: 000103}.main-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center}body{background:#fff}button{padding:.5rem 2.3rem;border:none;border-radius:5px;color:var(--color-primary)}button.large{padding:.5rem 3.5rem;font-size:1.5rem}button.round{border-radius:100rem}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none}html{scrollbar-width:none}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}li,ul,figure{padding:0;margin:0;list-style:none}html{scroll-behavior:initial;background-color:var(--color-light)}body{-webkit-font-smoothing:antialiased;font-family:Futura,sans-serif;color:var(--color-text);line-height:1.5;font-weight:500;font-style:normal;font-size:16px;font-size:clamp(16px,1.2vw,19px);background-color:var(--color-light);overscroll-behavior:none}html,body{width:100%;min-height:100%;-webkit-font-smoothing:antialiased;position:relative}.fixed-container{position:fixed;top:0;left:0;z-index:375}.hidden-container{opacity:0;visibility:hidden}main{box-sizing:border-box;background-color:var(--color-light);overscroll-behavior:none}.main-wrap{box-sizing:border-box}::selection{background-color:rgba(var(--color-dark-rgb),1);color:var(--color-light);text-shadow:none}::-moz-selection{background-color:rgba(var(--color-dark-rgb),1);color:var(--color-light);text-shadow:none}canvas,img,video,picture,figure{max-width:100%;height:auto;box-sizing:border-box;display:block}svg{max-width:none;height:auto;box-sizing:border-box}audio,canvas,iframe,img,svg,video,picture,figure{vertical-align:middle}.grid{display:flex;flex-wrap:wrap;width:min-content}.grid .row{display:flex}.node{width:25px;height:25px;border:1px solid rgb(151,227,255);display:inline-block;cursor:pointer}.node.node-finish{background-color:#00f}.node.node-start{background-color:red}.node.node-start,.node.node-finish{cursor:unset}.node.node-wall{background-color:#0c3547;animation-name:wallAnimation;animation-duration:.3s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}.node.node-weighted{background:green;animation-name:wallAnimation;animation-duration:.3s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}.node.node-visited{animation-name:visitedAnimation;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}.node.node-visited.node-weighted{animation-name:visitedObjectAnimation}.node.node-shortest-path{background-color:#fffe6a;animation-name:shortestPath;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}.node.node-shortest-path.node-weighted{background-color:#d3d32f}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:#000042bf;border-radius:100%}50%{background-color:#1168d9bf}75%{transform:scale(1.2);background-color:#00d99fbf}to{transform:scale(1);background-color:#00bedabf}}.node-wall{background-color:#0c3547}@keyframes wallAnimation{0%{transform:scale(.3)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shortestPath{0%{transform:scale(.6)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes visitedObjectAnimation{0%{transform:scale(.3);background-color:#290418bf;border-radius:100%}50%{background-color:#610014bf}75%{transform:scale(1.2);background-color:#d8058dbf}to{transform:scale(1);background-color:#b243ffbf}}.grid-controls{background:red;width:100%;display:flex}.grid-controls .wall-controls{margin:0 1rem;display:flex;gap:.5rem}.grid-controls .wall-controls .btn{color:#fff;background:#b1b1b1;cursor:pointer}.grid-controls .wall-controls .btn.active{background:#95daff}.grid-controls .wall-controls .btn:disabled{cursor:unset}.grid-controls .wall-controls .btn:hover:not(.active){background:#9c9c9c}