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