body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f6ee;font-family:Roboto Mono,serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.wrapper{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-top:5rem;overflow:hidden}.array-container{display:flex;height:450px;min-height:300px}.button-wrapper{margin-top:15px}.array-bar{background-color:#738c89;margin:0 2px;width:4px}button{--b:3px;--s:.45em;--color:#2f4858;--_p:var(--s);background:conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - var(--_p)*2) calc(100% - var(--b) - var(--_p)*2);border:0;color:var(--color);font-size:16px;outline:var(--b) solid #0000;outline-offset:.6em;padding:calc(.5em + var(--s)) calc(.9em + var(--s));touch-action:manipulation;transition:.3s linear,color 0s,background-color 0s;user-select:none;-webkit-user-select:none}button:focus-visible,button:hover{--_p:0px;outline-color:var(--color);outline-offset:.05em}button:active{background:var(--color);color:#fff}body{font-family:poppins,sans-serif;font-size:.999rem;line-height:2.2;margin:0;padding:0}.slider__input_slider::-moz-range-progress{background-color:#43e5f7}.slider__input_slider::-moz-range-track{background-color:#9a905d}.slider__input_slider::-ms-fill-lower{background-color:#43e5f7}.slider__input_slider::-ms-fill-upper{background-color:#9a905d}ul{list-style-type:none}nav{background-color:#252525;box-shadow:0 1px 4px #fff}.nav-right{display:flex;margin:0 10px}.fa-bars,p{color:#fff}p{min-width:30px;padding:0 4px}.menu{display:flex;justify-content:space-between;margin:0}.menu b{color:#fff;display:block;letter-spacing:.1rem;padding:1rem 2rem;text-decoration:none;transition:all .3s linear}.nav-header{align-items:center;display:flex;justify-content:space-between;padding:.1rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.bd0365d8.css.map*/