@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Roboto:wght@500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,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}.App-body{display:flex;flex-direction:column;margin:10px 50px 0}@media (max-width:600px){.App-body{margin:20px}}.App-body .header{display:flex;justify-content:space-between;margin-bottom:30px;padding:0 5%}.App-body h1{color:#b79147}.view-button{display:flex;justify-content:flex-end;padding:0 5%}#view-state-display{background-color:#f0f8ff;border-radius:20%;color:#b79147;font-size:20px;font-weight:500;margin:1%;padding:1%}.display-body{box-sizing:border-box;margin:auto;max-width:90%;padding:0}footer{background-color:#333;height:50px;margin-top:30px}.github-link,footer{align-items:center;display:flex;justify-content:center}.github-link{gap:2%}.footer-text{color:#fff;font-size:12px;font-weight:500;height:50px;margin:0}.footer-text,.github-logo{align-items:center;display:flex;justify-content:center}.github-logo{max-height:18px;max-width:18px}footer a{height:inherit;text-decoration:none}.BarVisualizer,.CellVisualizer{margin:0}.bar-array-container{align-items:flex-end;background-color:#d3d3d3;border:2px solid #000;display:flex;flex-shrink:0;height:70vh;justify-content:center}.array-bar{background-color:#ea4c89;border:0 solid #000;margin:0;padding:0}.cell-array-container{align-items:center;background-color:#d3d3d3;border:2px solid #000;display:flex;flex-direction:column;flex-shrink:0;height:70vh;justify-content:center}.main-array{margin:max(3%,10px) 0;width:100%}.cell-array{height:100%;width:100%}.cell-array,.cell-box{align-items:center;display:flex;justify-content:center}.cell-box{border:3px solid #000;color:#fff;font-size:min(40px,3.5vw);font-weight:700;text-align:center}.cell-box+.cell-box{margin-left:-3px}.auxillary{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100%}.levels{display:flex;flex-direction:row}.toolbar-container{background-color:#fff;display:flex;gap:10%;justify-content:space-between;margin-bottom:10px;min-height:100px}.left-buttons-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:space-around;margin-top:-10px;width:40%}.right-buttons-container{align-items:center;display:flex;gap:10%;justify-content:center;width:45%}.right-buttons-container button{height:30px}.algo-buttons,.control-buttons{display:flex;flex-wrap:wrap;gap:min(20px,10%);width:100%}.slider-container{display:flex;gap:10%;width:45%}#elements-slider,#speed-slider{display:flex;flex-direction:column;justify-content:space-between;width:55%}.label{align-items:flex-start;display:flex;height:100px;justify-content:center;padding-top:10px}.toolbar-text{color:#b79147;font-size:20px;font-weight:500;margin:10px;text-align:center}.value-display{align-items:flex-end;display:flex;height:50px;justify-content:center}button{background-color:#a51c30;border-radius:8px;border-style:none;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;margin:10px 0 0;min-height:50px;outline:none;padding:10px 16px;text-align:center;text-decoration:none;touch-action:manipulation}@media (max-width:600px){button{font-size:12px}}button:hover{background-color:#a51c31c5!important}button:disabled{background-color:grey;cursor:auto}button:disabled:hover{background-color:grey!important}.playback-control-buttons{justify-content:space-evenly}.auto-playback-buttons-container,.manual-playback-buttons-container{display:flex;flex-direction:column}.auto-playback-buttons,.manual-playback-buttons{display:flex;gap:10%;justify-content:center}:root{--main-color:#a51c30;--main-color-hover:rgba(165,28,49,.2);--track-color:#d3d3d3;--track-height:10px;--thumb-size:20px;--thumb-border:5px;--disabled-color:grey;--disabled-color-hover:hsla(0,0%,50%,.2)}.slider{bottom:1.5em;height:auto;margin:auto;max-width:80%}@media (max-width:600px){.slider{bottom:1em}}.track{background:#d3d3d3;background:var(--track-color);border-radius:10px;height:10px;height:var(--track-height);top:10px;top:calc((var(--thumb-size) + 2*var(--thumb-border))/2 - var(--track-height)/2)}.track.track-0{background:#a51c30;background:var(--main-color)}.thumb{align-items:center;background:#fff;border:5px solid #a51c30;border:var(--thumb-border) solid var(--main-color);border-radius:100%;color:#a51c30;color:var(--main-color);cursor:pointer;display:flex;font-family:inherit;height:20px;height:var(--thumb-size);justify-content:center;outline:none;width:20px;width:var(--thumb-size)}.thumb:hover{box-shadow:0 0 0 8px rgba(165,28,49,.2);box-shadow:0 0 0 8px var(--main-color-hover)}.slider.disabled .thumb{border-color:grey;border-color:var(--disabled-color)}.slider.disabled .thumb:hover{box-shadow:none;cursor:auto}.slider.disabled .track.track-0{background:grey;background:var(--disabled-color)}:root{--switch-width:70px;--switch-height:38px;--slider-size:28px;--slider-padding:4px}@media (max-width:600px){:root{--switch-width:55px;--switch-height:30px;--slider-size:20px;--slider-padding:4px}}.toggle-button{align-items:center;display:flex}.switch{display:inline-block;height:38px;height:var(--switch-height);margin:0;position:relative;width:70px;width:var(--switch-width)}.switch input{height:0;opacity:0;width:0}.toggle-button-thumb{background-color:#ccc;bottom:0;cursor:pointer;left:0;margin:0;max-height:38px;max-height:var(--switch-height);max-width:70px;max-width:var(--switch-width);position:absolute;right:0;top:0;transition:.4s}.toggle-button-thumb:before{background-color:#fff;content:"";height:28px;height:var(--slider-size);left:4px;left:var(--slider-padding);position:absolute;top:5px;top:calc(var(--switch-height)/2 - var(--slider-size)/2);transition:.4s;width:28px;width:var(--slider-size)}input:checked+.toggle-button-thumb{background-color:#a51c30}input:checked+.toggle-button-thumb:before{-webkit-transform:translateX(34px);-webkit-transform:translateX(calc(var(--switch-width) - var(--slider-size) - var(--slider-padding)*2));transform:translateX(34px);transform:translateX(calc(var(--switch-width) - var(--slider-size) - var(--slider-padding)*2))}.toggle-button-thumb.round{border-radius:38px;border-radius:var(--switch-height)}.toggle-button-thumb.round:before{border-radius:50%}
/*# sourceMappingURL=main.e6848d70.css.map*/