.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_InstrumentHeader{background-color:var(--black);padding:0 14px;position:relative}.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}.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}.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}.A_InstrumentConnectionArrow{background-image:url(images/6ca254d62a02d6f892e4.svg);background-position:50%;background-repeat:no-repeat;height:88px;width:100%}.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}