.ProcessingAnimation_animationContainer__jmhsc{display:flex;justify-content:center;align-items:center;margin-top:20px}.ProcessingAnimation_animationFrame__Nfc0R{max-width:50%;height:auto}.DrumPadGrid_wrapper__heo23{display:flex;justify-content:flex-start;align-items:flex-start;gap:40px}.DrumPadGrid_gridContainer__3S6tk{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;width:500px;height:500px;margin:0 auto;background-color:#232323;grid-auto-flow:dense}.DrumPadGrid_gridSquare__S5m7b:first-child{grid-area:4/1/5/2}.DrumPadGrid_gridSquare__S5m7b:nth-child(2){grid-area:4/2/5/3}.DrumPadGrid_gridSquare__S5m7b:nth-child(3){grid-area:4/3/5/4}.DrumPadGrid_gridSquare__S5m7b:nth-child(4){grid-area:4/4/5/5}.DrumPadGrid_gridSquare__S5m7b:nth-child(5){grid-area:3/1/4/2}.DrumPadGrid_gridSquare__S5m7b:nth-child(6){grid-area:3/2/4/3}.DrumPadGrid_gridSquare__S5m7b:nth-child(7){grid-area:3/3/4/4}.DrumPadGrid_gridSquare__S5m7b:nth-child(8){grid-area:3/4/4/5}.DrumPadGrid_gridSquare__S5m7b:nth-child(9){grid-area:2/1/3/2}.DrumPadGrid_gridSquare__S5m7b:nth-child(10){grid-area:2/2/3/3}.DrumPadGrid_gridSquare__S5m7b:nth-child(11){grid-area:2/3/3/4}.DrumPadGrid_gridSquare__S5m7b:nth-child(12){grid-area:2/4/3/5}.DrumPadGrid_gridSquare__S5m7b:nth-child(13){grid-area:1/1/2/2}.DrumPadGrid_gridSquare__S5m7b:nth-child(14){grid-area:1/2/2/3}.DrumPadGrid_gridSquare__S5m7b:nth-child(15){grid-area:1/3/2/4}.DrumPadGrid_gridSquare__S5m7b:nth-child(16){grid-area:1/4/2/5}.DrumPadGrid_gridSquare__S5m7b{position:relative;background-color:#008e7d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:700;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .3s ease;padding:10px}.DrumPadGrid_active__Ni8Id,.DrumPadGrid_gridSquare__S5m7b:active,.DrumPadGrid_gridSquare__S5m7b:hover{background-color:#33e796}.DrumPadGrid_gridSquare__S5m7b.DrumPadGrid_dragOver__KRYsC{background-color:#c35353;cursor:crosshair}.DrumPadGrid_gridSquare__S5m7b.DrumPadGrid_dragging__PZUx9{transform:scale(.2);opacity:.7}.DrumPadGrid_gridSquare__S5m7b small{font-size:.8rem;margin-top:5px;padding:4px 8px;background-color:#333;color:#fff;border-radius:4px;border:2px solid #fff;text-align:center;display:inline-block}.DrumPadGrid_lockButton__Frsmc{position:absolute;top:5px;right:5px;width:45px;height:20px;border:none;cursor:pointer;font-size:12px;padding:2px;text-align:center;line-height:16px;border-radius:4px;transition:background-color .3s ease;color:#fff;z-index:2;opacity:.9}.DrumPadGrid_lockButton__Frsmc.DrumPadGrid_unlocked__gr1Df{background-color:tomato}.DrumPadGrid_lockButton__Frsmc.DrumPadGrid_locked__89oLu{background-color:#32cd32}.DrumPadGrid_lockButton__Frsmc:hover{opacity:1}.DrumPadGrid_options__0QNhw{display:flex;flex-direction:column;justify-content:flex-start}.DrumPadGrid_options__0QNhw h2{padding-bottom:.5rem}.DrumPadGrid_buttonContainer__3lKIM{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;padding-bottom:1.5rem}.DrumPadGrid_shuffleButton__i8dmI{background-color:#70c50f;border:none;color:#000;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-left:20px;cursor:pointer;border-radius:4px;align-self:flex-start;margin-right:6rem}.DrumPadGrid_shuffleButton__i8dmI:hover{background-color:#45a049}.DrumPadGrid_downloadButton__33XWH{background-color:#70c50f;border:none;color:#3d1212;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-left:20px;cursor:pointer;border-radius:4px;align-self:flex-start;margin-right:6rem}.DrumPadGrid_downloadButton__33XWH:hover{background-color:#45a049}