:root{scroll-behavior:smooth}body{background:beige;flex-flow:column;justify-content:center;min-width:320px;min-height:100dvh;margin:0;display:flex;overflow-x:hidden}#root{width:100%;margin:0 auto}*{box-sizing:border-box}.primaryContainer{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:2rem;width:min(100% - 2rem,1200px);margin-inline:auto;padding-block:2rem;display:flex}.gridContainer{flex-basis:80%}.controlsContainer{list-style:none}.subMenu{gap:1rem;display:grid}.menuItem{background:var(--clr-neutral-400);width:100%}.menuItem:not(:disabled){color:#fff}.grid{background:var(--clr-neutral-400);border-radius:4px;justify-content:space-evenly;align-items:end;height:min(70vh,900px);margin-inline:auto;display:flex;position:relative;overflow:hidden}.swaps{color:var(--clr-neutral-300);flex-direction:column;align-items:start;display:flex;position:absolute;top:1rem;left:1rem}.bar{border-radius:3px;justify-content:center;display:flex;position:relative;translate:0 2px;box-shadow:0 0 15px -5px #000c}.number{color:var(--clr-neutral-300);text-align:center;font-weight:400;position:absolute;translate:0 -30px}.icon path{stroke:#fff}select,button{text-align:end;justify-content:center;align-items:center;height:50px;display:flex}.controls,.algs{flex-flow:column;justify-content:center;gap:1rem;margin-block-end:1rem;display:flex}.active{border:6px solid #0f5}@media screen and ((width<=797px) or (height<=846px)){.subMenu{grid-template-columns:1fr 1fr}}:root{--clr-neutral-300:#fff;--clr-neutral-400:#180e0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--clr-neutral-400);background-color:var(--clr-neutral-400);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}h1,p{margin:0;padding:0}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}h1{text-align:center;margin:2rem 0;font-size:clamp(1rem,5vw + .5rem,10rem);line-height:1.1}p{font-size:clamp(.875rem,2vw + .5rem,2rem)}button,select{cursor:pointer;border:4px solid #0000;border-radius:4px;padding:.5rem 1rem;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover,select:hover{border-color:#0f5}button:disabled:hover{border-color:#502}button:focus-visible,select:focus-visible{outline-offset:-1px;outline:4px solid #53d}menu,ul{margin:0;padding:0;list-style:none}label{margin-block:.5rem .25rem;display:inline-block}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}