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}.navbar-container{background:#039;display:flex;height:60px;justify-content:space-between;padding:10px;z-index:1}.navbar-link{color:#ccf;cursor:pointer;height:100%;padding:0 1rem;text-decoration:none;&.active{color:#cff}}.nav-menu,.navbar-link{align-items:center;display:flex}.nav-menu{margin-right:-24px}.nav-btn{align-items:center;display:flex;margin-right:24px}.name{color:#fff;font-size:30px;font-weight:bolder;left:0;-webkit-user-select:none;-o-user-select:none;user-select:none}.divMenu{display:flex}.divMenu,.logo{margin-left:25px}.logo{height:80px;width:80px}body{background-color:#f5f5f5}.gridWhite{background-color:#add8e6;color:#000;z-index:5}.gridBlack,.gridWhite{border-bottom-left-radius:0;border-color:#000;border-top-left-radius:0;font-weight:700;height:40px;width:140px}.gridBlack{background-color:#000;color:#fff;z-index:2}.pianoCol{background-color:initial;left:0;margin-top:15px;position:-webkit-sticky;position:sticky;z-index:10}.selectSound{margin-left:80px}.btnUp{left:0;margin-left:55px;position:absolute}.btnPiano{background-color:#26252d}.btnPiano,.btnPianoWhite{border:1px solid #000;height:40px;width:40px}.btnPianoWhite{background-color:gray}.gridPiano{background-color:#26252d}.layoutPiano{background-color:gray;height:100vh}.dark .layoutPiano{background-color:#26252d}.play-btn{margin:0 auto}.divMenuPiano{display:flex;justify-content:flex-start}.play-button{margin-right:10px}.choose-sound-button{margin-left:100px}.header{align-items:center;background-color:#f5f5f5;display:flex;position:-webkit-sticky;position:sticky;top:0;width:"100%";z-index:10}.dark .header{background-color:#001529}.soundicon{font-size:25px;margin-right:170px;margin-top:4px}.slider-sound,.soundicon{position:absolute;right:0}.slider-sound{margin-right:55px;width:100px}.footer{align-items:center;background-color:#f5f5f5;bottom:0;display:flex;height:64px;position:-webkit-sticky;position:sticky;width:"100%";z-index:10}.dark .footer{background-color:#001529}.grid-canvas{display:flex;flex-direction:row;overflow:auto}body::-webkit-scrollbar{background-color:gray;width:0}.dark body::-webkit-scrollbar{background-color:#2c3531}::-webkit-scrollbar{background-color:gray;width:15px}.dark ::-webkit-scrollbar{background-color:#2c3531}::-webkit-scrollbar-thumb{background-color:#1677ff;border-radius:5px}::-webkit-scrollbar-corner{background-color:gray}.dark ::-webkit-scrollbar-corner{background-color:#2c3531}.bpm-input{margin-left:20px}.pause-button{margin-right:10px}.slider-panner{width:200%}.record-button,.slider-panner{margin-left:20px}.signature{background-color:#1677ff;height:15px;top:0}.addColsButton,.signature{border-radius:5px;position:-webkit-sticky;position:sticky;z-index:1}.addColsButton{margin-left:5px;top:40vh}.bpm-input .ant-input-number-group-addon{background-color:#1677ff;color:#fff}.delete-button{margin-left:75px}.contentLayout{overflow:auto}.pianoTilesContainer{display:flex;flex:1 1;justify-content:flex-start}.pencil-button{margin-left:80px}.select-button{margin-left:10px}canvas{cursor:url(/static/media/pencil-fill.866515cf0bed03086755.svg),auto}.spinner-container{align-items:center;display:flex;height:100vh;justify-content:center}.load-btn,.save-btn{margin-left:20px}body{background-color:#fff}.dark .sidebar,.dark body{background-color:#2c3531}.light .sidebar{background-color:#fff}.dark .sidemenu{background-color:#2c3531}.light .sidemenu{background-color:#fff}.creatediv{background-color:#f0f0f0;border-radius:8px;padding:20px;text-align:center}.listprojects{margin-top:20px;min-height:100vh}.card-project{min-width:200px}.layoutHome{background-color:#f5f5f5}.dark .layoutHome{background-color:gray}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.MainLayout{background-color:gray}.dark .MainLayout{background-color:#2c3531}.listTemplates{background-color:#fff}.dark .listTemplates{background-color:#001529}.GridMainTrack{background-color:#fff}.dark .GridMainTrack{background-color:#001529}.CardGrid{background-color:#fff}.darl .CardGrid{background-color:#2c3531}.headerMain{background-color:#fff;padding:5px}.radioMain{height:30px}
/*# sourceMappingURL=main.44e0a78d.css.map*/