body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;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}nav{align-items:center;background-color:#292940;box-shadow:0 2px 7px #000;display:flex;justify-content:space-between;min-height:100px;padding:0 20px}nav .nav-brand{color:#fff;font-size:2em}.toolbox{align-items:center;display:flex;justify-content:space-between}.toolbox label{color:#fff;display:block;text-align:center}.toolbox>div{display:flex;justify-content:space-between}.toolbox button{background-color:initial;border:1px solid rgba(64,161,240,.5);border-radius:5px;color:#f1f1f1;cursor:pointer;font-size:1em;font-weight:700;margin:0 10px;outline:none;padding:13px 10px}.toolbox button:hover{border:2px solid #34b3f1}.toolbox select,input[type=range]{cursor:pointer;margin:0 10px}.toolbox input,button,select{min-width:130px}.toolbox select{background:transparent;border:1px solid rgba(64,161,240,.5);border-radius:5px;color:#fff;font-size:.9em;font-weight:700;padding:5px}.toolbox select:hover{border:2px solid #34b3f1}@media(max-width:992px){nav{flex-direction:column}.toolbox{display:block;text-align:center}.toolbox>div{margin:10px 0}.speed{display:none}}.listGroup{margin:0 auto;min-height:520px;min-width:90%;text-align:center}.listGroup>.block{background-color:#40e0d0;color:#282c34;display:inline-block;font-size:10px;font-weight:700;margin:0 2px;text-align:center;transition-duration:.15s;transition-property:height;transition-timing-function:ease-in}.legends{color:#fff;display:flex;font-size:1.2em;justify-content:space-between;margin:50px auto;max-width:600px;padding:0 10px}.key{align-items:center;display:flex}.sq{display:inline-block;height:20px;margin:0 10px;width:20px}.compare{background-color:#ffff50}.swap{background-color:red}.sorted{background-color:#4bc52e}@media(max-width:564px){.legends{font-size:.8em;text-align:center}}
/*# sourceMappingURL=main.57ef6e95.css.map*/