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