@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";._drumMachine_2jyca_3{font-family:Montserrat,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;padding:30px;background-color:#1a1a1a;border-radius:15px;box-shadow:0 10px 25px #0000004d;color:#fff}._display_2jyca_17{display:flex;justify-content:center;align-items:center;height:60px;margin:20px 0 30px;padding:10px;background-color:#333;color:#f90;font-size:24px;font-weight:600;letter-spacing:1px;border-radius:8px;box-shadow:inset 0 0 10px #00000080;text-transform:uppercase}._padContainer_2jyca_34{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;margin-bottom:30px}._drumPad_2jyca_41{height:100px;background-color:#333;color:#fff;font-size:28px;font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:10px;cursor:pointer;box-shadow:0 5px #222,0 10px 20px #0003;transition:all .1s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}._drumPad_2jyca_41:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ff99001a;opacity:0;transition:opacity .2s}._drumPad_2jyca_41:hover{background-color:#3a3a3a}._drumPad_2jyca_41:active,._drumPad_2jyca_41._active_2jyca_75{background-color:#f90;transform:translateY(5px);box-shadow:0 2px #222,0 5px 10px #0003}._drumPad_2jyca_41:active:after,._drumPad_2jyca_41._active_2jyca_75:after{opacity:1}._controls_2jyca_85{margin:30px 0 10px;display:flex;flex-direction:column;align-items:center;gap:15px}._volumeControl_2jyca_93{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}._volumeControl_2jyca_93 label{font-weight:500;color:#f90;letter-spacing:1px}._volumeControl_2jyca_93 input[type=range]{-webkit-appearance:none;width:100%;height:8px;background:#333;border-radius:10px;outline:none;padding:0;margin:0}._volumeControl_2jyca_93 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#f90;cursor:pointer;transition:all .1s;box-shadow:0 2px 5px #0000004d}._volumeControl_2jyca_93 input[type=range]::-webkit-slider-thumb:hover{background:#fa3;transform:scale(1.1)}._volumeControl_2jyca_93 input[type=range]{--background-size: 0;width:100%;height:8px;background:#333;border-radius:10px;outline:none;padding:0;margin:0}._volumeControl_2jyca_93 input[type=range]{--background-size: 0;-webkit-appearance:none;width:100%;height:8px;background:#333;border-radius:10px;outline:none;padding:0;margin:0}._volumeValue_2jyca_146{font-size:18px;font-weight:600;color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;background-color:#2c2b2b}