.bass-module__plSzhq__page{flex-direction:column;align-items:center;height:100vh;padding:56px 44px 100px;display:flex;overflow-y:auto}.bass-module__plSzhq__back{letter-spacing:.18em;opacity:.45;text-transform:uppercase;z-index:10;font-size:.6rem;font-weight:300;transition:opacity .2s;position:fixed;top:32px;left:44px}.bass-module__plSzhq__back:hover{opacity:.9}.bass-module__plSzhq__heading{letter-spacing:.28em;text-transform:uppercase;opacity:.3;margin-top:24px;margin-bottom:48px;font-size:.65rem;font-weight:300}.bass-module__plSzhq__grid{flex-direction:column;gap:28px;width:100%;max-width:920px;display:flex}.bass-module__plSzhq__card{border:1px solid #80808026;border-radius:6px;flex-direction:column;gap:20px;padding:32px 36px 36px;display:flex}.bass-module__plSzhq__cardTitle{letter-spacing:.28em;text-transform:uppercase;opacity:.3;margin-bottom:4px;font-size:.58rem;font-weight:400}.bass-module__plSzhq__controlGroup{flex-direction:column;gap:10px;display:flex}.bass-module__plSzhq__controlLabel{letter-spacing:.22em;text-transform:uppercase;opacity:.3;font-size:.55rem;font-weight:300}.bass-module__plSzhq__slider{-webkit-appearance:none;cursor:pointer;background:#80808033;border-radius:1px;outline:none;width:100%;height:2px}.bass-module__plSzhq__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);opacity:.7;cursor:pointer;border-radius:50%;width:14px;height:14px}.bass-module__plSzhq__playBtn{letter-spacing:.16em;text-transform:uppercase;color:var(--fg);cursor:pointer;opacity:.6;background:0 0;border:1px solid #80808040;border-radius:100px;align-self:flex-start;padding:10px 24px;font-size:.62rem;font-weight:300;transition:opacity .2s,border-color .2s}.bass-module__plSzhq__playBtn:hover,.bass-module__plSzhq__playBtnActive{opacity:1;border-color:#80808080}.bass-module__plSzhq__bpmRow{align-items:center;gap:10px;display:flex}.bass-module__plSzhq__nudge{letter-spacing:.1em;color:var(--fg);cursor:pointer;opacity:.5;background:0 0;border:1px solid #80808033;border-radius:4px;padding:6px 12px;font-size:.6rem;transition:opacity .15s}.bass-module__plSzhq__nudge:hover{opacity:.9}.bass-module__plSzhq__bpmDisplay{justify-content:center;align-items:baseline;gap:6px;min-width:90px;display:flex}.bass-module__plSzhq__bpmNum{letter-spacing:-.02em;font-size:2rem;font-weight:100;line-height:1}.bass-module__plSzhq__bpmLabel{letter-spacing:.2em;opacity:.35;text-transform:uppercase;font-size:.55rem}.bass-module__plSzhq__scaleHeader{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.bass-module__plSzhq__scaleTitle{letter-spacing:.05em;opacity:.85;font-size:1.1rem;font-weight:100}.bass-module__plSzhq__randomBtn{letter-spacing:.18em;text-transform:uppercase;color:var(--fg);cursor:pointer;opacity:.55;background:0 0;border:1px solid #80808040;border-radius:100px;flex-shrink:0;padding:7px 18px;font-size:.58rem;transition:opacity .2s}.bass-module__plSzhq__randomBtn:hover{opacity:1}.bass-module__plSzhq__controls{grid-template-columns:1fr 1fr;gap:24px;display:grid}.bass-module__plSzhq__keyGrid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.bass-module__plSzhq__keyBtn{letter-spacing:.05em;color:var(--fg);cursor:pointer;opacity:.45;text-align:center;background:0 0;border:1px solid #8080802e;border-radius:4px;padding:6px 4px;font-size:.6rem;transition:opacity .15s,border-color .15s}.bass-module__plSzhq__keyBtn:hover{opacity:.8}.bass-module__plSzhq__keyBtnActive{border-color:#8080808c;opacity:1!important}.bass-module__plSzhq__scaleList{flex-direction:column;gap:5px;display:flex}.bass-module__plSzhq__scaleBtn{letter-spacing:.1em;color:var(--fg);cursor:pointer;opacity:.45;text-align:left;background:0 0;border:1px solid #8080802e;border-radius:4px;padding:6px 12px;font-size:.6rem;transition:opacity .15s,border-color .15s}.bass-module__plSzhq__scaleBtn:hover{opacity:.8}.bass-module__plSzhq__scaleBtnActive{border-color:#8080808c;opacity:1!important}.bass-module__plSzhq__notation{border-top:1px solid #8080801f;flex-direction:column;gap:12px;padding-top:20px;display:flex}.bass-module__plSzhq__notationScroll{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto}.bass-module__plSzhq__staffSvg{color:var(--fg);display:block}.bass-module__plSzhq__droneNote{align-items:baseline;gap:12px;display:flex}.bass-module__plSzhq__droneNoteLabel{letter-spacing:.2em;text-transform:uppercase;opacity:.3;font-size:.55rem}.bass-module__plSzhq__droneNoteName{letter-spacing:.04em;font-size:1.6rem;font-weight:100;line-height:1}.bass-module__plSzhq__droneFreq{letter-spacing:.1em;opacity:.35;font-size:.6rem;font-weight:300}.bass-module__plSzhq__droneControls{flex-direction:column;gap:16px;display:flex}.bass-module__plSzhq__waveRow{flex-wrap:wrap;gap:8px;display:flex}.bass-module__plSzhq__waveBtn{letter-spacing:.1em;color:var(--fg);cursor:pointer;opacity:.45;text-transform:lowercase;background:0 0;border:1px solid #80808033;border-radius:4px;padding:6px 14px;font-size:.6rem;transition:opacity .15s,border-color .15s}.bass-module__plSzhq__waveBtn:hover{opacity:.8}.bass-module__plSzhq__waveBtnActive{border-color:#8080808c;opacity:1!important}.bass-module__plSzhq__droneWave{opacity:.35;align-items:flex-end;gap:3px;height:24px;display:flex}.bass-module__plSzhq__droneBar{background:var(--fg);border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate bass-module__plSzhq__droneAnim;display:inline-block}@keyframes bass-module__plSzhq__droneAnim{0%{height:4px}to{height:22px}}.bass-module__plSzhq__drumGrid{-webkit-overflow-scrolling:touch;flex-direction:column;gap:5px;min-width:0;padding-bottom:4px;display:flex;overflow-x:auto}.bass-module__plSzhq__drumRow{align-items:center;gap:3px;display:flex}.bass-module__plSzhq__drumLabel{letter-spacing:.1em;text-transform:uppercase;opacity:.3;text-align:right;flex-shrink:0;width:46px;padding-right:10px;font-size:.52rem}.bass-module__plSzhq__stepNum{letter-spacing:.04em;opacity:.2;text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:14px;font-size:.42rem;display:flex}.bass-module__plSzhq__stepNumBeat{opacity:.4;font-size:.48rem}.bass-module__plSzhq__stepNumActive{opacity:.9!important}.bass-module__plSzhq__stepBtn{cursor:pointer;background:0 0;border:1px solid #80808029;border-radius:3px;flex-shrink:0;width:26px;height:26px;transition:background 70ms,border-color 70ms}.bass-module__plSzhq__stepBtnBeat{border-color:#80808042}.bass-module__plSzhq__stepBtn:hover{background:#80808012;border-color:#80808066}.bass-module__plSzhq__stepBtnOn{opacity:.82;background:var(--fg)!important;border-color:var(--fg)!important}.bass-module__plSzhq__stepBtnCurrent{outline-offset:1px;outline:1px solid #80808073}.bass-module__plSzhq__stepBtnOn.bass-module__plSzhq__stepBtnCurrent{opacity:1;outline-color:var(--fg)}.bass-module__plSzhq__drumFooter{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bass-module__plSzhq__presetBtn{letter-spacing:.14em;text-transform:uppercase;color:var(--fg);cursor:pointer;opacity:.42;background:0 0;border:1px solid #80808033;border-radius:100px;padding:9px 18px;font-size:.58rem;transition:opacity .15s}.bass-module__plSzhq__presetBtn:hover{opacity:.8}@media (max-width:640px){.bass-module__plSzhq__page{padding:68px 14px 80px}.bass-module__plSzhq__back{top:24px;left:14px}.bass-module__plSzhq__heading{margin-top:8px;margin-bottom:28px}.bass-module__plSzhq__grid{gap:14px}.bass-module__plSzhq__card{padding:20px 16px 24px}.bass-module__plSzhq__bpmRow{gap:6px}.bass-module__plSzhq__nudge{padding:10px;font-size:.65rem}.bass-module__plSzhq__bpmDisplay{min-width:64px}.bass-module__plSzhq__bpmNum{font-size:1.5rem}.bass-module__plSzhq__scaleHeader{flex-direction:column;align-items:flex-start;gap:10px}.bass-module__plSzhq__controls{grid-template-columns:1fr}.bass-module__plSzhq__keyGrid{grid-template-columns:repeat(4,1fr)}.bass-module__plSzhq__keyBtn{padding:11px 4px;font-size:.62rem}.bass-module__plSzhq__scaleBtn{padding:11px 12px}.bass-module__plSzhq__randomBtn{padding:10px 18px}.bass-module__plSzhq__drumLabel{width:34px;padding-right:6px;font-size:.46rem}.bass-module__plSzhq__stepNum{width:20px}.bass-module__plSzhq__stepBtn{width:20px;height:32px}.bass-module__plSzhq__waveRow{gap:6px}.bass-module__plSzhq__waveBtn{padding:10px 12px}.bass-module__plSzhq__playBtn{padding:12px 22px}}