.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_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)}.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}