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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.device{background-color:#d9d9d9;border:10px solid #666;border-radius:1rem;display:grid;grid-template-areas:"power name name name" "pads pads pads panel";grid-template-columns:25% 25% 25% 25%;grid-template-rows:10% 90%;height:25rem;left:50%;margin:auto;position:absolute;top:48%;transform:translate(-50%,-50%);width:30rem}.power-button-container{grid-area:power;margin-left:1.3rem;margin-top:.75rem}.power-button{background-color:grey;border:1px solid #4d4d4d;border-radius:.25rem;color:#fff;font-weight:700;height:2rem;padding:0 .65rem}.device-name{align-items:center;color:red;font-family:Audiowide,cursive;font-size:xx-large;font-weight:bolder;grid-area:name;height:100%;margin-right:1rem;margin-top:.25rem;text-align:right}.pads-container{grid-gap:.75rem;align-self:center;box-sizing:inherit;display:grid;gap:.75rem;grid-area:pads;grid-template-columns:repeat(3,6rem);grid-template-rows:repeat(3,6rem);justify-content:left;margin-left:1.25rem}.drum-pad{align-items:center;background-color:#a6a6a6;border:1px solid grey;border-radius:.4rem;color:#e6e6e6;display:flex;font-size:1rem;font-weight:bolder;justify-content:center}.drum-pad:focus,.drum-pad:hover,.pressed-drum-pad{background-color:#8c8c8c;border:3px solid #737373;cursor:pointer}.pressed-drum-pad{background-color:#8c8c8c;border:3px solid #737373}.panel-container{align-items:center;display:inline-block;grid-area:panel;margin-top:1.1rem}.sound-display-container{background-color:grey;border:1px solid #4d4d4d;display:inline-block;height:1.75rem;margin-top:.5rem;width:6.4rem}.sound-display{align-items:center;color:#3ed8ef;display:flex;font-size:1rem;font-weight:700;height:1.5rem;justify-content:center;padding-top:.1rem}.soundbank-container{display:flexbox;height:4rem;margin-right:1rem;margin-top:.5rem;width:6.4rem}.selected-soundbank,.soundbank-button-container{align-items:center;display:flex;justify-content:center}.active-sound{color:blue;text-shadow:0 0 .1em #d3d3d3,0 0 .6em blue}.active-sound,.inactive-sound{font-size:large;font-weight:700}.inactive-sound{color:#b8b8b8}.soundbank-button{align-items:center;display:flex;height:2rem;margin-top:5px}.soundbank-divider{color:#d9d9d9;font-weight:700}.volume-container{display:grid;justify-content:center;margin-right:1rem;margin-top:1rem}.volume-slider{-webkit-appearance:slider-vertical;appearance:slider-vertical;background-color:red;color:grey;height:10.5rem;outline:none;width:4rem}volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:red;border-radius:0;height:1rem;width:1rem}body{background-color:#a6a6a6;height:auto;margin:0;width:100%}.container{height:100%;width:100%}
/*# sourceMappingURL=main.b393c138.css.map*/