.M_InstrumentHeaderWithButton{background-color:var(--black);padding:0 48px;position:relative}.M_InstrumentHeaderWithButton .A_ToggleButton{left:14px;position:absolute;top:14px}.A_Text{font-family:PT Root UI;font-weight:400}.A_Text.instrumentHeader{color:var(--white-grey);font-size:18px;line-height:52px;text-align:center}.A_Text.sliderLabel{color:var(--black);font-size:16px;font-weight:700;line-height:20px}.A_Text.sliderDescription{color:var(--black);font-size:14px;line-height:20px;text-align:right}.A_Text.codeExampleLabel{color:var(--light-grey);font-size:14px;font-weight:500;line-height:18px}.A_ToggleButton{cursor:pointer}.A_ToggleButton.play{background-image:url(images/e64b4bd7d5cd2662564c.svg);height:24px;width:24px}.A_ToggleButton.play.isOn{background-image:url(images/8762c7cd3a950d3f910a.svg)}.A_ToggleButton.sampleSequencerBlock{background-color:var(--white-grey);height:36px;width:72px}.A_ToggleButton.sampleSequencerBlock.isOn{background-color:var(--acid-green)}.M_Slider{background-color:var(--white-grey);color:var(--black);padding:16px 20px}.M_Slider .W_SliderHeader{align-items:baseline;display:flex;justify-content:space-between}.M_Slider .W_SliderHeader .A_Text.sliderLabel{width:110px}.M_Slider .W_SliderHeader .A_Text.sliderDescription{width:280px}.M_Slider .A_SliderInput{margin:16px 0 0}.A_SliderInput[type=range]{-webkit-appearance:none;background-color:var(--white-grey);width:100%}.A_SliderInput[type=range]::-webkit-slider-runnable-track{background:var(--grey);border:none;height:4px}.A_SliderInput[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--acid-green);border:none;border-radius:50%;cursor:pointer;height:16px;margin-top:-6px;width:16px}.A_SliderInput[type=range]:focus{outline:none}.A_SliderInput[type=range]:focus::-webkit-slider-runnable-track{background:var(--black)}.wide .M_CodeExample{width:800px}.M_CodeExample{margin:40px auto 0;width:100%}.M_CodeExample .A_Text{margin-bottom:16px}.M_CodeExample pre{background-color:var(--dark-grey)!important;color:var(--white-grey);display:block;font-family:PT Mono,monospace;font-size:18px;line-height:160%;overflow-x:scroll;padding:14px 20px 16px;width:100%}.M_CodeExample .hljs-comment,.M_CodeExample .hljs-quote{color:#5c6370;font-style:italic}.M_CodeExample .hljs-doctag,.M_CodeExample .hljs-formula,.M_CodeExample .hljs-keyword{color:#c678dd}.M_CodeExample .hljs-deletion,.M_CodeExample .hljs-name,.M_CodeExample .hljs-section,.M_CodeExample .hljs-selector-tag,.M_CodeExample .hljs-subst{color:#e06c75}.M_CodeExample .hljs-literal{color:#56b6c2}.M_CodeExample .hljs-addition,.M_CodeExample .hljs-attribute,.M_CodeExample .hljs-meta-string,.M_CodeExample .hljs-regexp,.M_CodeExample .hljs-string{color:#98c379}.M_CodeExample .hljs-built_in,.M_CodeExample .hljs-class .hljs-title{color:#e6c07b}.M_CodeExample .hljs-attr,.M_CodeExample .hljs-number,.M_CodeExample .hljs-selector-attr,.M_CodeExample .hljs-selector-class,.M_CodeExample .hljs-selector-pseudo,.M_CodeExample .hljs-template-variable,.M_CodeExample .hljs-type,.M_CodeExample .hljs-variable{color:#d19a66}.M_CodeExample .hljs-bullet,.M_CodeExample .hljs-symbol{color:#61aeee}.M_CodeExample .hljs-link{color:#61aeee;text-decoration:underline}.M_CodeExample .hljs-meta,.M_CodeExample .hljs-selector-id,.M_CodeExample .hljs-title{color:#61aeee}.M_CodeExample .hljs-emphasis{font-style:italic}.M_CodeExample .hljs-strong{font-weight:700}.M_InstrumentHeader{background-color:var(--black);padding:0 14px;position:relative}.O_PianoKeyboard{background-color:var(--dark-grey);height:420px;margin:0 auto;position:relative;width:600px}.O_PianoKeyboard .C_PianoWhiteKeys{display:flex;height:420px;justify-content:space-between;left:0;position:absolute;top:0;width:600px}.O_PianoKeyboard .C_PianoBlackKeys{height:280px;left:58px;position:absolute;top:0;width:484px}.O_PianoKeyboard .C_PianoBlackKeys,.O_PianoKeyboard .C_PianoBlackKeys .C_PianoBlackKeysPart{display:flex;justify-content:space-between}.O_PianoKeyboard .C_PianoBlackKeys .C_PianoBlackKeysPart:first-child{height:280px;width:140px}.O_PianoKeyboard .C_PianoBlackKeys .C_PianoBlackKeysPart:last-child{height:280px;width:226px}.O_PianoKeyboard .C_PianoBlackKeys .C_PianoBlackKeysPart .A_Button{position:relative;z-index:1}.A_Button{cursor:pointer}.A_Button.pianoWhite{background-color:var(--white);height:420px;width:84px}.A_Button.pianoBlack{background-color:var(--grey);height:280px;width:54px}.A_Button.pianoKey{left:0;position:absolute}.A_Button.pianoKey:first-child,.A_Button.pianoKey:nth-child(10),.A_Button.pianoKey:nth-child(12),.A_Button.pianoKey:nth-child(3),.A_Button.pianoKey:nth-child(5),.A_Button.pianoKey:nth-child(7),.A_Button.pianoKey:nth-child(8){background-color:var(--white);height:22px;width:114px}.A_Button.pianoKey:nth-child(11),.A_Button.pianoKey:nth-child(2),.A_Button.pianoKey:nth-child(4),.A_Button.pianoKey:nth-child(6),.A_Button.pianoKey:nth-child(9){background-color:var(--grey);height:16px;width:76px;z-index:1}.A_Button.pianoKey:first-child{top:0}.A_Button.pianoKey:nth-child(2){top:15px}.A_Button.pianoKey:nth-child(3){top:24px}.A_Button.pianoKey:nth-child(4){top:39px}.A_Button.pianoKey:nth-child(5){top:48px}.A_Button.pianoKey:nth-child(6){top:63px}.A_Button.pianoKey:nth-child(7){top:72px}.A_Button.pianoKey:nth-child(8){top:96px}.A_Button.pianoKey:nth-child(9){top:111px}.A_Button.pianoKey:nth-child(10){top:120px}.A_Button.pianoKey:nth-child(11){top:135px}.A_Button.pianoKey:nth-child(12){top:144px}.A_InstrumentConnectionArrow{background-image:url(images/6ca254d62a02d6f892e4.svg);background-position:50%;background-repeat:no-repeat;height:88px;width:100%}.O_SampleSequencerGrid{background-color:var(--white);padding:2px}.M_SampleSequencerRow{position:relative}.M_SampleSequencerRow .name{color:var(--black);font-size:14px;left:6px;line-height:36px;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .3s ease;user-select:none;z-index:2}.M_SampleSequencerRow:hover .name{opacity:1}.M_SampleSequencerRow .W_SampleSequencerRowSteps{display:flex;gap:2px;justify-content:space-between;margin-top:2px;width:100%}.M_SampleSequencerRow:first-child .W_SampleSequencerRowSteps{margin:0}.A_SampleSequencerStep{background-color:var(--white-grey);cursor:pointer;height:36px;transition:all .1s ease;width:72px}.A_SampleSequencerStep.isOn{background-color:var(--acid-green)!important}.A_SampleSequencerStep.currentStep,.A_SampleSequencerStep:hover{background-color:var(--light-grey)}.O_NoteSequencer{background-color:var(--white);height:338px;overflow-y:scroll;padding:2px}.O_NoteSequencer .W_NoteSequencerScroller{display:flex}.O_NoteSequencer .C_NoteSequencerPianoKeyboards{background-color:var(--white-grey);margin-right:2px;width:114px}.O_NoteSequencer .C_NoteSequencerPianoKeyboards .M_NoteSequencerPianoKeyboard{margin-bottom:2px}.O_NoteSequencer .C_NoteSequencerGrid{width:1066px}.O_NoteSequencer .C_NoteSequencerGrid .M_NoteSequencerRow{margin-bottom:2px}.M_NoteSequencerPianoKeyboard{height:166px;position:relative;width:114px}.M_NoteSequencerRow{position:relative}.M_NoteSequencerRow .C_NoteSequencerSteps{display:flex}.M_NoteSequencerRow .C_NoteSequencerSteps .A_NoteSequencerStep{align-self:stretch;flex:1;margin-right:2px}.M_NoteSequencerRow .C_NoteSequencerSteps .A_NoteSequencerStep:last-child{margin-right:0}.M_NoteSequencerRow .C_NoteSequenceSteps{position:absolute;top:0;z-index:1}.A_NoteSequencerStep{background-color:var(--white-grey);cursor:pointer;height:12px}.A_NoteSequencerStep.currentStep,.A_NoteSequencerStep:hover{background-color:var(--light-grey)}.A_NoteSequenceStep{background-color:var(--acid-green);height:12px;position:absolute;top:0}.A_NoteSequenceStep.temporary{pointer-events:none}