body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}*{font-family:Courier New,Courier,monospace;font-size:16px;margin:0;padding:0}.window{background-color:#000;bottom:0;height:100vh;overflow-x:hidden;overflow-y:scroll;position:absolute;top:0;width:100%}::-webkit-scrollbar{background:#0000;width:0}.array-bar-container{align-items:flex-end;display:flex;height:60%;justify-content:center;margin-top:5%;position:relative}.array-bar{background:linear-gradient(#ffc400,#0000);background-color:#000;display:inline-block;margin:0 1px;width:5px}header{background-color:#181818;height:3.125rem;position:fixed;width:100%}nav{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:flex-start;width:100%}.open-menu-btn{background-color:initial;border:none;color:#ffc400;cursor:pointer;height:3.125rem;outline:none;width:3.125rem}.open-menu-btn:hover{background-color:#ffc400;color:#181818;cursor:pointer}.app-name{color:#ffc400;font-size:25px;font-stretch:condensed;font-weight:600;padding:10px}.sort-info-btn{background-color:#0f0f0f;border:none;color:#646464;cursor:pointer;height:3.125rem;margin-left:auto;outline:none;width:3.125rem}.info-icon{height:1.75rem;width:1.75rem}.sort-info-btn:hover{background-color:#0f0f0f;color:#ffc400}.sort-info-btn:disabled,.sort-info-btn:disabled:hover{background-color:#0f0f0f;color:#646464;cursor:not-allowed}.sliding-menu-bar{background-color:#0f0f0f;height:122vh;left:0;position:absolute;top:0;width:20%;z-index:1000}.close-menu-btn{background-color:initial;border:none;color:#ffc400;cursor:pointer;height:3.125rem;left:0;outline:none;position:absolute;top:0;width:3.125rem}.close-menu-btn:hover{background-color:#181818;color:#ffc400;cursor:pointer}.sort-options{height:-webkit-max-content;height:max-content;padding-top:3.125rem;width:100%}.sort-options,.sort-options-category{align-items:center;display:flex;flex-direction:column;justify-items:center}.sort-options-category{background-color:#181818;border-radius:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:5%;padding-bottom:.5rem;width:90%}.sort-options-category-title-container{align-items:center;background-color:#050505;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;height:2.5rem;justify-content:center;width:100%}.sort-options-category-title{color:#646464}.sort-option{margin-top:.5rem;transition:.2s;width:100%}.sort-option:hover{transform:scale(1.05);transition:.2s}input[type=radio]{display:none}input[type=radio]+label{background-color:initial;border:none;border-radius:3px;color:#ffc400;cursor:pointer;display:inline-block;height:100%;padding:10px 15px;position:relative}input[type=radio]+label:hover,input[type=radio]:checked+label{background-color:#ffc400;color:#181818}.adding-soon{color:#ffc400;padding-bottom:.5rem;padding-top:.5rem}.sliding-info-bar{background:#090909;background:linear-gradient(90deg,#09090900,#070707c9 27%,#000 72%);box-sizing:border-box;height:100vh;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transition:transform .3s ease-in-out;width:80%;z-index:1000}.info-container{color:#eee;margin:0 auto;max-width:80%}.info-tc,.info-type{text-align:right}.info-def{text-align:justify}.code-container{background-color:#f4f4f4;border-radius:5px;color:#0f0f0f;min-height:40%;padding:10px}.python-code{font-family:Courier New,Courier,monospace;text-align:start;white-space:pre}.close-info-btn{background:none;color:#eee;font-size:1.5rem;right:10px;top:10px}.close-info-btn:hover{color:#fff}.info-type{font-size:1.5rem;font-weight:700;margin-bottom:10px}.info-algo,.info-def,.info-tc{line-height:1.6;margin-bottom:10px}.close-info-btn{background-color:initial;border:none;color:#ffc400;cursor:pointer;height:3.125rem;outline:none;position:absolute;right:0;top:0;width:3.125rem}.close-info-btn:hover{background-color:#181818;color:#ffc400;cursor:pointer}.display-container{align-items:center;background-color:initial;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:60px;padding:10px;width:100%}.selected-sort-display{color:#4c4c4c;font-size:25px;font-weight:600;margin-top:10px}.action-btns{align-items:center;display:flex;justify-content:center;margin-top:10px}.generate-new-bars-btn,.sort-play-btn{align-items:center;background-color:#ffc400;border:none;border-radius:3px;color:#181818;cursor:pointer;display:flex;height:3.125rem;justify-content:space-between;margin:0 20px;width:9.325rem}.sort-play-btn:disabled,.sort-play-btn:disabled:hover{background-color:#2f2f2f;color:#181818;cursor:not-allowed}.shuffle-icon{height:3.125rem;margin:auto;padding:auto;width:3.125rem}.pause-icon,.play-icon{height:2rem;margin:auto auto auto 1rem;width:2rem}.generate-new-bars-btn h2,.sort-play-btn h2{width:7.325rem}.generate-new-bars-btn:hover,.sort-play-btn:hover{background-color:#181818;color:#ffc400}.sliders-container{justify-content:space-around;padding:10px;width:100%}.slider,.sliders-container{align-items:center;display:flex}.slider{text-wrap-mode:nowrap;color:#ffc400;flex-direction:column;width:40%}.horizontal-slider{color:#181818;display:flexbox;width:90%}.horizontal-slider,.slider-thumb{align-items:center;justify-content:center}.slider-thumb{background-color:#ffc400;cursor:grab;display:flex;height:40px;width:40px}.slider-track{background:#181818;height:4px;top:50%}.text-content{color:#646464;font-size:1.5REM}@media (max-width:600px){*{font-size:1.1rem}.sliding-menu-bar{width:60%}.sliding-info-bar{overflow-x:hidden;width:100%}.sliders-container{display:flexbox;flex-direction:column}.code-container{overflow-x:scroll}.python-code{padding-right:50px}.slider{margin:2REM 0;width:70%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.17294f98.css.map*/