@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);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:Poppins,sans-serif;margin:0;padding:0}:root{--barColor:#737373;--visualizerBackground:#121212}.visualizerContainer{display:flex;height:100svh;overflow:hidden}.arrayWrapper{background:#121212;background:var(--visualizerBackground);background:linear-gradient(90deg,#121212,#303030);flex:1 1 auto;position:relative;width:100%}.bar{background:#737373;background:var(--barColor);background:linear-gradient(0deg,#282828,#888);box-sizing:border-box;position:absolute;transition:left .2s}@media (max-width:480px){.visualizerContainer{flex-direction:column}}:root{--sidebarBackgroundDark:#2d2d2d;--buttonDark:#404040;--buttonActiveDark:#494949;--textDark:#ebebeb}.sidebar-container,.sidebar-wrap{background-color:#2d2d2d;background-color:var(--sidebarBackgroundDark);display:flex;flex-direction:column;position:relative;transition:all .5s}.sidebar-container{align-items:center;justify-content:space-between;margin-top:70px;overflow:hidden;overflow-y:auto;width:355px}.sidebar-container.closed{width:0}.sidebar-settings-container{width:70%}.buttons-stats-wrap,.settings-button-wrap,.sidebar-settings-container{display:flex;flex-direction:column;gap:20px}.settings-button-wrap button{background-color:#404040;background-color:var(--buttonDark);border:none;border-radius:5px;color:#ebebeb;color:var(--textDark);cursor:pointer;font-size:1.2rem;padding:5px;transition:all .2s ease-in-out;white-space:nowrap}.settings-button-wrap button:hover{background-color:#494949;background-color:var(--buttonActiveDark)}.brandLogo{color:#ebebeb;color:var(--textDark);left:0;padding:10px 44px;position:absolute;top:0;transition:font-size .5s;width:-webkit-max-content;width:max-content;z-index:20}.brandLogo.closed{font-size:1.6rem}.hamburger{display:none}.select-algo{background-color:#404040;background-color:var(--buttonDark);border:none;color:#ebebeb;color:var(--textDark);cursor:pointer;font-size:1.1rem;padding:5px;width:100%}.hide-settings-button{background:wheat;border-radius:0 10px 10px 0;cursor:pointer;height:60px;position:absolute;right:0;top:50%;transform:translate(100%,-50%);width:30px;z-index:25}.source-link{align-items:center;align-self:center;color:#ccc;display:flex;font-size:1.2rem;gap:5px;margin-bottom:20px;width:-webkit-max-content;width:max-content}.stats{color:#ebebeb;color:var(--textDark);display:flex;flex-direction:column;justify-items:stretch;white-space:nowrap;z-index:15}.stats .col1{justify-self:end}@media (max-width:480px){.brandLogo{font-size:1.6rem;left:50%;margin-bottom:20px;padding:0;position:relative;top:0;transform:translate(-50%,10px)}.hamburger{cursor:pointer;display:block;display:flex;flex-direction:column;gap:6px;height:18px;justify-content:center;left:20px;margin:auto 0;position:absolute;top:20px;width:25px;z-index:20}.hamburger.is-active{gap:0}.hamburger .hamburger-bar{background-color:#ebebeb;background-color:var(--textDark);border-radius:2px;height:2px;transition:.4s}.hamburger.is-active .hamburger-bar:first-child{transform:translateY(2px) rotate(315deg)}.hamburger.is-active .hamburger-bar:nth-child(3){transform:translateY(-2px) rotate(-315deg)}.hamburger.is-active .hamburger-bar:nth-child(2){opacity:0}.hide-settings-button{display:none}.sidebar-wrap{height:60%}.sidebar-wrap.closed{height:0}.sidebar-container{margin-top:0;width:100%}.sidebar-container.closed{transition:all .2s;width:100%}.sidebar-settings-container{align-items:center;width:75%}.select-algo{font-size:1rem;padding:3px}.settings-button-wrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center}.buttons-stats-wrap{justify-content:center;width:100%}.settings-button-wrap button{font-size:medium;padding:2px;width:45%}.stats{font-size:.8rem}.source-link{bottom:auto;font-size:1rem;left:auto;position:relative;transform:translateX(0)}}.wrapper{width:250px;width:95%}.topSect{align-items:center;display:flex;justify-content:space-between}.title{font-size:1.2em;white-space:nowrap}.title,.value{color:#bdc3c7;padding-bottom:5px}.value{font-size:1.3em;position:relative;text-align:end;text-shadow:#646464 1px 1px 1px}input[type=range]{-webkit-appearance:none;appearance:none;background-color:#bdc3c7;border-radius:15px;display:block;height:4px;margin:0 auto;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#4cc2ff;border:6px solid var(--buttonActiveDark);border-radius:50%;cursor:pointer;height:23px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;width:23px}input[type=range]::-moz-range-thumb{appearance:none;background-color:#4cc2ff;border:6px solid var(--buttonActiveDark);border-radius:50%;-moz-box-sizing:border-box;cursor:pointer;height:23px;-moz-transition:border .1s ease-in-out;transition:border .1s ease-in-out;width:23px}input[type=range]::-webkit-slider-thumb:hover{border:4px solid #454545}input[type=range]::-moz-range-thumb:hover{border:4px solid #454545}
/*# sourceMappingURL=main.5ef2b5d1.css.map*/