@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box}:root{--fullHeight:100vh}body{margin:0;background-color:#000;display:flex;justify-content:center;align-items:center;font-family:"montserrat";height:(100vh * 100);height:(var(--fullHeight,1vh) * 100);width:100vw;overflow:hidden}#warning{display:none}header{color:#fff;justify-content:space-between;width:100%;padding:max(.4vw,8px)}.brand,header{display:flex;align-items:center}.brand h1{margin:1vw 0;font-size:max(3.5vw,1.5rem)}.brand img{height:max(3vw,20px);margin-right:max(1.2vw,10px);margin-left:max(.4vw,5px)}header .controls{display:flex;align-items:flex-end}.controls .btn{height:4vw;min-height:40px;width:4vw;min-width:40px;border-radius:100px;margin:max(.4vw,5px);border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.controls .btn svg{height:1.2vw;min-height:15px;width:1.2vw;min-width:15px}.controls label{text-transform:lowercase;-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-variant:small-caps;margin:0 0 .4vw;font-size:max(1.3vw,.8rem)}.bpm-slider,.genre-select{display:flex;flex-direction:column;justify-content:space-between;width:8.8vw;min-width:100px;height:4vw;min-height:40px;margin:max(.4vw,5px)}.bpm-slider input,.genre-select select{background:#fff;border:none;height:100%;width:100%;border-radius:5px;padding:.4vw;text-transform:capitalize;font-size:max(1.2vw,.8rem)}.genre-select select>option{text-transform:capitalize}.beat-machine{display:flex;flex-direction:column;align-items:flex-start;max-width:100vw;max-height:calc(100vh - 70px);flex-shrink:0;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;padding:max(.4vw,5px) max(.4vw,5px) 20px}.beat-machine::-webkit-scrollbar{display:none}.row{height:4.8vw;display:flex;flex-shrink:0}.sound-control{background-color:#29292b;border-radius:5px;width:12vw;max-width:12vw;margin:max(.4vw,3px);height:4vw;display:flex;justify-content:space-between;padding:.8vw;cursor:pointer}.sound-info{display:flex;align-items:center;max-width:calc(100% - .5rem - 12px);font-size:max(1.3vw,.8rem)}.sound-info img{width:max(2vw,15px);margin-right:max(.8vw,5px)}.sound-info span{color:#fff;-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-variant:small-caps;opacity:.6;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mute-btn{background:transparent;border:none;cursor:pointer;color:#fff;opacity:.6;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mute-btn svg{font-size:.5rem}.grid{display:flex;flex-wrap:nowrap}.square{flex-shrink:0;width:4vw;height:4vw;margin:max(.4vw,3px);border-radius:5px;cursor:pointer}@media only screen and (orientation:portrait){#warning{position:fixed;top:0;left:0;width:100%;height:100%;max-height:10000vh;max-height:calc(var(--fullHeight, 1vh)*100);background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}#warning img{width:30vw;margin-bottom:10px}#warning p{width:50%;font-size:1.5rem;text-align:center}}
/*# sourceMappingURL=main.adf0553b.chunk.css.map */