body{color:var(--color-foreground);background:var(--color-background)}body.playground{background:var(--color-gray-1)}::selection{background:var(--color-shade)}.reversed{color:var(--color-background);background-color:var(--color-foreground)}footer{background-color:var(--color-shade)}.caption{color:var(--color-caption)}.selection{background-color:var(--color-shade)}a{color:var(--color-foreground);text-decoration:none}.recipes .components_lesson-viewer__next-chapter-subtitle,.recipes .main .page a{box-shadow:inset 0 -3.5px 0 var(--color-blue)}
.cc-window{position:fixed;z-index:9999;overflow:hidden;box-sizing:border-box;bottom:0;padding:2em;background-color:#fff;color:#00004c;font-family:AbletonSans-Medium,sans-serif;font-size:13px;line-height:1.5;border-top:2px solid #f3f3f6}.cc-message{display:block;margin-bottom:20px;opacity:.95}.cc-message .cc-link{text-decoration:underline;display:inline-block}.cc-compliance .cc-btn{display:block;padding:1em 0;text-align:center;background-color:#e2e2e8;color:#00004c;font-family:AbletonSans-Bold,sans-serif}@media (min-width:414px){.cc-window{padding:2em 64px}}@media (min-width:768px){.cc-window{display:grid;grid-template-columns:1fr 140px}.cc-message{padding-right:40px;margin-bottom:0}.cc-compliance{display:flex;flex-direction:column;justify-content:center}}@media (min-width:1024px){.cc-window{padding:2em 128px}.cc-message{padding-right:72px}}@media (min-width:1440px){.cc-window{padding:2em 256px}}
.embed .container{position:relative;transform:translate3d(0,0,0);cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.embed .container.active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.embed.unknown{display:flex;justify-content:center;align-items:center;font-size:13px;text-transform:unset;background-color:var(--color-shade);line-height:calc(var(--font-line-height)*7)}
@font-face{font-family:AbletonSans-Medium;src:url(../fonts/AbletonSans-Medium.woff2);src:url(../fonts/AbletonSansMedium-Regular.otf)}@font-face{font-family:AbletonSans-Bold;src:url(../fonts/AbletonSans-Bold.woff2);src:url(../fonts/AbletonSansBold-Regular.otf)}@font-face{font-family:AbletonSans-Light;src:url(../fonts/AbletonSans-Light.woff2);src:url(../fonts/AbletonSansLight-Regular.otf)}@font-face{font-family:'Futura PT Bold';src:url(/fonts/FTN55__W.woff2) format('woff2'),url(/fonts/FTN55__W.woff) format('woff'),url(/fonts/FTN55__W.ttf) format('truetype');font-weight:700;font-style:normal}
.inline_footnote{display:inline-block;transition:margin-bottom .3s var(--ui-easing)}.inline_footnote__toggle{display:inline-block;position:relative;text-decoration:none;cursor:help}.inline_footnote__toggle_label{color:var(--color-foreground);background-image:linear-gradient(to right,var(--current-theme-color) 0,var(--current-theme-color) 100%);background-repeat:repeat-x;background-position:0 95%;background-size:100% 4px;display:block;position:relative}.inline_footnote__toggle_bg{display:block;position:absolute;top:-1px;left:0;right:-2px;bottom:-1px;background-color:var(--current-theme-color);transform-origin:100% 0;transform:scaleX(0);transition:transform .3s var(--ui-easing)}.inline_footnote.active .inline_footnote__toggle_bg{opacity:1;transform:scaleX(1);transform-origin:0 0}.inline_footnote__container{background-color:var(--color-gray-1);clip-path:polygon(0 0,100% 0,100% 0,0 0);-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .2s var(--ui-easing),-webkit-clip-path .2s var(--ui-easing);transition-delay:0ms;position:absolute;width:100vw;left:50%;margin-left:-50%;margin-top:32px}.inline_footnote.active .inline_footnote__container{transition-duration:.25s;transition-delay:50ms;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.inline_footnote__content_wrap{max-width:420px;margin:0 auto;position:relative;padding-right:44px;padding-left:44px}.inline_footnote__content{padding-top:32px}body .main .inline_footnote__content p{margin-bottom:0;padding-bottom:32px;opacity:.75}.inline_footnote__close_button{position:absolute;top:8px;right:0;width:44px;height:44px}.circle-button.inline_footnote__close_button>.bg-indicator{background-color:var(--color-gray-1)}.inline_footnote__close_button .icon{opacity:.25}.inline_footnote__close_button:hover .icon{opacity:1}
.components_language_chooser__choice{margin-right:10px}
body.lang-vi{--font-light:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-body:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-bold:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-heading:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
body{overflow-x:hidden}#app{display:flex;flex-direction:column;min-height:100vh}.components_lesson-viewer__header-content{padding:calc(var(--padding-default)*1) var(--padding-default);position:relative}.components_lesson-viewer__header-content-logo{position:absolute;top:50%;left:var(--padding-default);transform:translate(0,-50%);display:none}.components_lesson-viewer__header-content-logo svg{width:45px;height:21px}.components_lesson-viewer__header-content-logo svg rect{fill:var(--color-foreground)}.components_lesson-viewer__header-content-title{font-size:21px;font-family:var(--font-heading)}.components_lesson-viewer__header-content-title-primary{display:inline-block}.components_lesson-viewer__header-content-title-secondary{display:block;color:var(--current-theme-color);margin-top:-4px}.main{transition:all .3s var(--ui-easing);transition-property:opacity,transform;position:relative;z-index:1}.main .content{overflow-x:hidden}.main .content section{max-width:828px;margin:0 auto;padding-left:32px;padding-right:32px}.main .page{transition:all .3s var(--ui-easing);transition-property:opacity,transform;opacity:1}.full-width{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.page--start-of-chapter .page--start-of-chapter-section{position:relative;padding-top:0;padding-bottom:0}.main .page--start-of-chapter .components_lesson-viewer__oval-background path{fill:var(--current-theme-color-shade)}.main .page a{box-shadow:inset 0 -3.5px 0 var(--current-theme-color);color:inherit;transition:all .3s var(--ui-easing);transition-property:color,box-shadow}.main .page a:hover{box-shadow:inset 0 -3.5px 0 var(--color-shade);color:var(--current-theme-color)}.content .centered,.content .left,.content .right{max-width:var(--max-content-width)}.content .centered{margin-left:auto;margin-right:auto}.content .left{margin-right:auto}.content .right{margin-left:auto}.highlighted{margin-bottom:calc(var(--font-line-height)*1)}.highlighted>*{display:inline;padding:.3rem;box-decoration-break:clone;-webkit-box-decoration-break:clone;background-color:var(--current-theme-color-shade);color:var(--current-theme-color)}.content ul{padding-left:16px;padding-right:16px}.content li{margin-bottom:calc(var(--font-line-height)*.75)}.components_lesson-viewer__footer{margin:auto 0 0 0}.components_lesson-viewer__next-chapter,.components_lesson-viewer__prev-chapter{display:block;position:relative;padding:calc(var(--padding-default)*2) var(--padding-default);padding-right:96px;color:var(--color-gray-4)}.components_lesson-viewer__prev-chapter{padding:var(--padding-default);border-top:2px solid var(--color-gray-1)}.components_lesson-viewer__prev-chapter-caption{display:inline-block}.components_lesson-viewer__next-chapter-caption{position:relative;display:inline-block;padding-right:5px;font-family:var(--font-bold);color:var(--color-foreground)}.components_lesson-viewer__next-chapter-label-separator,.components_lesson-viewer__prev-chapter-label-separator{position:relative;display:inline-block;padding-right:5px}.components_lesson-viewer__next-chapter-subtitle{position:relative;display:inline;box-shadow:inset 0 -3.5px 0 var(--current-theme-color);color:var(--color-foreground)}.components_lesson-viewer__prev-chapter-subtitle{display:none}.components_lesson-viewer__next-chapter-indicator,.components_lesson-viewer__prev-chapter-indicator{width:50px;height:50px;position:absolute;right:var(--padding-default);top:50%;transform:translateY(-50%)}.components_lesson-viewer__next-chapter-indicator .components_lesson-viewer__oval-background{position:absolute;top:0;left:0;width:100%;height:100%}.components_lesson-viewer__next-chapter-indicator .components_lesson-viewer__oval-background path{transition:fill .25s cubic-bezier(.33,.66,.66,1);fill:var(--color-shade)}.components_lesson-viewer__next-chapter:hover .components_lesson-viewer__oval-background path{fill:var(--current-theme-color-shade)}.components_lesson-viewer__next-chapter-arrow{fill:var(--color-foreground);position:absolute;top:0;left:0;width:100%;height:100%;transition:stroke .25s cubic-bezier(.33,.66,.66,1)}.glyph-button-active-background,.glyph-button-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-shade)}.glyph-button-active-background{background-color:var(--color-background);opacity:0;transition:opacity .25s ease}.show-toc .components_lesson-viewer__toc-toggle .glyph-button-active-background{opacity:1}.components_brand_footer{padding:var(--padding-default);border-top:2px solid var(--color-gray-1);font-size:13px}.playground .components_brand_footer{padding-bottom:150px}.components_brand_footer__feedback a,.components_brand_footer__link a{display:inline-block;color:var(--color-gray-4);padding:10px 0}.components_brand_footer__link{justify-self:end}.components_brand_footer__beta-label{display:inline-block;background-color:var(--color-shade);color:var(--color-foreground);margin-right:8px;padding:2px 8px}.components_language_chooser{padding-top:10px;padding-bottom:10px}
.main .page a.param-highlight-link{box-shadow:inset 0 -3.5px 0 var(--current-theme-color)}.main .page a.param-highlight-link:hover{box-shadow:inset 0 -3.5px 0 var(--color-shade);color:var(--current-theme-color)}
.recipes .main .embed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-color:var(--color-gray-1);padding-top:calc(var(--font-line-height)*1.5);margin-bottom:0}.recipes .main .embed:last-of-type,.recipes .main .left~.embed{padding-bottom:calc(var(--font-line-height)* 4)}.recipes .main .embed.embed-hidden{padding-top:0;height:0}.recipes .main .highlighted,.recipes section .embed:not(.embed-hidden)+p,.recipes section>p:last-child{padding-top:calc(var(--font-line-height)*1.5);padding-bottom:calc(var(--font-line-height)*1.5)}.recipes section h2{padding-top:calc(var(--font-line-height)*1.5)}.recipes .components_embeds_subtractive-synth__panel{margin-bottom:calc(var(--font-line-height) * .5)}.recipes .subtractive-synth__inline_controls{margin-top:0;padding:20px 32px;max-width:320px}.components_two-column-recipe{display:flex;flex-direction:row}.components_two-column-recipe__left-column>p{max-width:256px;margin-left:auto;margin-right:auto;font-size:15px;color:var(--color-gray-5)}@media (min-width:300px){.components_two-column-recipe{flex-direction:column-reverse}.components_two-column-recipe__left-column,.components_two-column-recipe__right-column{width:100vw}.components_two-column-recipe__left-column{margin-top:20px}.components_two-column-recipe__right-column>div{margin-left:auto;margin-right:auto}}@media (min-width:768px){.components_two-column-recipe{flex-direction:row;max-width:828px;margin:0 auto;padding-left:64px;padding-right:64px}.components_two-column-recipe__left-column,.components_two-column-recipe__right-column{width:50%}body .main .components_two-column-recipe__left-column>p{font-size:18px;line-height:27px;max-width:275px;margin-left:0;margin-bottom:calc(var(--font-line-height) * 1)}.components_two-column-recipe__right-column .components_embeds_subtractive-synth__panel{width:295px;margin-right:0}}@media (min-width:1024px){.components_two-column-recipe__left-column>p{max-width:295px}}@media (min-width:1440px){.components_two-column-recipe{max-width:880px}body .main .components_two-column-recipe__left-column>p{max-width:325px}}
html{box-sizing:border-box}body,html{min-height:100vh;margin:0;padding:0}*,:after,:before{box-sizing:inherit}a,b,button,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}img{display:block;max-width:100%;height:auto}svg{display:block;margin:0;padding:0}
@media (min-width:375px){body .synth-xy{height:calc(var(--font-line-height)*10)}body .components_visualizations_synth_3d{height:calc(var(--font-line-height)*8)}body .carousel_slider.synth_slider{height:calc(var(--font-line-height)*8)}body .synth_slider.mixing-waveforms,body .synth_slider.pulse-width{height:calc(var(--font-line-height)*7)}body .adsr-sustain-overlay-label h4{left:46px}body .adsr-sustain-overlay-label::after{width:32px}}@media (min-width:414px){body .synth-xy{height:calc(var(--font-line-height)*11)}body.synth-xy.pitch-strip{height:calc(var(--font-line-height)*13)}body .synth_slider.buzzing-bee{height:calc(var(--font-line-height)*14)}body .inline_footnote__close_button{right:32px}body .main .content section{padding-left:64px;padding-right:64px}body .adsr-sustain-overlay-label h4{left:50px}body .adsr-sustain-overlay-label::after{width:36px}body .components_brand_footer_2col{display:grid;grid-template-columns:1fr 1fr}}@media (min-width:640px){:root{--padding-default:32px!important}body header .title{padding-left:8px}body .main h1{width:12ch}body .components_visualizations_mixing_waveforms__viz polyline,body .components_xy-pad__control_ring,body .lfo-wave-shapes .components--lfo-shape__viz-waveshape-dotted,body .lfo-wave-shapes .components--lfo-shape__viz-waveshape-filled{stroke-width:4px}body .components_lesson-viewer__next-chapter-title{font-size:calc(var(--font-base-size) * 2)}body .components_visualizations_lfo_wave_shapes__shape{transform:scale(.75)}body .components_lesson-viewer__header-content{padding:28px var(--padding-default)}body .components_lesson-viewer__header-content-logo{display:block}body .components_lesson-viewer__header-content-title{margin-left:72px}body .components_lesson-viewer__header-content-title-secondary{display:inline-block;margin-top:0;padding-left:5px}body .components_lesson-viewer__footer{display:grid;grid-template-columns:30% 1fr;grid-template-rows:1fr}body .components_lesson-viewer__next-chapter{grid-column-start:2;grid-row-start:1;text-align:right;padding-right:120px}body .components_lesson-viewer__prev-chapter{grid-column-start:1;grid-row-start:1;border-top:none;position:relative;padding:calc(var(--padding-default)*2) var(--padding-default)}body .components_lesson-viewer__prev-chapter-caption{padding-right:0}body .components_visualizations_synth_3d{height:calc(var(--font-line-height)*12)}body .synth3d-sliders .components_visualizations_synth_3d{height:calc(var(--font-line-height)*8)}body .synth3d-xy .components_visualizations_synth_3d{height:calc(var(--font-line-height)*12)}body .synth_slider.noise{height:calc(var(--font-line-height)*11)}body .adsr-sustain-overlay-label h4{left:60px}body .adsr-sustain-overlay-label::after{width:46px}}@media (min-width:768px){:root{--font-base-size:22px!important;--font-line-height:35px!important;--padding-default:48px!important}body.show-baseline .main,body.show-baseline .toc .content{background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 34px,rgba(0,0,0,.1) 34px,rgba(0,0,0,.1) 35px)!important}body .main p{margin-bottom:calc(var(--font-line-height) * 2)}body .main ol,body .main ul{margin-bottom:calc(var(--font-line-height) * 2)}body .main .embed{margin-bottom:calc(var(--font-line-height)*2)}body .main .caption{margin-bottom:calc(var(--font-line-height)*2)}body .components_lesson-viewer__toc-menu{width:440px}body .components_lesson-viewer__toc-chapter-section,body .components_lesson-viewer__toc-chapter-title,body .components_lesson-viewer__toc-header{margin-left:calc(var(--padding-default)*2);margin-right:calc(var(--padding-default)*2)}body .components_lesson-viewer__toc-chapter-section{padding-top:calc(var(--font-line-height)*.25);padding-bottom:calc(var(--font-line-height)*.25)}body .components_lesson-viewer__toc-settings-panel{padding:calc(var(--padding-default)*1);margin:calc(var(--padding-default)*1);margin-top:0}body .components_lesson-viewer__toc-ableton-link{margin:calc(var(--padding-default)*1) calc(var(--padding-default)*2)}body .components_lesson-viewer__toc-lesson-title{font-size:40px}body .components_lesson-viewer__toc-chapter-heading,body .components_lesson-viewer__toc-settings-panel-title{font-size:27px}body .components_lesson-viewer__toc-chapter-subtitle{font-size:15px}body .components_lesson-viewer__toc-chapter-heading::after{top:8px}body .synth-xy{height:calc(var(--font-line-height)*12)}body .synth_slider.mixing-waveforms,body .synth_slider.pulse-width{height:calc(var(--font-line-height)*10)}body .synth-slider.lfo-diagram{height:calc(var(--font-line-height)*14)}body .synth-xy.amplitude-ramp,body .synth-xy.low-pass-no-resonance,body .synth-xy.low-pass-with-resonance{height:calc(var(--font-line-height)*7)}body .carousel_slider.synth_slider{height:calc(var(--font-line-height)*9)}body .synth-xy.lfo-wave-shapes{height:calc(var(--font-line-height)*7)}body .components_visualizations_lfo_wave_shapes__column{grid-template-rows:calc(var(--font-line-height)*5) calc(var(--font-line-height)*2)}body .door_filter{height:calc(var(--font-line-height)*12);width:100%;position:relative;left:auto;right:auto;margin-left:0;margin-right:0}body .components_visualizations_buzzing_bee{margin-top:calc(var(--font-line-height) * -2)}body .embed+.caption{margin-top:calc(var(--font-line-height)*-.75)}body .main .glossary .close-button{right:-40px}body .components_lesson-viewer__header-content{padding:24px 32px}body .components_lesson-viewer__header-content-logo{left:32px}body .components_lesson-viewer__next-chapter-indicator,body .components_lesson-viewer__toc-toggle{right:32px}body.show-presets .components_lesson-viewer__toc-toggle,body.show-toc .components_lesson-viewer__toc-toggle{right:calc(32px + var(--scrollbar-width))}body .component_pulse-waveform__path,body .components_visualizations_mixing_waveforms__viz polyline,body .visualization-fast-lfo .components--lfo-shape__viz-waveshape-filled,body .visualization-lfo-diagram_viz-waveshape-dotted,body .visualization-lfo-diagram_viz-waveshape-filled{stroke-width:6px}body .synth-adsr__reset-button{bottom:-40px}body .embed.matching-envelopes-sampler{width:calc(50% - 48px);display:inline-block;margin-top:calc(var(--font-line-height) * 2)}body .embed.matching-envelopes-envelope{width:calc(50% - 48px);display:inline-block;margin-left:96px;margin-top:calc(var(--font-line-height) * 2)}body .embed.matching-envelopes-sampler .one-shot-sampler::before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;background-color:var(--color-background)}body .components_embeds_synth-envelope{height:calc(var(--font-line-height)*9)}body .components_embeds_synth-envelope__example_arrows svg{width:96px;height:96px}body .synth3d{margin-top:calc(var(--font-line-height)*-2);margin-bottom:calc(var(--font-line-height)*-1.5)}body .synth3d.synth3d-sliders,body .synth3d.synth3d-xy{margin-top:0}body .synth3d .components_control__presspad_button{bottom:50px}body .components_control__slider_labels_name,body .components_control__slider_labels_value{padding-top:calc(var(--font-line-height) * .33)}body .components_control__presspad .button-tooltip,body .components_control__slider .button-tooltip{transform:translateY(-49px)}body .components_lesson-viewer__toc-chapter:last-child{margin-top:129.25px}body .components_lesson-viewer__toc-playground-title{margin-top:-258.5px;margin-bottom:258.5px;font-size:27px}body .adsr-attack-handle-label h4,body .adsr-decay-handle-label h4,body .adsr-release-handle-label h4,body .adsr-sustain-overlay-label h4,body .adsr-x-axis-label,body .adsr-x-axis-value h4,body .adsr-y-axis-label,body .adsr-y-axis-value h4{font-size:13px}body .adsr-attack-handle-label{top:-60px}body .adsr-decay-handle-label{top:-50px}body .adsr-attack-handle-label::after,body .adsr-decay-handle-label::after{top:26px}body .adsr-attack-handle-label::after{height:22px}body .adsr-sustain-overlay-label h4{top:-17px}body .adsr-sustain-overlay-label h4{left:74px}body .adsr-sustain-overlay-label::after{width:60px}body .adsr-release-handle-label h4{top:-5px}}@media (min-width:1024px){body h1{font-size:calc(var(--font-base-size) * 3)}body .components_visualizations_synth_3d{width:100%;margin-left:0;transform:none}body .adsr-sustain-overlay-label h4{left:78px}body .adsr-sustain-overlay-label::after{width:64px}}@media (min-width:1440px){body h1{font-size:calc(var(--font-base-size) * 3.333)}body .main .content section{max-width:880px}body .adsr-sustain-overlay-label h4{left:82px}body .adsr-sustain-overlay-label::after{width:68px}}
.components_embeds_subtractive-synth__tabs{text-align:center;padding:32px var(--padding-default);position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.components_embeds_subtractive-synth__tabs-wrapper{display:inline-block;position:relative;white-space:nowrap;margin:0 auto}.components_embeds_subtractive-synth__tabs-wrapper a{display:inline-block;padding:13px 20px 12px;background-color:var(--color-shade);margin:0 12px 0 0;line-height:1;position:relative;font-size:13px;letter-spacing:.93px;text-transform:uppercase;font-family:var(--font-bold);font-weight:400;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.components_embeds_subtractive-synth__tabs-wrapper a:last-child{margin-right:0}.components_embeds_subtractive-synth__tabs-wrapper a.active{color:var(--color-background)}.components_embeds_subtractive-synth__tabs-wrapper a.active:nth-child(1){background-color:var(--color-blue)}.components_embeds_subtractive-synth__tabs-wrapper a.active:nth-child(2){background-color:var(--color-green)}.components_embeds_subtractive-synth__tabs-wrapper a.active:nth-child(3){background-color:var(--color-yellow)}.components_embeds_subtractive-synth__tabs-wrapper a.active:nth-child(4){background-color:var(--color-modulation)}@media (min-width:480px){.components_embeds_subtractive-synth__tabs{margin-bottom:32px}}@media (min-width:768px){.components_embeds_subtractive-synth__tabs-wrapper a{margin-right:20px}.components_embeds_subtractive-synth__tabs-wrapper a{margin:0 26px}.components_embeds_subtractive-synth__tabs-wrapper a::after{position:absolute;content:"";background-repeat:no-repeat}.components_embeds_subtractive-synth__tabs-wrapper a:nth-child(1)::after,.components_embeds_subtractive-synth__tabs-wrapper a:nth-child(2)::after{width:18px;height:12px;top:50%;right:-32px;transform:translate(0,-50%);background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='18px' height='12px' viewBox='0 0 18 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eplayground-tab-arrow-right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='playground-tab-arrow-right' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='arrow' transform='translate(2.000000, 1.000000)' stroke='%23D2D5D9' stroke-width='2.0'%3E%3Cpath d='M0,5 L12.5,5' id='Line-2' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path-2' points='10 -1.38777878e-16 14.375 5 10 10'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.components_embeds_subtractive-synth__tabs-wrapper a:nth-child(3)::after{display:none}.components_embeds_subtractive-synth__tabs-wrapper a:nth-child(4)::after{opacity:.5;width:500px;height:27px;bottom:-32px;right:50%;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='500px' height='27px' viewBox='0 0 500 27' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Edotted-conntector%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='dotted-conntector' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='dotted-shape'%3E%3Cpolyline id='Shape' stroke='%23D2D5D9' stroke-width='2.5' transform='translate(6.500000, 9.000000) scale(1, -1) translate(-6.500000, -9.000000) ' points='13 6 6.5 12 0 6'%3E%3C/polyline%3E%3Cpolyline id='Shape' stroke='%23D2D5D9' stroke-width='2.5' transform='translate(186.500000, 9.000000) scale(1, -1) translate(-186.500000, -9.000000) ' points='193 6 186.5 12 180 6'%3E%3C/polyline%3E%3Cpolyline id='Shape' stroke='%23D2D5D9' stroke-width='2.5' transform='translate(336.500000, 9.000000) scale(1, -1) translate(-336.500000, -9.000000) ' points='343 6 336.5 12 330 6'%3E%3C/polyline%3E%3Cpath d='M498.5,3 C497.671573,3 497,2.32842712 497,1.5 C497,0.671572875 497.671573,0 498.5,0 C499.328427,0 500,0.671572875 500,1.5 C500,2.32842712 499.328427,3 498.5,3 Z M498.5,9 C497.671573,9 497,8.32842712 497,7.5 C497,6.67157288 497.671573,6 498.5,6 C499.328427,6 500,6.67157288 500,7.5 C500,8.32842712 499.328427,9 498.5,9 Z M498.5,15 C497.671573,15 497,14.3284271 497,13.5 C497,12.6715729 497.671573,12 498.5,12 C499.328427,12 500,12.6715729 500,13.5 C500,14.3284271 499.328427,15 498.5,15 Z M498.5,21 C497.671573,21 497,20.3284271 497,19.5 C497,18.6715729 497.671573,18 498.5,18 C499.328427,18 500,18.6715729 500,19.5 C500,20.3284271 499.328427,21 498.5,21 Z M498.5,27 C497.671573,27 497,26.3284271 497,25.5 C497,24.6715729 497.671573,24 498.5,24 C499.328427,24 500,24.6715729 500,25.5 C500,26.3284271 499.328427,27 498.5,27 Z M492.5,27 C491.671573,27 491,26.3284271 491,25.5 C491,24.6715729 491.671573,24 492.5,24 C493.328427,24 494,24.6715729 494,25.5 C494,26.3284271 493.328427,27 492.5,27 Z M486.5,27 C485.671573,27 485,26.3284271 485,25.5 C485,24.6715729 485.671573,24 486.5,24 C487.328427,24 488,24.6715729 488,25.5 C488,26.3284271 487.328427,27 486.5,27 Z M480.5,27 C479.671573,27 479,26.3284271 479,25.5 C479,24.6715729 479.671573,24 480.5,24 C481.328427,24 482,24.6715729 482,25.5 C482,26.3284271 481.328427,27 480.5,27 Z M474.5,27 C473.671573,27 473,26.3284271 473,25.5 C473,24.6715729 473.671573,24 474.5,24 C475.328427,24 476,24.6715729 476,25.5 C476,26.3284271 475.328427,27 474.5,27 Z M468.5,27 C467.671573,27 467,26.3284271 467,25.5 C467,24.6715729 467.671573,24 468.5,24 C469.328427,24 470,24.6715729 470,25.5 C470,26.3284271 469.328427,27 468.5,27 Z M462.5,27 C461.671573,27 461,26.3284271 461,25.5 C461,24.6715729 461.671573,24 462.5,24 C463.328427,24 464,24.6715729 464,25.5 C464,26.3284271 463.328427,27 462.5,27 Z M456.5,27 C455.671573,27 455,26.3284271 455,25.5 C455,24.6715729 455.671573,24 456.5,24 C457.328427,24 458,24.6715729 458,25.5 C458,26.3284271 457.328427,27 456.5,27 Z M450.5,27 C449.671573,27 449,26.3284271 449,25.5 C449,24.6715729 449.671573,24 450.5,24 C451.328427,24 452,24.6715729 452,25.5 C452,26.3284271 451.328427,27 450.5,27 Z M444.5,27 C443.671573,27 443,26.3284271 443,25.5 C443,24.6715729 443.671573,24 444.5,24 C445.328427,24 446,24.6715729 446,25.5 C446,26.3284271 445.328427,27 444.5,27 Z M438.5,27 C437.671573,27 437,26.3284271 437,25.5 C437,24.6715729 437.671573,24 438.5,24 C439.328427,24 440,24.6715729 440,25.5 C440,26.3284271 439.328427,27 438.5,27 Z M432.5,27 C431.671573,27 431,26.3284271 431,25.5 C431,24.6715729 431.671573,24 432.5,24 C433.328427,24 434,24.6715729 434,25.5 C434,26.3284271 433.328427,27 432.5,27 Z M426.5,27 C425.671573,27 425,26.3284271 425,25.5 C425,24.6715729 425.671573,24 426.5,24 C427.328427,24 428,24.6715729 428,25.5 C428,26.3284271 427.328427,27 426.5,27 Z M420.5,27 C419.671573,27 419,26.3284271 419,25.5 C419,24.6715729 419.671573,24 420.5,24 C421.328427,24 422,24.6715729 422,25.5 C422,26.3284271 421.328427,27 420.5,27 Z M414.5,27 C413.671573,27 413,26.3284271 413,25.5 C413,24.6715729 413.671573,24 414.5,24 C415.328427,24 416,24.6715729 416,25.5 C416,26.3284271 415.328427,27 414.5,27 Z M408.5,27 C407.671573,27 407,26.3284271 407,25.5 C407,24.6715729 407.671573,24 408.5,24 C409.328427,24 410,24.6715729 410,25.5 C410,26.3284271 409.328427,27 408.5,27 Z M402.5,27 C401.671573,27 401,26.3284271 401,25.5 C401,24.6715729 401.671573,24 402.5,24 C403.328427,24 404,24.6715729 404,25.5 C404,26.3284271 403.328427,27 402.5,27 Z M396.5,27 C395.671573,27 395,26.3284271 395,25.5 C395,24.6715729 395.671573,24 396.5,24 C397.328427,24 398,24.6715729 398,25.5 C398,26.3284271 397.328427,27 396.5,27 Z M390.5,27 C389.671573,27 389,26.3284271 389,25.5 C389,24.6715729 389.671573,24 390.5,24 C391.328427,24 392,24.6715729 392,25.5 C392,26.3284271 391.328427,27 390.5,27 Z M384.5,27 C383.671573,27 383,26.3284271 383,25.5 C383,24.6715729 383.671573,24 384.5,24 C385.328427,24 386,24.6715729 386,25.5 C386,26.3284271 385.328427,27 384.5,27 Z M378.5,27 C377.671573,27 377,26.3284271 377,25.5 C377,24.6715729 377.671573,24 378.5,24 C379.328427,24 380,24.6715729 380,25.5 C380,26.3284271 379.328427,27 378.5,27 Z M372.5,27 C371.671573,27 371,26.3284271 371,25.5 C371,24.6715729 371.671573,24 372.5,24 C373.328427,24 374,24.6715729 374,25.5 C374,26.3284271 373.328427,27 372.5,27 Z M366.5,27 C365.671573,27 365,26.3284271 365,25.5 C365,24.6715729 365.671573,24 366.5,24 C367.328427,24 368,24.6715729 368,25.5 C368,26.3284271 367.328427,27 366.5,27 Z M360.5,27 C359.671573,27 359,26.3284271 359,25.5 C359,24.6715729 359.671573,24 360.5,24 C361.328427,24 362,24.6715729 362,25.5 C362,26.3284271 361.328427,27 360.5,27 Z M354.5,27 C353.671573,27 353,26.3284271 353,25.5 C353,24.6715729 353.671573,24 354.5,24 C355.328427,24 356,24.6715729 356,25.5 C356,26.3284271 355.328427,27 354.5,27 Z M348.5,27 C347.671573,27 347,26.3284271 347,25.5 C347,24.6715729 347.671573,24 348.5,24 C349.328427,24 350,24.6715729 350,25.5 C350,26.3284271 349.328427,27 348.5,27 Z M342.5,27 C341.671573,27 341,26.3284271 341,25.5 C341,24.6715729 341.671573,24 342.5,24 C343.328427,24 344,24.6715729 344,25.5 C344,26.3284271 343.328427,27 342.5,27 Z M336.5,27 C335.671573,27 335,26.3284271 335,25.5 C335,24.6715729 335.671573,24 336.5,24 C337.328427,24 338,24.6715729 338,25.5 C338,26.3284271 337.328427,27 336.5,27 Z M330.5,27 C329.671573,27 329,26.3284271 329,25.5 C329,24.6715729 329.671573,24 330.5,24 C331.328427,24 332,24.6715729 332,25.5 C332,26.3284271 331.328427,27 330.5,27 Z M324.5,27 C323.671573,27 323,26.3284271 323,25.5 C323,24.6715729 323.671573,24 324.5,24 C325.328427,24 326,24.6715729 326,25.5 C326,26.3284271 325.328427,27 324.5,27 Z M318.5,27 C317.671573,27 317,26.3284271 317,25.5 C317,24.6715729 317.671573,24 318.5,24 C319.328427,24 320,24.6715729 320,25.5 C320,26.3284271 319.328427,27 318.5,27 Z M312.5,27 C311.671573,27 311,26.3284271 311,25.5 C311,24.6715729 311.671573,24 312.5,24 C313.328427,24 314,24.6715729 314,25.5 C314,26.3284271 313.328427,27 312.5,27 Z M306.5,27 C305.671573,27 305,26.3284271 305,25.5 C305,24.6715729 305.671573,24 306.5,24 C307.328427,24 308,24.6715729 308,25.5 C308,26.3284271 307.328427,27 306.5,27 Z M300.5,27 C299.671573,27 299,26.3284271 299,25.5 C299,24.6715729 299.671573,24 300.5,24 C301.328427,24 302,24.6715729 302,25.5 C302,26.3284271 301.328427,27 300.5,27 Z M294.5,27 C293.671573,27 293,26.3284271 293,25.5 C293,24.6715729 293.671573,24 294.5,24 C295.328427,24 296,24.6715729 296,25.5 C296,26.3284271 295.328427,27 294.5,27 Z M288.5,27 C287.671573,27 287,26.3284271 287,25.5 C287,24.6715729 287.671573,24 288.5,24 C289.328427,24 290,24.6715729 290,25.5 C290,26.3284271 289.328427,27 288.5,27 Z M282.5,27 C281.671573,27 281,26.3284271 281,25.5 C281,24.6715729 281.671573,24 282.5,24 C283.328427,24 284,24.6715729 284,25.5 C284,26.3284271 283.328427,27 282.5,27 Z M276.5,27 C275.671573,27 275,26.3284271 275,25.5 C275,24.6715729 275.671573,24 276.5,24 C277.328427,24 278,24.6715729 278,25.5 C278,26.3284271 277.328427,27 276.5,27 Z M270.5,27 C269.671573,27 269,26.3284271 269,25.5 C269,24.6715729 269.671573,24 270.5,24 C271.328427,24 272,24.6715729 272,25.5 C272,26.3284271 271.328427,27 270.5,27 Z M264.5,27 C263.671573,27 263,26.3284271 263,25.5 C263,24.6715729 263.671573,24 264.5,24 C265.328427,24 266,24.6715729 266,25.5 C266,26.3284271 265.328427,27 264.5,27 Z M258.5,27 C257.671573,27 257,26.3284271 257,25.5 C257,24.6715729 257.671573,24 258.5,24 C259.328427,24 260,24.6715729 260,25.5 C260,26.3284271 259.328427,27 258.5,27 Z M252.5,27 C251.671573,27 251,26.3284271 251,25.5 C251,24.6715729 251.671573,24 252.5,24 C253.328427,24 254,24.6715729 254,25.5 C254,26.3284271 253.328427,27 252.5,27 Z M246.5,27 C245.671573,27 245,26.3284271 245,25.5 C245,24.6715729 245.671573,24 246.5,24 C247.328427,24 248,24.6715729 248,25.5 C248,26.3284271 247.328427,27 246.5,27 Z M240.5,27 C239.671573,27 239,26.3284271 239,25.5 C239,24.6715729 239.671573,24 240.5,24 C241.328427,24 242,24.6715729 242,25.5 C242,26.3284271 241.328427,27 240.5,27 Z M234.5,27 C233.671573,27 233,26.3284271 233,25.5 C233,24.6715729 233.671573,24 234.5,24 C235.328427,24 236,24.6715729 236,25.5 C236,26.3284271 235.328427,27 234.5,27 Z M228.5,27 C227.671573,27 227,26.3284271 227,25.5 C227,24.6715729 227.671573,24 228.5,24 C229.328427,24 230,24.6715729 230,25.5 C230,26.3284271 229.328427,27 228.5,27 Z M222.5,27 C221.671573,27 221,26.3284271 221,25.5 C221,24.6715729 221.671573,24 222.5,24 C223.328427,24 224,24.6715729 224,25.5 C224,26.3284271 223.328427,27 222.5,27 Z M216.5,27 C215.671573,27 215,26.3284271 215,25.5 C215,24.6715729 215.671573,24 216.5,24 C217.328427,24 218,24.6715729 218,25.5 C218,26.3284271 217.328427,27 216.5,27 Z M210.5,27 C209.671573,27 209,26.3284271 209,25.5 C209,24.6715729 209.671573,24 210.5,24 C211.328427,24 212,24.6715729 212,25.5 C212,26.3284271 211.328427,27 210.5,27 Z M204.5,27 C203.671573,27 203,26.3284271 203,25.5 C203,24.6715729 203.671573,24 204.5,24 C205.328427,24 206,24.6715729 206,25.5 C206,26.3284271 205.328427,27 204.5,27 Z M198.5,27 C197.671573,27 197,26.3284271 197,25.5 C197,24.6715729 197.671573,24 198.5,24 C199.328427,24 200,24.6715729 200,25.5 C200,26.3284271 199.328427,27 198.5,27 Z M192.5,27 C191.671573,27 191,26.3284271 191,25.5 C191,24.6715729 191.671573,24 192.5,24 C193.328427,24 194,24.6715729 194,25.5 C194,26.3284271 193.328427,27 192.5,27 Z M186.5,27 C185.671573,27 185,26.3284271 185,25.5 C185,24.6715729 185.671573,24 186.5,24 C187.328427,24 188,24.6715729 188,25.5 C188,26.3284271 187.328427,27 186.5,27 Z M180.5,27 C179.671573,27 179,26.3284271 179,25.5 C179,24.6715729 179.671573,24 180.5,24 C181.328427,24 182,24.6715729 182,25.5 C182,26.3284271 181.328427,27 180.5,27 Z M174.5,27 C173.671573,27 173,26.3284271 173,25.5 C173,24.6715729 173.671573,24 174.5,24 C175.328427,24 176,24.6715729 176,25.5 C176,26.3284271 175.328427,27 174.5,27 Z M168.5,27 C167.671573,27 167,26.3284271 167,25.5 C167,24.6715729 167.671573,24 168.5,24 C169.328427,24 170,24.6715729 170,25.5 C170,26.3284271 169.328427,27 168.5,27 Z M162.5,27 C161.671573,27 161,26.3284271 161,25.5 C161,24.6715729 161.671573,24 162.5,24 C163.328427,24 164,24.6715729 164,25.5 C164,26.3284271 163.328427,27 162.5,27 Z M156.5,27 C155.671573,27 155,26.3284271 155,25.5 C155,24.6715729 155.671573,24 156.5,24 C157.328427,24 158,24.6715729 158,25.5 C158,26.3284271 157.328427,27 156.5,27 Z M150.5,27 C149.671573,27 149,26.3284271 149,25.5 C149,24.6715729 149.671573,24 150.5,24 C151.328427,24 152,24.6715729 152,25.5 C152,26.3284271 151.328427,27 150.5,27 Z M144.5,27 C143.671573,27 143,26.3284271 143,25.5 C143,24.6715729 143.671573,24 144.5,24 C145.328427,24 146,24.6715729 146,25.5 C146,26.3284271 145.328427,27 144.5,27 Z M138.5,27 C137.671573,27 137,26.3284271 137,25.5 C137,24.6715729 137.671573,24 138.5,24 C139.328427,24 140,24.6715729 140,25.5 C140,26.3284271 139.328427,27 138.5,27 Z M132.5,27 C131.671573,27 131,26.3284271 131,25.5 C131,24.6715729 131.671573,24 132.5,24 C133.328427,24 134,24.6715729 134,25.5 C134,26.3284271 133.328427,27 132.5,27 Z M126.5,27 C125.671573,27 125,26.3284271 125,25.5 C125,24.6715729 125.671573,24 126.5,24 C127.328427,24 128,24.6715729 128,25.5 C128,26.3284271 127.328427,27 126.5,27 Z M120.5,27 C119.671573,27 119,26.3284271 119,25.5 C119,24.6715729 119.671573,24 120.5,24 C121.328427,24 122,24.6715729 122,25.5 C122,26.3284271 121.328427,27 120.5,27 Z M114.5,27 C113.671573,27 113,26.3284271 113,25.5 C113,24.6715729 113.671573,24 114.5,24 C115.328427,24 116,24.6715729 116,25.5 C116,26.3284271 115.328427,27 114.5,27 Z M108.5,27 C107.671573,27 107,26.3284271 107,25.5 C107,24.6715729 107.671573,24 108.5,24 C109.328427,24 110,24.6715729 110,25.5 C110,26.3284271 109.328427,27 108.5,27 Z M102.5,27 C101.671573,27 101,26.3284271 101,25.5 C101,24.6715729 101.671573,24 102.5,24 C103.328427,24 104,24.6715729 104,25.5 C104,26.3284271 103.328427,27 102.5,27 Z M96.5,27 C95.6715729,27 95,26.3284271 95,25.5 C95,24.6715729 95.6715729,24 96.5,24 C97.3284271,24 98,24.6715729 98,25.5 C98,26.3284271 97.3284271,27 96.5,27 Z M90.5,27 C89.6715729,27 89,26.3284271 89,25.5 C89,24.6715729 89.6715729,24 90.5,24 C91.3284271,24 92,24.6715729 92,25.5 C92,26.3284271 91.3284271,27 90.5,27 Z M84.5,27 C83.6715729,27 83,26.3284271 83,25.5 C83,24.6715729 83.6715729,24 84.5,24 C85.3284271,24 86,24.6715729 86,25.5 C86,26.3284271 85.3284271,27 84.5,27 Z M78.5,27 C77.6715729,27 77,26.3284271 77,25.5 C77,24.6715729 77.6715729,24 78.5,24 C79.3284271,24 80,24.6715729 80,25.5 C80,26.3284271 79.3284271,27 78.5,27 Z M72.5,27 C71.6715729,27 71,26.3284271 71,25.5 C71,24.6715729 71.6715729,24 72.5,24 C73.3284271,24 74,24.6715729 74,25.5 C74,26.3284271 73.3284271,27 72.5,27 Z M66.5,27 C65.6715729,27 65,26.3284271 65,25.5 C65,24.6715729 65.6715729,24 66.5,24 C67.3284271,24 68,24.6715729 68,25.5 C68,26.3284271 67.3284271,27 66.5,27 Z M60.5,27 C59.6715729,27 59,26.3284271 59,25.5 C59,24.6715729 59.6715729,24 60.5,24 C61.3284271,24 62,24.6715729 62,25.5 C62,26.3284271 61.3284271,27 60.5,27 Z M54.5,27 C53.6715729,27 53,26.3284271 53,25.5 C53,24.6715729 53.6715729,24 54.5,24 C55.3284271,24 56,24.6715729 56,25.5 C56,26.3284271 55.3284271,27 54.5,27 Z M48.5,27 C47.6715729,27 47,26.3284271 47,25.5 C47,24.6715729 47.6715729,24 48.5,24 C49.3284271,24 50,24.6715729 50,25.5 C50,26.3284271 49.3284271,27 48.5,27 Z M42.5,27 C41.6715729,27 41,26.3284271 41,25.5 C41,24.6715729 41.6715729,24 42.5,24 C43.3284271,24 44,24.6715729 44,25.5 C44,26.3284271 43.3284271,27 42.5,27 Z M36.5,27 C35.6715729,27 35,26.3284271 35,25.5 C35,24.6715729 35.6715729,24 36.5,24 C37.3284271,24 38,24.6715729 38,25.5 C38,26.3284271 37.3284271,27 36.5,27 Z M30.5,27 C29.6715729,27 29,26.3284271 29,25.5 C29,24.6715729 29.6715729,24 30.5,24 C31.3284271,24 32,24.6715729 32,25.5 C32,26.3284271 31.3284271,27 30.5,27 Z M24.5,27 C23.6715729,27 23,26.3284271 23,25.5 C23,24.6715729 23.6715729,24 24.5,24 C25.3284271,24 26,24.6715729 26,25.5 C26,26.3284271 25.3284271,27 24.5,27 Z M18.5,27 C17.6715729,27 17,26.3284271 17,25.5 C17,24.6715729 17.6715729,24 18.5,24 C19.3284271,24 20,24.6715729 20,25.5 C20,26.3284271 19.3284271,27 18.5,27 Z M12.5,27 C11.6715729,27 11,26.3284271 11,25.5 C11,24.6715729 11.6715729,24 12.5,24 C13.3284271,24 14,24.6715729 14,25.5 C14,26.3284271 13.3284271,27 12.5,27 Z M6.5,27 C5.67157288,27 5,26.3284271 5,25.5 C5,24.6715729 5.67157288,24 6.5,24 C7.32842712,24 8,24.6715729 8,25.5 C8,26.3284271 7.32842712,27 6.5,27 Z M6.5,21 C5.67157288,21 5,20.3284271 5,19.5 C5,18.6715729 5.67157288,18 6.5,18 C7.32842712,18 8,18.6715729 8,19.5 C8,20.3284271 7.32842712,21 6.5,21 Z M6.5,15 C5.67157288,15 5,14.3284271 5,13.5 C5,12.6715729 5.67157288,12 6.5,12 C7.32842712,12 8,12.6715729 8,13.5 C8,14.3284271 7.32842712,15 6.5,15 Z M186.5,21 C185.671573,21 185,20.3284271 185,19.5 C185,18.6715729 185.671573,18 186.5,18 C187.328427,18 188,18.6715729 188,19.5 C188,20.3284271 187.328427,21 186.5,21 Z M186.5,15 C185.671573,15 185,14.3284271 185,13.5 C185,12.6715729 185.671573,12 186.5,12 C187.328427,12 188,12.6715729 188,13.5 C188,14.3284271 187.328427,15 186.5,15 Z M336.5,21 C335.671573,21 335,20.3284271 335,19.5 C335,18.6715729 335.671573,18 336.5,18 C337.328427,18 338,18.6715729 338,19.5 C338,20.3284271 337.328427,21 336.5,21 Z M336.5,15 C335.671573,15 335,14.3284271 335,13.5 C335,12.6715729 335.671573,12 336.5,12 C337.328427,12 338,12.6715729 338,13.5 C338,14.3284271 337.328427,15 336.5,15 Z' id='Combined-Shape' fill='%23D2D5D9'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}}
body.playground .components_lesson-viewer__header-content{background-color:var(--color-gray-1)}body.playground .components_lesson-viewer__toc-toggle{position:absolute}.components_embeds_subtractive-synth__wrapper{position:relative;padding-bottom:80px}.components_embeds_subtractive-synth__rack{position:absolute;top:0;left:0;opacity:0;pointer-events:none}.components_embeds_subtractive-synth__panel{box-sizing:border-box;text-align:left;background-color:var(--color-background);font-size:15px;color:var(--color-gray-5);margin:0 auto 20px;padding:20px 32px;width:320px;box-shadow:0 2px 0 0 #e8e8ed}.components_embeds_subtractive-synth__panel_content{box-sizing:border-box;position:relative}.components_embeds_subtractive-synth__panel h3{font-size:24px;line-height:29px;padding:0 0 30px 0;font-family:var(--font-regular);color:var(--current-theme-color)}.components_embeds_subtractive-synth__modulation_panel{margin:10px 0 15px 0;padding:0 15px 5px;position:relative}.components_embeds_subtractive-synth__lfo-shape-chooser_bg,.components_embeds_subtractive-synth__modulation_panel_bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--current-theme-color);opacity:.05}.components_embeds_subtractive-synth__visualization_panel{margin-bottom:24px}.components_embeds_subtractive-synth__visualization_panel>div{height:120px;overflow:hidden}.components_embeds_subtractive-synth__visualization_panel>div.component_amplitude-ramp{height:80px}.components_embeds_subtractive-synth__control-group{position:relative;margin-bottom:10px}.components_embeds_subtractive-synth__parameter-value{position:absolute;top:0;bottom:0;right:0;left:0;text-align:right}div.components_embeds_subtractive-synth__parameter-input{position:relative;grid-column:1/span 2;display:flex;align-items:center;justify-content:center;height:32px}div.components_embeds_subtractive-synth__parameter-input input{width:100%;z-index:2}.components_embeds_subtractive-synth__download-preset-button{margin-top:3em;cursor:pointer}.components_embeds_subtractive-synth__panel h4{color:var(--current-theme-color)}.components_embeds_subtractive-synth__panel .component_pulse-waveform__path{stroke:var(--current-theme-color)}.components_embeds_subtractive-synth__panel .adsr-border-bottom{display:none}.components_embeds_subtractive-synth__panel .adsr-envelope-shape{fill:var(--current-theme-color)}.components_embeds_subtractive-synth__panel .component_pulse-waveform__path,.components_embeds_subtractive-synth__panel .component_saw-waveform__path,.components_embeds_subtractive-synth__panel .components--lfo-shape__viz-waveshape-dotted,.components_embeds_subtractive-synth__panel .components--lfo-shape__viz-waveshape-filled{stroke-width:6px;stroke:var(--current-theme-color)}.components_embeds_subtractive-synth__panel .components--lfo-shape__viz-dot{display:none}.components_lesson-viewer__share-toggle{display:none;height:50px;width:50px;position:absolute;z-index:2;top:16px;right:90px;transition:all .3s var(--ui-easing);transition-property:opacity,transform}.components_lesson-viewer__share-toggle-link{display:block;text-decoration:none;outline:0;width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.components_lesson-viewer__share-toggle-bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--color-shade)}.components_lesson-viewer__share-toggle-icons{position:absolute;width:29px;height:29px;top:50%;left:50%;transform:translate(-50%,-50%)}.share_icon{width:29px;height:29px;stroke-width:2px;stroke:var(--color-foreground);stroke-linecap:square;fill:none}.subtractive-synth__inline_controls{display:flex;flex-direction:row;max-width:var(--max-content-width);margin-left:auto;margin-right:auto;margin-top:calc(var(--font-line-height) * .5)}.subtractive-synth__floating_controls{position:fixed;right:16px;bottom:16px;z-index:3;display:flex;flex-direction:row;pointer-events:none}.show-toc .subtractive-synth__floating_controls{right:calc(16px + var(--scrollbar-width))}.move-floating-buttons .subtractive-synth__floating_controls{bottom:calc(260px + 24px)}.playground .subtractive-synth__floating_controls{right:96px}.playground.show-presets .subtractive-synth__floating_controls,.playground.show-toc .subtractive-synth__floating_controls{right:calc(96px + var(--scrollbar-width))}.subtractive-synth__playback_controls{display:flex;flex-direction:row}.subtractive-synth__reset-button-wrapper{margin-right:auto;opacity:0;transition:opacity .25s ease-in-out;pointer-events:none}.playground .subtractive-synth__reset-button-wrapper{display:none}.subtractive-synth__reset-button-wrapper--show{opacity:1;pointer-events:auto}.subtractive-synth__reset-button{display:inline-block;position:relative;cursor:pointer;user-select:none;pointer-events:auto}.subtractive-synth__reset-button h4{margin-top:9px;padding:11px 12px 10px;line-height:1;background-color:var(--color-background);color:var(--current-theme-color)}.subtractive-synth__floating_controls .subtractive-synth__reset-button{margin-right:16px}.subtractive-synth__floating_controls .subtractive-synth__reset-button h4{margin-top:11px;padding:14px 14px 13px;color:var(--color-background);background-color:var(--current-theme-color)}.components_embeds_subtractive-synth__lfo-shape-chooser{display:flex;flex-wrap:wrap;justify-content:center;user-select:none;width:100%;position:relative}.components_embeds_subtractive-synth__lfo-shape-choice{color:var(--current-theme-color);cursor:pointer;width:25%;height:34px;position:relative}.components_embeds_subtractive-synth__lfo-shape-choice svg{width:26px;height:21px;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);pointer-events:none}.components_embeds_subtractive-synth__lfo-shape-choice path,.components_embeds_subtractive-synth__lfo-shape-choice polyline{stroke:var(--current-theme-color);stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;fill:none}.components_embeds_subtractive-synth__lfo-shape-choice--selected{background-color:var(--current-theme-color);color:var(--color-background)}.components_embeds_subtractive-synth__lfo-shape-choice--selected path,.components_embeds_subtractive-synth__lfo-shape-choice--selected polyline{stroke:var(--color-background)}.components_embeds_subtractive-synth__presets-menu{position:fixed;top:0;right:0;width:100%;height:100%;pointer-events:none}.show-presets .components_embeds_subtractive-synth__presets-menu{pointer-events:auto}.components_embeds_subtractive-synth__presets-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-shade);opacity:0;transition:opacity .35s;cursor:pointer}.show-presets .components_embeds_subtractive-synth__presets-menu-overlay{opacity:.25}.components_embeds_subtractive-synth__presets-menu-content{position:absolute;left:0;right:0;height:384px;bottom:0;transform:translateY(100%);transition:transform .35s;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:var(--color-background)}.show-presets .components_embeds_subtractive-synth__presets-menu-content{transform:translateY(0)}.components_embeds_subtractive-synth__presets-menu-section{font-size:15px;padding:24px 32px}.components_embeds_subtractive-synth__presets-menu h3{font-family:var(--font-bold);font-size:22px;line-height:calc(var(--font-line-height) * 1);position:relative;padding-left:48px;margin-bottom:24px;color:var(--current-theme-color)}.components_embeds_subtractive-synth__presets-menu h3::before{content:'';display:block;position:absolute;width:40px;height:3px;background-color:var(--current-theme-color);top:50%;left:0;margin-top:-1.5px}.components_embeds_subtractive-synth__panel_presets li,.components_embeds_subtractive-synth__panel_sequences li{list-style:none}.components_embeds_subtractive-synth__panel_presets li a,.components_embeds_subtractive-synth__panel_sequences li a{display:inline-block;position:relative;line-height:1.1;padding:9px 10px 10px;margin:5px 0}.components_embeds_subtractive-synth__panel_presets li a.selected,.components_embeds_subtractive-synth__panel_sequences li a.selected{background-color:var(--current-theme-color);color:var(--color-background)}#subtractive-synth__rack-presets{display:none}.playground .components_embeds_subtractive-synth__presets-menu{z-index:4}.playground .subtractive-synth__floating_controls,.playground .synth-presets-toggle-button{z-index:5}.playground .components_lesson-viewer__toc{z-index:5}.playground .components_lesson-viewer__toc-toggle{z-index:6}.playground.show-presets .components_lesson-viewer__toc-toggle{z-index:3}body.show-presets{height:100vh;overflow-y:hidden;padding-right:var(--scrollbar-width)}.components_control__highlight_bg{position:absolute;top:-5px;left:-20px;right:-20px;bottom:-5px;border:2px solid var(--current-theme-color);opacity:0;transition:opacity .25s ease}.components_control__slider--highlight .components_control__highlight_bg,.components_embeds_subtractive-synth__control-group--highlight .components_control__highlight_bg{opacity:1}.components_embeds_subtractive-synth__panel_mod_label{position:absolute;top:0;right:-14px;line-height:1;background:var(--color-modulation);color:var(--color-background);padding:7px 8px;font-size:13px;letter-spacing:.93px;text-transform:uppercase;font-family:var(--font-bold);font-weight:400;display:none}@media (min-width:480px){.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_presets ul,.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_sequences ul{column-count:2;column-gap:40px}.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_presets li,.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_sequences li{break-inside:avoid;page-break-inside:avoid}}@media (min-width:768px){.components_embeds_subtractive-synth__rack--active{width:608px;margin:0 auto;column-count:2;column-gap:20px}#subtractive-synth__rack-filter{column-count:1;column-gap:0;width:295px}#subtractive-synth__rack-modulation{height:560px}.move-floating-buttons .subtractive-synth__floating_controls{bottom:calc(330px + 24px)}.playground .components_embeds_subtractive-synth__panel{width:295px;break-inside:avoid;page-break-inside:avoid;margin:0 0 20px 0}.components_embeds_subtractive-synth__presets-menu-section{padding:32px}#subtractive-synth__rack-amplitude .components_embeds_subtractive-synth__panel:nth-child(1),#subtractive-synth__rack-sources .components_embeds_subtractive-synth__panel:nth-child(2){margin-bottom:0}.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_presets ul,.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_sequences ul{column-count:3;column-gap:40px}.components_embeds_subtractive-synth__presets-menu-content{height:340px}.subtractive-synth__floating_controls,body .synth-presets-toggle-button{right:32px}body.show-presets .synth-presets-toggle-button,body.show-toc .subtractive-synth__floating_controls,body.show-toc .synth-presets-toggle-button{right:calc(32px + var(--scrollbar-width))}.playground .subtractive-synth__floating_controls{right:112px}body.playground.show-presets .subtractive-synth__floating_controls,body.playground.show-toc .subtractive-synth__floating_controls{right:calc(112px + var(--scrollbar-width))}}@media (min-width:1024px){#subtractive-synth__rack-sources{width:925px;column-count:3;height:625px}.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_presets ul,.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_sequences ul{column-count:4;column-gap:40px}.components_embeds_subtractive-synth__presets-menu-content{display:grid;grid-template-columns:70% 30%;padding:20px 40px 0}.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_presets ul{column-count:3}.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_sequences ul{column-count:1}}@media (min-width:1280px){.components_embeds_subtractive-synth__tabs{display:none}.components_embeds_subtractive-synth__panel_mod_label{display:block}.playground .components_embeds_subtractive-synth__panel{width:295px}#subtractive-synth__rack-filter{width:auto}#subtractive-synth__rack-sources{height:auto}.components_embeds_subtractive-synth__wrapper{width:1240px;margin:0 auto;padding-top:calc(var(--font-line-height) * 2)}#subtractive-synth__rack-amplitude .components_embeds_subtractive-synth__panel:nth-child(1),#subtractive-synth__rack-sources .components_embeds_subtractive-synth__panel:nth-child(2){margin-bottom:20px}.components_embeds_subtractive-synth__rack--active:last-child,.components_embeds_subtractive-synth__rack:last-child{margin-right:0}#subtractive-synth__rack-sources,.components_embeds_subtractive-synth__rack,.components_embeds_subtractive-synth__rack--active{position:relative;top:auto;left:auto;opacity:1;width:auto;margin:0;column-count:auto;float:left;margin-right:20px;pointer-events:auto}.components_embeds_subtractive-synth__presets-menu-content{display:grid;grid-template-columns:60% 40%}.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_presets ul{column-count:3}.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_sequences ul{column-count:2}}@media (min-width:1440px){.components_embeds_subtractive-synth__wrapper{width:1270px}#subtractive-synth__rack-sources,.components_embeds_subtractive-synth__rack,.components_embeds_subtractive-synth__rack--active{margin-right:30px}.components_embeds_subtractive-synth__presets-menu-content{height:422px;padding:20px 80px 0}.components_embeds_subtractive-synth__presets-menu .components_embeds_subtractive-synth__panel_presets{margin-right:40px}}@media (min-width:1680px){.components_embeds_subtractive-synth__presets-menu{display:none}#subtractive-synth__rack-presets{display:block}#subtractive-synth__rack-presets .components_embeds_subtractive-synth__panel{width:240px}.components_embeds_subtractive-synth__wrapper{width:1540px;overflow:hidden}body .synth-presets-toggle-button{display:none}.playground .subtractive-synth__floating_controls{right:32px}body.playground.show-toc .subtractive-synth__floating_controls{right:calc(32px + var(--scrollbar-width))}body.show-presets{height:auto;overflow-y:auto;padding-right:0}body.playground.show-presets .subtractive-synth__floating_controls{right:32px}}
.synth3d{position:relative;margin-bottom:calc(var(--font-line-height)*-.75)}.synth3d.synth3d-xy{margin-bottom:0}.synth3d.synth3d-sliders{margin-bottom:0}.components_visualizations_synth_3d{height:calc(var(--font-line-height)*7);opacity:0;transition:opacity .3s ease-out;cursor:grab;width:100vw;margin-left:50%;transform:translateX(-50%)}.synth3d-xy .components_visualizations_synth_3d{height:calc(var(--font-line-height)*9)}.synth3d--active .components_visualizations_synth_3d{cursor:grabbing}.components_visualizations_synth_3d--ready{opacity:1}.synth3d .components_control__presspad{position:absolute;top:0;left:0;width:100%;height:100%;cursor:grab}.synth3d .components_control__presspad.components_control__presspad--active{cursor:grabbing}.components_control__presspad_button{position:absolute;bottom:0;left:0;width:100%;height:28px}.synth3d__slider-text{max-width:420px;margin:0 auto}.synth3d__slider-text>p{margin:0 auto}.synth3d .components_control__slider{max-width:420px;margin:0 auto;margin-bottom:calc(var(--font-line-height)*.5);cursor:grab}.synth3d .components_control__slider--active{cursor:grabbing}.synth3d-xy{max-width:600px;margin-left:auto;margin-right:auto}.synth3d-xy .components_xy-pad{position:absolute;top:0;right:0;bottom:0;left:0}.embed .synth3d-xy .tooltip{top:16px}.synth3d-xy .active .visualization-glow .glow{opacity:0}.visualization-glow .background{transition:border-color .3s ease-in-out}.embed .synth3d-xy .active .control-svg .control-fill{fill:var(--current-theme-color)}.embed .synth3d-xy .active .control-svg .control-outline{stroke:var(--color-shade)}.embed .synth3d-sliders .components_control__slider .tooltip{top:27px;left:7px}
.synth-adsr{position:relative;height:calc(var(--font-line-height)*7);margin-top:calc(var(--font-line-height)*3);margin-bottom:calc(var(--font-line-height)*3)}.synth-adsr__reset-button{display:block;position:absolute;right:0;bottom:-25px;z-index:3}.synth-adsr__press-hold-button{width:48px;height:48px;position:absolute;pointer-events:none;bottom:0;right:12px}.synth-adsr__press-hold-button svg circle:nth-child(1){stroke-width:3px;stroke:var(--color-foreground);fill:var(--color-background);transition:stroke cubic-bezier(.785,.135,.15,.86)}.synth-adsr__press-hold-button svg circle:nth-child(2){fill:var(--color-foreground);transform-origin:50% 50%;transition:fill cubic-bezier(.785,.135,.15,.86)}.adsr-active .synth-adsr__press-hold-button svg circle:nth-child(1){stroke:var(--current-theme-color);stroke:var(--color-shade);stroke:var(--color-foreground)}.adsr-active .synth-adsr__press-hold-button svg circle:nth-child(2){fill:var(--current-theme-color);fill:var(--color-shade);fill:var(--color-foreground)}.synth-adsr__interaction-prompt.adsr-tooltip{position:absolute;bottom:24px;right:22px;top:auto;left:auto;opacity:1}.adsr--was-activated .synth-adsr__interaction-prompt.adsr-tooltip,.adsr-active .synth-adsr__interaction-prompt.adsr-tooltip{opacity:0}.synth-adsr__interaction-prompt.adsr-tooltip .adsr-tooltip-label{text-transform:uppercase}.matching-envelopes-envelope .synth-adsr__interaction-prompt.adsr-tooltip{bottom:40px;right:0}
.components_embeds_synth-envelope{background-color:none;position:relative;margin-bottom:calc(var(--font-line-height)*3);margin-top:calc(var(--font-line-height)*3);height:calc(var(--font-line-height)*6);user-select:none}.components_embeds_synth-envelope.active{cursor:none}.components_embeds_synth-envelope-hitarea{background-color:var(--color-gray-1)}.components_embeds_synth-envelope__envelope-background{fill:var(--color-shade)}.components_embeds_synth-envelope__envelope-foreground{fill:var(--current-theme-color)}.components_embeds_synth-envelope__envelope-playhead{fill:var(--color-foreground)}.components_embeds_synth-envelope .adsr-x-axis-arrow,.components_embeds_synth-envelope .adsr-x-axis-line,.components_embeds_synth-envelope .adsr-y-axis-arrow,.components_embeds_synth-envelope .adsr-y-axis-line{background-color:var(--color-foreground)}.components_embeds_synth-envelope .adsr-x-axis-label,.components_embeds_synth-envelope .adsr-y-axis-label{color:var(--color-foreground);padding-top:0}.components_embeds_synth-envelope .adsr-x-axis-label{padding-top:5px}.components_embeds_synth-envelope .adsr-y-axis{top:-25px;bottom:1px;right:-20px}.components_embeds_synth-envelope .adsr-x-axis{right:-15px}.components_embeds_synth-envelope__example_shape{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.components_embeds_synth-envelope__example_shape path:nth-child(1){fill:var(--current-theme-color);stroke:none;stroke-linecap:square}.components_embeds_synth-envelope__example_shape path:nth-child(2){fill:none;stroke:var(--color-foreground);stroke-width:3px;stroke-linecap:square}.components_embeds_synth-envelope::active{cursor:none}.components_embeds_synth-envelope__cursor{position:absolute;top:0;left:0;pointer-events:none}.hasBeenTouched .components_embeds_synth-envelope__cursor{opacity:0}.active.hasBeenTouched .components_embeds_synth-envelope__cursor{opacity:1}.components_embeds_synth-envelope__cursor_icon{position:absolute;top:0;left:0}.components_embeds_synth-envelope__cursor_icon .pencil_icon{width:48px;height:48px;position:absolute;top:-47px;left:-25px;transform-origin:50% 100%}.components_embeds_synth-envelope__cursor_icon .pencil_icon .outline{fill:var(--color-foreground)}.components_embeds_synth-envelope__cursor_icon .pencil_icon .fill{fill:var(--color-background)}.components_embeds_synth-envelope__example_arrows{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.components_embeds_synth-envelope__example_arrows svg{display:inline-block;width:48px;height:48px;opacity:0}.components_embeds_synth-envelope__example_arrows svg:not(:first-child){margin-left:-24px}.components_embeds_synth-envelope__example_arrows svg polygon{fill:var(--color-shade)}
:root{--synth-slider-control-height:calc(var(--font-line-height)*2)}.synth_slider{height:calc(var(--font-line-height)*12);opacity:1;transition:opacity .3s var(--ui-easing)}.synth_slider--ready{opacity:1}.synth_slider.pulse-width{height:calc(var(--font-line-height)*10)}.synth_slider__viz{position:relative;height:calc(100% - var(--synth-slider-control-height));cursor:grab}.synth_slider__control{position:relative;height:var(--synth-slider-control-height);cursor:grab;max-width:420px;margin:0 auto}.synth_slider--active .synth_slider__control,.synth_slider--active .synth_slider__viz{cursor:grabbing}.synth_slider__control .components_control__slider{position:absolute;width:100%;top:50%;transform:translateY(-50%)}.visualization-missing{position:absolute;width:100%;height:100%;background-color:var(--color-shade);transition:background-color .3s var(--ui-easing)}.synth_slider--active .visualization-missing{background-color:var(--current-theme-color)}.synth_slider--active .component_pulse-waveform__path{stroke:var(--current-theme-color)}.synth_slider__viz .visualization-lfo-diagram_target-label{padding-left:0;top:-40px;transform:translateX(-50%)}
.components_lesson-viewer__toc{position:fixed;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow-y:hidden;overflow-x:hidden}body.show-toc{height:100vh;overflow-y:hidden;padding-right:var(--scrollbar-width)}.show-toc .components_lesson-viewer__toc{overflow-y:scroll;pointer-events:auto;-webkit-overflow-scrolling:touch}.components_lesson-viewer__toc-menu{position:absolute;right:0;width:320px;transform:translateX(100%);transition:transform .35s;background-color:var(--color-background)}.show-toc .components_lesson-viewer__toc-menu{transform:translateX(0)}.components_lesson-viewer__toc-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-shade);opacity:0;transition:opacity .35s;cursor:pointer}.show-toc .components_lesson-viewer__toc-overlay{opacity:.75}.components_lesson-viewer__toc-chapter-section,.components_lesson-viewer__toc-chapter-title,.components_lesson-viewer__toc-header{margin-left:calc(16px * 3.5);margin-right:calc(16px * 2.5)}.components_lesson-viewer__toc-header{padding-top:calc(var(--font-line-height)*2);padding-bottom:calc(var(--font-line-height)*2)}.components_lesson-viewer__toc-chapter{padding-bottom:calc(var(--font-line-height)*.75);position:relative}.components_lesson-viewer__toc-chapter-title{display:block;background-color:var(--color-background);padding-top:calc(var(--font-line-height)*.75);padding-bottom:calc(var(--font-line-height)*.25);cursor:pointer;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.components_lesson-viewer__toc-chapter-heading-container{position:relative}.components_lesson-viewer__toc-chapter-heading-bg{content:"";position:absolute;top:-3px;bottom:-2px;right:calc(var(--font-line-height)*-.333);left:calc(var(--font-line-height)*-.333);opacity:0;transition:opacity .3s var(--ui-easing)}.components_lesson-viewer__toc-chapter-title--current .components_lesson-viewer__toc-chapter-heading-bg{animation:flash-background .2s ease;animation-fill-mode:forwards}@keyframes flash-background{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.components_lesson-viewer__toc-lesson-title{font-family:var(--font-heading);font-size:calc(var(--font-base-size)*2.25)}.components_lesson-viewer__toc-chapter-heading,.components_lesson-viewer__toc-settings-panel-title{position:relative;font-family:var(--font-heading);font-size:21px;line-height:1.2}.components_lesson-viewer__toc-chapter-heading::after{content:"";position:absolute;top:7px;left:-30px;width:15px;height:15px;border-radius:50%;transition:opacity .3s var(--ui-easing)}.components_lesson-viewer__toc-chapter-subtitle{color:var(--color-gray-4);position:relative}.components_lesson-viewer__toc-chapter-sections{padding-bottom:var(--font-line-height);display:none}.components_lesson-viewer__toc-chapter-sections.components_lesson-viewer__toc-chapter-sections--current{display:block}.components_lesson-viewer__toc-chapter-section{display:block;padding-top:calc(var(--font-line-height)*.5);padding-bottom:calc(var(--font-line-height)*.5);margin-top:calc(var(--font-line-height)*.25);margin-bottom:calc(var(--font-line-height)*.25);position:relative;line-height:1.2;font-size:18px;transition:color .3s ease}.components_lesson-viewer__toc-chapter-section--current{color:var(--current-theme-color)}.components_lesson-viewer__toc-chapter-section::after{content:"";position:absolute;top:0;right:calc(var(--font-line-height)*-.333);bottom:0;left:calc(var(--font-line-height)*-.333);transition:opacity .3s ease;background-color:var(--current-theme-color);opacity:0}.components_lesson-viewer__toc-chapter-section--current::after{background-color:var(--current-theme-color);opacity:.07}.components_lesson-viewer__toc-toggle{height:50px;width:50px;position:fixed;z-index:5;top:16px;right:16px;transition:all .3s var(--ui-easing);transition-property:opacity,transform}.show-presets .components_lesson-viewer__toc-toggle,.show-toc .components_lesson-viewer__toc-toggle{right:calc(16px + var(--scrollbar-width))}.components_lesson-viewer__toc-toggle-link{display:block;text-decoration:none;outline:0;width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hide-header .components_lesson-viewer__toc-toggle{transform:translateY(-100%)}.components_lesson-viewer__toc-toggle-icons{position:absolute;width:29px;height:29px;top:50%;left:50%;transform:translate(-50%,-50%)}.components_lesson-viewer__toc-toggle-icons svg{display:block;position:absolute;left:0;top:0;width:29px;height:29px}.components_lesson-viewer__toc-toggle-icons path{stroke-width:2.5px;stroke-linecap:square;stroke:var(--color-foreground)}.components_lesson-viewer__toc-toggle-icons .close{opacity:0}.components_lesson-viewer__toc-toggle-bg{position:absolute;top:0;left:0;width:100%;height:100%}.components_lesson-viewer__toc-toggle-bg .components_lesson-viewer__oval-background path{fill:var(--color-shade)}.theme-a .components_lesson-viewer__toc-chapter-heading::after{background-color:var(--theme-a)}.theme-a .components_lesson-viewer__toc-chapter-section:hover{color:var(--theme-a)}.theme-a .components_lesson-viewer__toc-chapter-heading-bg{background-color:var(--theme-a-shade)}.theme-b .components_lesson-viewer__toc-chapter-heading::after{background-color:var(--theme-b)}.theme-b .components_lesson-viewer__toc-chapter-section:hover{color:var(--theme-b)}.theme-b .components_lesson-viewer__toc-chapter-heading-bg{background-color:var(--theme-b-shade)}.theme-c .components_lesson-viewer__toc-chapter-heading::after{background-color:var(--theme-c)}.theme-c .components_lesson-viewer__toc-chapter-section:hover{color:var(--theme-c)}.theme-c .components_lesson-viewer__toc-chapter-heading-bg{background-color:var(--theme-c-shade)}.theme-d .components_lesson-viewer__toc-chapter-heading::after{background-color:var(--theme-d)}.theme-d .components_lesson-viewer__toc-chapter-section:hover{color:var(--theme-d)}.theme-d .components_lesson-viewer__toc-chapter-heading-bg{background-color:var(--theme-d-shade)}.theme-e .components_lesson-viewer__toc-chapter-heading::after{background-color:var(--theme-e)}.theme-e .components_lesson-viewer__toc-chapter-section:hover{color:var(--theme-e)}.theme-e .components_lesson-viewer__toc-chapter-heading-bg{background-color:var(--theme-e-shade)}.theme-f .components_lesson-viewer__toc-chapter-heading::after{background-color:var(--theme-f)}.theme-f .components_lesson-viewer__toc-chapter-section:hover{color:var(--theme-f)}.theme-f .components_lesson-viewer__toc-chapter-heading-bg{background-color:var(--theme-f-shade)}.theme-g .components_lesson-viewer__toc-chapter-heading::after{background-color:var(--theme-g)}.theme-g .components_lesson-viewer__toc-chapter-section:hover{color:var(--theme-g)}.theme-g .components_lesson-viewer__toc-chapter-heading-bg{background-color:var(--theme-g-shade)}.theme-h .components_lesson-viewer__toc-chapter-heading::after{background-color:var(--theme-h)}.theme-h .components_lesson-viewer__toc-chapter-section:hover{color:var(--theme-h)}.theme-h .components_lesson-viewer__toc-chapter-heading-bg{background-color:var(--theme-h-shade)}.theme-mono .components_lesson-viewer__toc-chapter-heading::after{background-color:var(--theme-mono)}.theme-mono .components_lesson-viewer__toc-chapter-section:hover{color:var(--theme-mono)}.theme-mono .components_lesson-viewer__toc-chapter-heading-bg{background-color:var(--theme-mono-shade)}.theme-rainbow .components_lesson-viewer__toc-chapter-heading::after{background-image:conic-gradient(var(--color-blue),var(--color-green),var(--color-yellow),var(--color-red),var(--color-magenta),var(--color-blue));transform:rotate(90deg)}.components_lesson-viewer__toc-chapter:last-child{margin-top:101.5px}.components_lesson-viewer__toc-playground-title{margin-top:-192px;margin-bottom:192px}.components_lesson-viewer__toc-settings-panel{padding-left:calc(16px*2);margin-left:calc(16px*1.5);padding-right:calc(16px*1);margin-right:calc(16px*1.5);padding-top:calc(16px*2);padding-bottom:calc(16px*2);margin-bottom:calc(16px*1.5);background-color:var(--color-gray-1)}.components_lesson-viewer__toc-settings-section{margin-top:calc(var(--font-line-height)*1)}.components_lesson-viewer__toc-settings-panel-title{padding-bottom:calc(var(--font-line-height)*.25)}.components_lesson-viewer__toc-settings-panel h4{padding-bottom:calc(var(--font-line-height)*.25)}.components_lesson-viewer__toc-settings-row{display:flex;flex-direction:row;padding-bottom:calc(var(--font-line-height)*.5)}.components_lesson-viewer__toc-setting-caption{font-size:13px;line-height:19px;color:var(--color-gray-4)}.components_lesson-viewer__toc-setting-choice{margin-right:20px;color:var(--color-gray-4);cursor:pointer;font-size:13px;letter-spacing:.93px;text-transform:uppercase;font-family:var(--font-bold);line-height:33px;text-align:center}.components_lesson-viewer__toc-setting-choice:last-child{margin-right:0}.components_lesson-viewer__toc-setting-choice--selected{color:var(--color-background);background-color:var(--color-foreground);padding-left:16px;padding-right:16px}.components_lesson-viewer__toc-ableton-link{display:grid;grid-template-columns:1fr 2fr;padding-top:calc(var(--font-line-height)*1.5);padding-bottom:calc(var(--font-line-height)*1);margin:calc(var(--font-line-height)*1) calc(var(--padding-default)*3.5)}.components_lesson-viewer__toc-ableton-link-text{text-align:right;color:var(--color-foreground);line-height:calc(var(--font-line-height)*1)}.components_lesson-viewer__toc-ableton-link-image{height:calc(var(--font-line-height)*1)}.components_lesson-viewer__toc-ableton-link-image .components_images__ableton-logo{height:100%;fill:var(--color-foreground)}
body{font-family:var(--font-body);font-size:calc(var(--font-base-size) * 1)}h1,h2,h3,h4,h5{font-family:var(--font-bold);font-weight:400}h1{font-size:calc(var(--font-base-size) * 2.75);font-family:var(--font-heading);font-weight:700}h2{font-size:calc(var(--font-base-size) * 1.523);font-family:var(--font-heading)}h3{font-size:calc(var(--font-base-size) * 1.25)}.smallcaps,h4{font-size:13px;letter-spacing:.93px;text-transform:uppercase;font-family:var(--font-bold);font-weight:400}.components_lesson-viewer__next-chapter-title{font-size:calc(var(--font-base-size) * 2.3333333333);line-height:1}.control_label,.visualization-button_label{font-size:13px;letter-spacing:.93px;text-transform:uppercase;font-family:var(--font-bold);line-height:1;text-align:center}.inline_footnote__content{font-size:calc(var(--font-base-size) * .7619);line-height:1.75}.caption,.small{font-size:calc(var(--font-base-size) * .7619)}.callout.right,.caption.right{text-align:right}.callout.centered,.caption.centered{text-align:center}.glossary-link,.glossary-term-inline{font-style:italic}
:root{--color-white:hsl(0, 0%, 100%);--color-gray-1:hsl(240, 14%, 96%);--color-gray-2:hsl(240, 12%, 90%);--color-gray-2-5:hsl(240, 11%, 81%);--color-gray-3:hsl(240, 7%, 73%);--color-gray-4:hsl(240, 5%, 50%);--color-gray-5:hsl(240, 7%, 32%);--color-indigo:rgb(0, 0, 76);--color-purple:rgb(113, 92, 249);--color-purple-shade:rgb(240, 240, 254);--color-blue:rgb(35, 178, 254);--color-blue-shade:rgb(233, 247, 254);--color-green:rgb(0, 214, 146);--color-green-shade:rgb(233, 251, 244);--color-yellow:rgb(254, 188, 45);--color-yellow-shade:rgb(255, 248, 236);--color-red:rgb(228, 82, 90);--color-red-shade:rgb(252, 238, 239);--color-magenta:rgb(221, 12, 117);--color-magenta-shade:rgb(251, 232, 241);--color-peach:rgb(255, 101, 119);--color-peach-shade:rgb(255, 240, 242);--color-mauve:rgb(181, 110, 245);--color-mauve-shade:rgb(243, 230, 253);--color-background:var(--color-white);--color-foreground:var(--color-indigo);--color-shade:var(--color-gray-2);--color-text-on-accent:var(--color-white);--color-navbar:var(--color-background);--color-foreground-quiet:var(--color-gray-4);--color-caption:var(--color-gray-4);--current-theme-color:var(--color-blue);--current-theme-color-shade:var(--color-blue-shade);--theme-a:var(--color-purple);--theme-a-shade:var(--color-purple-shade);--theme-b:var(--color-blue);--theme-b-shade:var(--color-blue-shade);--theme-c:var(--color-green);--theme-c-shade:var(--color-green-shade);--theme-d:var(--color-yellow);--theme-d-shade:var(--color-yellow-shade);--theme-e:var(--color-red);--theme-e-shade:var(--color-red-shade);--theme-f:var(--color-magenta);--theme-f-shade:var(--color-magenta-shade);--theme-g:var(--color-peach);--theme-g-shade:var(--color-peach-shade);--theme-h:var(--color-mauve);--theme-h-shade:var(--color-mauve-shade);--theme-mono:var(--color-foreground);--theme-mono-shade:var(--color-shade);--color-modulation:var(--color-foreground);--font-light:"AbletonSans-Light",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-body:"AbletonSans-Medium",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-bold:"AbletonSans-Bold",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-heading:"Futura PT Bold",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-base-size:18px;--font-line-height:27px;--padding-default:16px;--max-content-width:512px;--widget-border-size:2px;--widget-control-stroke-size:3px;--widget-control-size:33px;--widget-control-fill-color-default:var(--color-background);--widget-control-fill-color-active:var(--color-foreground);--widget-control-stroke-color-default:var(--color-foreground);--widget-control-stroke-color-active:var(--color-foreground);--ui-easing:cubic-bezier(0.455, 0.03, 0.515, 0.955);--ui-easing-duration:0.3s;--slider-thumb-size-px:21px;--slider-thumb-border-size-px:3px;--slider-track-height-px:2px;--slider-track-color:var(--color-shade);--slider-margin-top-px:-8px;--scrollbar-width:0px}
body.show-baseline .main,body.show-baseline .toc .content{background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 26px,rgba(0,0,0,.1) 26px,rgba(0,0,0,.1) 27px);background-position:top left;background-repeat:repeat}body{line-height:var(--font-line-height)}h1{line-height:1}h2{line-height:calc(var(--font-line-height) * 1.2)}h3{line-height:calc(var(--font-line-height) * 1)}h4{line-height:var(--font-line-height)}footer{line-height:var(--font-line-height)}.caption{line-height:calc(var(--font-line-height) * .75)}.main section{padding-bottom:calc(var(--font-line-height)*0);padding-top:calc(var(--font-line-height)*2.5)}.main h1{margin-bottom:calc(var(--font-line-height) * 2)}.main h2{margin-bottom:calc(var(--font-line-height)*1.5)}.main h3{margin-bottom:0}.main p{margin-bottom:calc(var(--font-line-height) * 1.5)}.main ol,.main ul{margin-bottom:calc(var(--font-line-height) * 1.5)}.main .embed{margin-bottom:calc(var(--font-line-height)*1.5)}.main .embed.embed-hidden{margin-bottom:0}.main .caption{margin-bottom:calc(var(--font-line-height)*1)}.embed+.caption{margin-top:calc(var(--font-line-height)*-.5)}.main .up-next{padding-top:calc(var(--font-line-height)*2)}.main .up-next .caption{line-height:calc(var(--font-line-height) * 1);margin-bottom:calc(var(--font-line-height)*.5)}
:root{--unmute-animation-duration:4s;--unmute-animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);--unmute-animation-delay:0.5s}#unmute-iphone-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;font-family:AbletonSans-Medium,sans-serif;font-size:18px;line-height:1.5;color:#00004b}#unmute-iphone-modal__content{width:213px;height:100%;margin:0 auto;position:relative;display:grid;grid-template-rows:80% 20%}#unmute-iphone-modal__ableton-logo{display:block;width:45px;height:21px;position:absolute;top:16px;left:16px}#unmute-iphone-modal__ableton-logo rect{fill:#b5b5be}#unmute-iphone-modal__content-primary{display:flex;flex-direction:column;justify-content:center}#unmute-iphone-modal__message{max-width:18ch;margin-top:30px;margin-bottom:20px}#unmute-iphone-modal__audio-waves{width:51px;height:32px;margin-left:66px;margin-bottom:10px}#unmute-iphone-modal__audio-waves path{stroke:#f3f3f6;stroke-width:4px;fill:none}#unmute-iphone-modal__audio-waves #unmute-iphone-modal__audio-waves-w1-on,#unmute-iphone-modal__audio-waves #unmute-iphone-modal__audio-waves-w2-on,#unmute-iphone-modal__audio-waves #unmute-iphone-modal__audio-waves-w3-on{stroke:#ff6475;opacity:0}#unmute-iphone-modal__phone{width:213px;position:relative;margin-bottom:10px}#unmute-iphone-modal__phone-case{background:#f3f3f6;border:3px solid #e2e2e8;border-radius:23px;height:39px;width:600px;box-sizing:content-box}#unmute-iphone-modal__phone-antenna-line{position:absolute;width:4px;height:39px;top:3px;left:40px;background-color:#e2e2e8}#unmute-iphone-modal__phone-ringer-well{position:absolute;width:44px;height:13px;top:16px;left:70px;background-color:#e2e2e8;border-radius:6.5px;overflow:hidden}#unmute-iphone-modal__phone-ringer-well-on-indicator{position:absolute;width:100%;height:8px;top:-1px;left:0;background-color:#ff6475;border-radius:3px}#unmute-iphone-modal__phone-ringer-switch{position:absolute;width:44px;height:8px;top:21px;left:70px;background-color:#b5b5be;border-radius:3px}#unmute-iphone-modal__phone-volume-up{position:absolute;width:66px;height:12px;top:17px;left:146px;background-color:#e2e2e8;border-radius:6.5px}#unmute-iphone-modal__phone-volume-down{position:absolute;width:66px;height:12px;top:17px;left:224px;background-color:#e2e2e8;border-radius:6.5px}#unmute-iphone-modal__arrow{display:block;width:30px;height:34px;margin-left:80px;transform:translateY(10px)}#unmute-iphone-modal__arrow polygon{fill:#00004b}#unmute-iphone-modal__button button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;width:100%;border:none;font-size:inherit;font-family:inherit;background-color:#ff6475;color:#fff;text-decoration:none;padding:17px 0 16px;text-align:center}@keyframes animationPointingArrow{0%,100%{transform:translateY(10px)}10%{transform:translateY(0)}70%{transform:translateY(0)}80%{transform:translateY(10px)}}#unmute-iphone-modal__arrow{animation-name:animationPointingArrow;animation-duration:var(--unmute-animation-duration);animation-iteration-count:infinite;animation-timing-function:var(--unmute-animation-timing-function);animation-delay:var(--unmute-animation-delay)}@keyframes animationRingerSwitch{0%,100%{transform:translateY(0)}10%{transform:translateY(-6px)}70%{transform:translateY(-6px)}80%{transform:translateY(0)}}#unmute-iphone-modal__phone-ringer-switch{animation-name:animationRingerSwitch;animation-duration:var(--unmute-animation-duration);animation-iteration-count:infinite;animation-timing-function:var(--unmute-animation-timing-function);animation-delay:var(--unmute-animation-delay)}@keyframes animationAudioWave1{0%{opacity:0}10%{opacity:0}20%{opacity:1}40%{opacity:0}}#unmute-iphone-modal__audio-waves-w1-on{animation-name:animationAudioWave1;animation-duration:var(--unmute-animation-duration);animation-iteration-count:infinite;animation-timing-function:var(--unmute-animation-timing-function);animation-delay:var(--unmute-animation-delay)}@keyframes animationAudioWave2{0%{opacity:0}15%{opacity:0}25%{opacity:1}45%{opacity:0}}#unmute-iphone-modal__audio-waves-w2-on{animation-name:animationAudioWave2;animation-duration:var(--unmute-animation-duration);animation-iteration-count:infinite;animation-timing-function:var(--unmute-animation-timing-function);animation-delay:var(--unmute-animation-delay)}@keyframes animationAudioWave3{0%{opacity:0}20%{opacity:0}30%{opacity:1}50%{opacity:0}}#unmute-iphone-modal__audio-waves-w3-on{animation-name:animationAudioWave3;animation-duration:var(--unmute-animation-duration);animation-iteration-count:infinite;animation-timing-function:var(--unmute-animation-timing-function);animation-delay:var(--unmute-animation-delay)}
.components_pages_not-found__wrapper{background-color:var(--color-background)}.components_pages_not-found__recommendation2{margin-top:100px}
.button-tooltip{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:all .3s var(--ui-easing);transition-property:opacity,transform}.--was-activated .button-tooltip,.components_control__presspad--was-activated .button-tooltip,.components_control__slider--was-activated .button-tooltip{opacity:0}.synth-playback_play-stop-button .button-tooltip,.synth-playback_press-button .button-tooltip,.synth-presets-toggle-button .button-tooltip{transform:translateY(-75%)}.components_control__presspad .button-tooltip,.components_control__slider .button-tooltip{transform:translateY(-40px)}.components_xy-pad__control-parent .button-tooltip{transform:translateY(-32px)}.button-tooltip__container{position:absolute;left:50%;top:0;transform:translateX(-50%)}.button-tooltip__label{padding:4px 8px 2px;text-align:center;min-width:64px;color:var(--current-theme-color);background-color:var(--current-theme-color-shade);white-space:nowrap}.button-tooltip__label::after{display:block;content:'';position:absolute;width:15px;height:15px;transform:rotate(45deg);bottom:-7.5px;margin-left:-7.5px;left:50%;background-color:var(--current-theme-color-shade)}.playground .button-tooltip__label{color:var(--color-background);background-color:var(--color-foreground)}.playground .button-tooltip__label::after{background-color:var(--color-foreground)}
.circle-button{position:relative;text-decoration:none;outline:0;text-align:center;line-height:calc(var(--font-line-height) * 2);font-size:12px;font-family:var(--font-bold);letter-spacing:.5px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.circle-button>span{display:block;position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate3d(-50%,-50%,0);transition:all .2s .3s var(--ui-easing)}.circle-button>.bg-indicator{transform:translate3d(-50%,-50%,0) scale(.5);background-color:var(--color-shade);border-radius:50%}.circle-button>.icon svg{display:block;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.circle-button>.icon path{fill:var(--color-foreground)}.circle-button:hover>.bg-indicator{background-color:var(--current-theme-color);transform:translate3d(-50%,-50%,0) scale(1)}.circle-button:hover>.icon svg{opacity:1}
.components_images__icon-play,.components_images__icon-stop{display:block;position:absolute;top:0;left:0}.components_images__icon-stop{opacity:0;transform:scale(.5)}.components_images__icon-play polygon,.components_images__icon-stop polygon{fill:var(--color-foreground)}.components_images__icon-stop rect{fill:var(--color-shade)}
.components_control__presspad{position:relative;height:100%}.components_control__presspad svg{width:43px;height:43px;position:absolute;top:calc(50% - 21.5px);left:calc(50% - 21.5px)}.components_control__presspad_fill{fill:var(--color-foreground);transform-origin:50% 50%}.components_control__presspad_ring{fill:none;stroke-width:3px;stroke:var(--color-foreground);transform-origin:50% 50%}
.components_control__slider{position:relative}.components_control__slider_labels{position:relative}.components_control__slider_labels_name,.components_control__slider_labels_value{line-height:1;padding-top:calc(var(--font-line-height) * .75)}.components_control__slider_labels_value{position:absolute;top:0;left:0;right:0;text-align:right}.components_control__slider_control{height:44px;position:relative;cursor:grab}.components_control__slider--active .components_control__slider_control{cursor:grabbing}.components_control__slider_control:focus{outline:0}.components_embeds_subtractive-synth__panel .components_control__slider_control:focus{outline:0}.components_control__slider_track{position:absolute;background-color:var(--color-shade);border-radius:var(--slider-track-height-px);height:var(--slider-track-height-px);left:0;right:0;top:50%;overflow:hidden}.components_control__slider_fill{position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--color-foreground);transform-origin:0 0;transition:background-color .2s var(--ui-easing)}.components_control__slider_fill--bipolar{width:50%;left:50%;transform-origin:left}.components_embeds_subtractive-synth__panel .components_control__slider_fill{background-color:var(--current-theme-color)}.components_control__slider_handle_holder{position:absolute;width:var(--slider-thumb-size-px);height:var(--slider-thumb-size-px);left:calc(var(--slider-thumb-size-px) * -.5);top:50%}.components_control__slider_handle{width:100%;height:100%;background-color:var(--color-background);border:var(--slider-thumb-border-size-px) solid var(--color-foreground);border-radius:50%;transition:background-color .2s var(--ui-easing),border-color .2s var(--ui-easing),height .2s var(--ui-easing),width .2s var(--ui-easing),border-width .1s var(--ui-easing),transform .1s var(--ui-easing)}.components_control__slider_handle--fine{transform:scale3D(2,2,1);border-width:calc(var(--slider-thumb-border-size-px)/ 2)}.components_embeds_subtractive-synth__panel .components_control__slider_handle{border-color:var(--current-theme-color)}.components_control__slider--active .components_control__slider_handle{background-color:var(--color-foreground)}.components_control__slider--active .components_control__slider_handle{background-color:var(--current-theme-color);border-color:var(--current-theme-color)}.components_control__slider--active .components_control__slider_fill{background-color:var(--current-theme-color)}.components_control__modulation_dot{position:absolute;width:6px;height:6px;left:-3px;top:4px;border-radius:50%;background-color:var(--color-modulation)}
.synth-playback_play-stop-button,.synth-playback_press-button{display:block;width:50px;height:50px;position:relative;pointer-events:auto;cursor:pointer}.synth-presets-toggle-button{display:block;position:fixed;cursor:pointer;bottom:16px;right:16px}.show-presets .synth-presets-toggle-button,.show-toc .synth-presets-toggle-button{right:calc(16px + var(--scrollbar-width))}.synth-playback_press-button{cursor:grab}.synth-playback_press-button.synth-playback_press-button--active{cursor:grabbing}.synth-playback_play-stop-button .bg,.synth-playback_press-button .bg,.synth-presets-toggle-button .bg{position:absolute;top:0;left:0;width:100%;height:100%}.synth-playback_play-stop-button .bg{background-color:var(--color-shade);border-radius:50%;opacity:0;transform:scale(1);transition:all .3s cubic-bezier(.455,.03,.515,.955);transition-property:transform,opacity}.synth-playback_play-stop-button--playing .bg{opacity:0;transform:scale(.85)}.synth-playback_play-stop-button .progress{position:absolute;top:0;left:0;opacity:0;transform:rotate(-90deg) scale(1.1,-1.1);transition:all .15s cubic-bezier(.455,.03,.515,.955);transition-property:opacity,transform}.synth-playback_play-stop-button--playing .progress{opacity:1;transform:rotate(-90deg) scale(1,-1);transition-duration:.3s}.synth-playback_play-stop-button .progress .ring,.synth-playback_play-stop-button .progress .ring-bg{fill:none;stroke:var(--color-foreground);stroke-width:3px;stroke-linecap:square}.synth-playback_play-stop-button .progress .ring-bg{stroke:var(--color-foreground);opacity:.1}.synth-playback_play-stop-button .progress .background{fill:var(--color-shade);transform-origin:center center}.synth-playback_play-stop-button .components_images__icon-play{left:2px;top:0}.synth-playback_play-stop-button .components_images__icon-play polygon{fill:var(--color-foreground)}.synth-playback_play-stop-button .components_lesson-viewer__icon-stop{position:absolute;left:0;top:0}.components_lesson-viewer__icon-stop polygon{fill:var(--color-foreground)}.subtractive-synth__floating_controls .synth-playback_play-stop-button,.subtractive-synth__floating_controls .synth-playback_press-button,.synth-presets-toggle-button{width:63px;height:63px}.subtractive-synth__floating_controls .synth-playback_press-button{margin-right:16px}.subtractive-synth__floating_controls .synth-playback_play-stop-button--playing .bg{opacity:1;transform:scale(1)}.subtractive-synth__floating_controls .synth-playback_play-stop-button .components_lesson-viewer__icon-stop{left:7px;top:7px}.subtractive-synth__floating_controls .synth-playback_play-stop-button .components_images__icon-play{left:10px;top:7px}.synth-presets-toggle-button .icon-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.synth-presets-toggle-button .icon-container .close{width:29px;height:29px}.synth-presets-toggle-button .icon-container .presets-icon{width:50px;height:50px}.synth-presets-toggle-button .icon-container .presets-icon polygon{fill:var(--color-foreground)}.synth-presets-toggle-button .icon-container .close path{stroke-width:3px;stroke-linecap:square;stroke:var(--color-foreground)}.subtractive-synth__floating_controls .synth-playback_play-stop-button .bg,.subtractive-synth__floating_controls .synth-playback_press-button .bg,.synth-presets-toggle-button .bg{background-color:var(--color-background);opacity:1;border-radius:50%;box-shadow:0 14px 28px rgba(0,0,76,.09),0 2px 5px rgba(0,0,76,.09)}
.embed .tooltip{position:absolute;top:0;left:0;pointer-events:none;transition:opacity .3s var(--ui-easing)}.embed .tooltip.top .container{transform:translate3d(-50%,-185%,0)}.embed .tooltip.right .container{transform:translate3d(40%,-50%,0)}.embed .tooltip.left .container{transform:translate3d(-140%,-50%,0)}.embed .tooltip .container .label{padding:4px 8px 2px;text-align:center;min-width:64px;color:var(--current-theme-color);background-color:var(--current-theme-color-shade);white-space:nowrap}.embed .tooltip .container .label::after{content:'';position:absolute;width:15px;height:15px;transform:rotate(45deg);background-color:var(--current-theme-color-shade);display:none}.embed .tooltip.top .container .label::after{bottom:-7.5px;margin-left:-7.5px;left:50%;display:block}.embed .tooltip.right .container .label::after{left:-7.5px;top:50%;margin-top:-7.5px;display:block}.embed .tooltip.left .container .label::after{right:-7.5px;top:50%;margin-top:-7.5px;display:block}.embed .components_control__slider .tooltip{top:8px;left:9px}.components_control__presspad .tooltip{left:50%;top:-2px}.embed .components_control__presspad .tooltip.top .container{transform:translate3d(-50%,-100%,0)}.embed .components_control__presspad--was-activated .tooltip,.embed .components_control__slider--was-activated .tooltip{opacity:0}
.embed .control-svg{position:absolute;top:0;left:0;pointer-events:none}.embed .control-svg .control-fill{fill:var(--widget-control-fill-color-default);transition:all .3s var(--ui-easing);transition-property:opacity,transform,fill}.embed .control-svg .control-outline{fill:transparent;stroke-width:var(--widget-control-stroke-size);stroke:var(--widget-control-stroke-color-default);transition:all .3s var(--ui-easing);transition-property:opacity,transform}.embed .control-svg .control-pulse{fill:var(--current-theme-color)}.embed .active .control-svg .control-fill{transform:scale(1.1);fill:var(--widget-control-fill-color-active)}.embed .active .control-svg .control-outline{transform:scale(1.1);opacity:0}.embed .pulse-svg{position:absolute;top:0;left:0;transform:scale(0) translate3d(0,0,1);pointer-events:none;opacity:0;transform-origin:50% 50%}.embed .pulse-svg .pulse{transform-origin:50% 50%}
.adsr-container{position:relative;width:100%;height:100%;box-sizing:border-box;cursor:pointer}.adsr-container.adsr-active{cursor:-webkit-grabbing;cursor:grabbing}.adsr-drawing{overflow:visible}.adsr-envelope-shape{fill:var(--color-shade);transition:all var(--ui-easing-duration) var(--ui-easing);transition-property:opacity,transform,fill}.adsr-progress-dot{position:absolute;top:0;left:0;opacity:0;transition:opacity .2s var(--ui-easing)}.adsr-progress-dot-container{transition:transform .25s linear;transition-duration:0s}.sustain-started .adsr-progress-dot-container{transition-duration:.25s}.sustain-started.sustain-ended .adsr-progress-dot-container{transition-duration:0ms}.adsr-active .adsr-progress-dot{opacity:1}.adsr-progress-dot-fill{background-color:var(--color-foreground);width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%)}.adsr-attack-shape,.adsr-decay-shape,.adsr-release-shape{fill:var(--color-shade);transition:all var(--ui-easing-duration) var(--ui-easing);transition-property:opacity,transform,fill}.accent-attack .adsr-attack-shape,.accent-decay .adsr-decay-shape,.accent-release .adsr-release-shape,.adsr-active .adsr-attack-shape,.adsr-active .adsr-decay-shape,.adsr-active .adsr-release-shape,.adsr-attack-overlay,.adsr-decay-overlay,.adsr-release-overlay{fill:var(--current-theme-color)}.accent-attack.accent-decay.accent-release .adsr-attack-overlay,.accent-attack.accent-decay.accent-release .adsr-decay-overlay,.accent-attack.accent-decay.accent-release .adsr-release-overlay{fill:var(--color-shade)}.adsr-attack-overlay-label,.adsr-decay-overlay-label,.adsr-release-overlay-label,.adsr-sustain-overlay-label{position:absolute;bottom:0}.adsr-attack-overlay-label h4,.adsr-decay-overlay-label h4,.adsr-release-overlay-label h4,.adsr-sustain-overlay-label h4{position:absolute}.adsr-attack-overlay-label h4{top:50%;right:-20px;transform:translateY(-50%) translateX(100%)}.adsr-release-overlay-label h4{top:50%;right:-20px;transform:translateY(-50%) translateX(100%)}.adsr-decay-overlay-label h4{left:0;transform:translateY(-50%) translateX(0)}.adsr-attack-handle-label h4,.adsr-decay-handle-label h4,.adsr-release-handle-label h4,.adsr-sustain-overlay-label h4,.adsr-x-axis-label,.adsr-x-axis-value h4,.adsr-y-axis-label,.adsr-y-axis-value h4{font-size:11px}.adsr-attack-handle-label,.adsr-decay-handle-label,.adsr-release-handle-label,.adsr-sustain-overlay-label{transition:opacity .25s var(--ui-easing)}.adsr-attack-overlay,.adsr-decay-overlay,.adsr-release-overlay,.adsr-sustain-overlay{transition:opacity .5s var(--ui-easing)}.adsr-active .adsr-attack-overlay,.adsr-active .adsr-attack-overlay-label,.adsr-active .adsr-decay-overlay,.adsr-active .adsr-decay-overlay-label,.adsr-active .adsr-release-overlay,.adsr-active .adsr-release-overlay-label,.adsr-active .adsr-sustain-overlay{opacity:0;transition-duration:.1s}.adsr-active.accent-attack.accent-decay.accent-release .adsr-sustain-overlay-label{opacity:1}.adsr-handle-active .adsr-attack-handle-label,.adsr-handle-active .adsr-decay-handle-label,.adsr-handle-active .adsr-release-handle-label,.adsr-handle-active .adsr-sustain-overlay-label{opacity:0}.adsr-attack-handle-label::after,.adsr-attack-overlay-label::after,.adsr-decay-handle-label::after,.adsr-decay-overlay-label::after,.adsr-release-handle-label::after,.adsr-release-overlay-label::after,.adsr-sustain-overlay-label::after{content:'';display:block;position:absolute;background-color:var(--color-foreground)}.adsr-attack-handle-label,.adsr-decay-handle-label{position:absolute;top:-44px;left:-3px}.adsr-attack-handle-label{top:-50px}.adsr-attack-handle-label h4,.adsr-decay-handle-label h4{transform:translateX(-40%)}.adsr-attack-handle-label::after,.adsr-decay-handle-label::after{left:3px;top:20px;width:1px;height:12px}.adsr-attack-handle-label::after{height:18px}.adsr-sustain-overlay-label h4{position:absolute;left:36px;top:-13px}.adsr-sustain-overlay-label::after{left:12px;top:0;width:22px;height:1px}.adsr-release-handle-label{position:absolute;top:24px;left:0}.adsr-release-handle-label h4{position:absolute;left:0;top:-2px;transform:translateX(-50%)}.adsr-release-handle-label::after{left:-1px;top:-12px;width:1px;height:15px}.adsr-sustain-overlay{position:absolute;bottom:0;overflow:hidden;background:var(--current-theme-color)}.accent-attack.accent-decay.accent-release .adsr-sustain-overlay{display:none}.adsr-sustain-viz{position:absolute;bottom:0;overflow:hidden;clip-path:polygon(0 0,0 0,0 100%,0 100%);-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);background-color:var(--color-shade);transition:background-color .3s var(--ui-easing)}.adsr-sustain-viz-barberpole{height:100%;width:200%;position:absolute;background:linear-gradient(-45deg,transparent 25%,#fff 25%,#fff 50%,transparent 50%,transparent 75%,#fff 75%);background-size:16px 16px;transform:translateX(-50%);transition:opacity .25s ease-out}.adsr-sustain-viz.sustain-started{animation:wipe-on .25s linear;animation-fill-mode:forwards}.adsr-sustain-viz.active .adsr-sustain-viz-barberpole{animation:barberpole 1.5s linear infinite}.adsr-sustain-viz.sustain-ended .adsr-sustain-viz-barberpole{opacity:0}.adsr-sustain-viz.sustain-started.sustain-ended{animation:none;clip-path:none;-webkit-clip-path:none;transform:translateX(0)}.adsr-active .adsr-sustain-viz{background-color:var(--current-theme-color)}@keyframes barberpole{0%{transform:translateX(-50%)}100%{transform:translateX(-1.5%)}}@keyframes wipe-on{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.adsr-x-axis{position:absolute;bottom:calc(var(--font-line-height)*-2);height:calc(var(--font-line-height)*2);left:0;right:0}.adsr-x-axis-line{position:absolute;left:0;right:8px;height:1px;top:16px;background-color:var(--color-gray-3);transition:opacity .5s ease-out}.adsr-x-axis-arrow,.adsr-y-axis-arrow{position:absolute;width:9px;height:9px;clip-path:polygon(0 0,100% 50%,0 100%);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);background-color:var(--color-gray-3)}.adsr-x-axis-arrow{right:-4px;top:-4px}.adsr-x-axis-label{line-height:calc(var(--font-line-height)*2);transition:opacity .3s ease-out;color:var(--color-gray-3)}.adsr-x-axis-value{height:calc(var(--font-line-height)*1.25);position:absolute;top:0;left:0;transition:opacity .3s ease-out;opacity:0}.adsr-x-axis-value-container{border-right:1px solid var(--color-foreground);position:absolute;top:0;left:0;bottom:4px}.adsr-x-axis-value h4{text-transform:none;position:absolute;top:0;right:6px;line-height:calc(var(--font-line-height)*2)}.adsr-x-axis-value-container{transition:transform .25s linear;transition-duration:0s}.sustain-started .adsr-x-axis-value-container{transition-duration:.25s}.sustain-started.sustain-ended .adsr-x-axis-value-container{transition-duration:0ms}.adsr-y-axis{position:absolute;top:0;bottom:0;right:7px}.adsr-y-axis-line{position:absolute;top:8px;bottom:-1px;right:4px;width:1px;background-color:var(--color-gray-3);transition:opacity .5s ease-out}.adsr-y-axis-arrow{top:-5px;right:-4px;transform:rotate(-90deg)}.adsr-y-axis-label{margin-right:16px;line-height:1;transition:opacity .3s ease-out;color:var(--color-gray-3);padding-top:3px}.adsr-y-axis-value{border-bottom:1px solid var(--color-foreground);position:absolute;top:0;right:5px;transition:opacity .3s ease-out;opacity:0}.adsr-y-axis-value h4{line-height:1;margin-top:-20px;text-align:right;padding-right:6px}.adsr-active .adsr-x-axis-line,.adsr-active .adsr-y-axis-line{opacity:1}.adsr-active .adsr-x-axis-label,.adsr-active .adsr-y-axis-label{opacity:0}.adsr-active .adsr-x-axis-value,.adsr-active .adsr-y-axis-value{opacity:.5}.adsr-tooltip-label{text-transform:none}.adsr-tooltip{position:absolute;top:0;left:0;opacity:0;transition:opacity var(--ui-easing-duration) var(--ui-easing)}.adsr-tooltip.active{opacity:1}.adsr-tooltip>div{transform:translate3d(40%,-50%,0);padding:8px 12px 6px;background-color:var(--current-theme-color-shade);min-width:60px}.adsr-tooltip.bottom-left>div{transform:translate3d(0,-150%,0)}.adsr-tooltip>div .adsr-tooltip-label{text-align:center;color:var(--current-theme-color);line-height:1.5;margin:0;padding:0}.adsr-tooltip>div .adsr-tooltip-label::after{content:'';position:absolute;width:9px;height:9px;transform:rotate(45deg);background-color:var(--current-theme-color-shade);display:none}.adsr-tooltip>div .adsr-tooltip-label::after{left:-4.5px;margin-top:-4.5px;top:50%;width:12px;display:block}.adsr-tooltip.adsr-tooltip-centered>div .adsr-tooltip-label::after{left:calc(50% - 6px);margin-top:0;top:calc(100% - 6px)}.adsr-tooltip.bottom-left>div .adsr-tooltip-label::after{left:0;margin-top:-4.5px;top:100%;transform:rotate(0);clip-path:polygon(0 0,100% 0,0 100%);-webkit-clip-path:polygon(0 0,100% 0,0 100%)}.adsr-tooltip.bottom-left>div .adsr-tooltip-label{text-align:left}.adsr-handle{position:absolute;top:0;left:0;cursor:pointer}.adsr-handle.locked{display:none}.adsr-handle .fill{fill:var(--widget-control-fill-color-default);transition:all var(--ui-easing-duration) var(--ui-easing);transition-property:opacity,transform,fill}.adsr-handle .outline{fill:transparent;stroke-width:var(--widget-control-stroke-size);stroke:var(--widget-control-stroke-color-default);transition:all var(--ui-easing-duration) var(--ui-easing);transition-property:opacity,transform}.adsr-handle.active .fill{transform:scale(1.1);fill:var(--widget-control-fill-color-active)}.adsr-handle.active .outline{transform:scale(1.1)}.adsr-border-bottom,.matching-envelopes-sampler .one-shot-sampler::after{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:var(--color-foreground);transition:background-color var(--ui-easing-duration) var(--ui-easing)}.adsr-active .adsr-border-bottom,.matching-envelopes-sampler .one-shot-sampler--playing::after{background-color:var(--color-gray-2)}.main .embed.matching-envelopes-sampler{margin-bottom:calc(var(--font-line-height)*2)}.matching-envelopes-sampler .one-shot-sampler{height:calc(var(--font-line-height)*4)}.matching-envelopes-envelope .synth-adsr{height:calc(var(--font-line-height)*4);margin:0}.matching-envelopes-envelope .synth-adsr__press-hold-button{bottom:6px;right:-12px}
.component_amplitude-ramp{width:100%;height:100%}.component_amplitude-ramp svg{width:100%;height:100%}.component_amplitude-ramp__fill{fill:var(--current-theme-color)}.component_amplitude-ramp__background{fill:var(--color-shade)}
.component_cosine-waveform{width:100%;height:100%}.component_cosine-waveform svg{width:100%;height:100%}.component_cosine-waveform__path{stroke:var(--current-theme-color);stroke-width:4px;fill:none}
.component_filter-curve{width:100%;height:100%}.component_filter-curve svg{width:100%;height:100%}.component_filter-curve__path{fill:var(--current-theme-color)}
.components--lfo-shape{height:100%;width:100%}.components--lfo-shape__viz-dot{fill:var(--current-theme-color);transition:fill .25s var(--ui-easing);display:none}.components--lfo-shape__viz-waveshape-dotted,.components--lfo-shape__viz-waveshape-filled{fill:transparent;transition:stroke .25s var(--ui-easing);stroke-width:3px;stroke:var(--current-theme-color);stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:1}
.component_pulse-waveform{width:100%;height:100%;overflow:hidden}.component_pulse-waveform svg{width:100%;height:100%}.component_pulse-waveform__path{stroke:var(--color-foreground);stroke-width:4px;fill:none}.active .component_pulse-waveform__path,.components_embeds_subtractive-synth .component_pulse-waveform__path{stroke:var(--current-theme-color)}
.component_saw-waveform{width:100%;height:100%}.component_saw-waveform svg{width:100%;height:100%}.component_saw-waveform__path{stroke:var(--current-theme-color);stroke-width:4px;fill:none}
.components_simple-adsr{position:relative;width:100%;height:100%;box-sizing:border-box;overflow:visible!important}.components_simple-adsr-drawing{overflow:visible;width:100%;height:100%}.components_simple-adsr-drawing__adsr-envelope-shape{fill:var(--current-theme-color)}.components_simple-adsr__adsr-progress-dot{position:absolute;top:0;left:0}.components_simple-adsr__adsr-progress-dot-fill--active{opacity:1}.components_simple-adsr__adsr-progress-dot-container{transition:transform .25s linear;transition-duration:0s}.sustain-started .components_simple-adsr__adsr-progress-dot-container{transition-duration:.25s}.sustain-started.sustain-ended .components_simple-adsr__adsr-progress-dot-container{transition-duration:0ms}.components_simple-adsr__adsr-progress-dot-fill{background-color:var(--color-foreground);width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.components_simple-adsr__adsr-progress-dot-fill--active{opacity:1}
.components_xy-pad{width:100%;height:100%}.components_xy-pad__container{position:relative;width:100%;height:100%;box-sizing:border-box}.components_xy-pad__visualization{position:absolute;top:0;left:0;width:100%;height:100%}.components_xy-pad__padding{width:100%;height:100%;box-sizing:inherit}.components_xy-pad__control-container{width:50px;height:50px;position:relative}.components_xy-pad__control-parent{width:100%;height:100%;position:relative}.components_xy-pad__control-container{width:50px;height:50px;position:relative}.components_xy-pad__control{width:100%;height:100%;position:absolute;top:0;left:0}.components_xy-pad__pulse{position:absolute;width:25px;height:25px;top:calc(50% - 12.5px);left:calc(50% - 12.5px)}.components_xy-pad__pulse circle{fill:var(--color-foreground);opacity:.2}.components_xy-pad__control_fill{fill:var(--color-background);transform-origin:50% 50%}.components_xy-pad__control_ring{fill:none;stroke-width:3px;stroke:var(--color-foreground);transform-origin:50% 50%}
.synth_slider.buzzing-bee .synth_slider__control{max-width:300px}.components_visualizations_buzzing_bee{height:100%;margin-top:calc(var(--font-line-height) * -1.5)}.components_visualizations_buzzing_bee__viz{height:100%}
.carousel_slider.synth_slider{height:calc(var(--font-line-height)*7)}.carousel_slider .carousel-scene{height:100%;opacity:0;transition:opacity .3s var(--ui-easing)}.carousel_slider .synth_slider__control{max-width:256px}
.door_filter{height:calc(var(--font-line-height)*12);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.door-scene{position:relative;width:100%;height:100%}.threejs-door-scene{height:100%}.door_filter--active .synth_slider__viz{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.door_filter .synth_slider__control{max-width:256px}
.synth-xy.lfo-diagram{height:calc(var(--font-line-height)*11)}.synth-xy.lfo-diagram .control-svg{display:none}.visualization-lfo-diagram-slider,.visualization-lfo-diagram-slider_viz,.visualization-lfo-diagram_viz{height:100%}.visualization-lfo-diagram{display:grid;grid-template-rows:1fr 44px;height:100%;grid-template-areas:"a" "b"}.visualization-lfo-diagram_viz{grid-area:a;position:relative}.visualization-lfo-diagram_controls{grid-area:b;text-align:center;position:relative}.visualization-button{display:inline-block;margin-top:5px}.visualization-button_label{position:relative;padding:13px 20px}.visualization-button_label-default{opacity:1}.visualization-button_label-active{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;color:var(--color-background)}.visualization-button_label:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:var(--color-shade);box-shadow:0 1px 1px 0 #b3b3bd;z-index:-1;transition:all .25s var(--ui-easing)}.visualization-lfo-diagram_axis-x{position:absolute;bottom:0;left:0;right:0;height:35px;transition:opacity .25s var(--ui-easing)}.visualization-lfo-diagram_axis-x h4{display:inline-block;background-color:var(--color-background);line-height:35px;position:absolute;top:0;left:0;padding-right:10px}.visualization-lfo-diagram_axis-x-arrow{position:absolute;top:50%;transform:translateY(-50%)}.visualization-lfo-diagram_axis-x-arrow path,.visualization-lfo-diagram_axis-x-arrow polyline{fill:none;stroke:var(--color-foreground);stroke-width:1px}.visualization-lfo-diagram_target{position:absolute;top:0;left:0;width:200px}.visualization-lfo-diagram_target-label{position:absolute;padding-left:12px;transform:translateY(-50%);top:-1px;transition:color .25s var(--ui-easing)}.visualization-lfo-diagram_viz-dot{fill:var(--color-foreground);transition:fill .25s var(--ui-easing)}.visualization-lfo-diagram_viz-waveshape-filled{fill:transparent;transition:stroke .25s var(--ui-easing);stroke-width:4px;stroke:var(--color-foreground);stroke-linecap:square}.yLabel .visualization-lfo-diagram_viz-waveshape-filled{stroke:var(--color-shade)}.visualization-lfo-diagram_viz-waveshape-dotted{fill:none;stroke-width:4px;stroke:var(--color-shade);transition:stroke .25s var(--ui-easing);stroke-linecap:square}.visualization-lfo-diagram_controls-group{display:grid;grid-template-rows:20px 33px;grid-template-columns:1fr 1fr;height:100%;grid-template-areas:"a b" "c c";margin-top:-10px}.visualization-lfo-diagram_controls .components_control__slider{grid-area:c}.visualization-lfo-diagram_controls-labels-left{grid-area:a;text-align:left}.visualization-lfo-diagram_controls-labels-right{grid-area:b;text-align:right}.active .visualization-lfo-diagram_controls-labels-right{color:var(--current-theme-color)}.active .visualization-lfo-diagram_axis-y-label::after{background-color:var(--current-theme-color)}.active .visualization-lfo-diagram_viz-dot{fill:var(--current-theme-color)}.active .visualization-lfo-diagram_viz-waveshape-filled{stroke:var(--current-theme-color)}.active .visualization-button_label:after{background:var(--current-theme-color);box-shadow:inset 0 1px 0 1px rgba(84,26,35,0);border-color:rgba(236,72,97,0)}.active .visualization-button_label-default{opacity:0}.active .visualization-button_label-active{opacity:1}.active .visualization-lfo-diagram_axis-x{opacity:.15}.active .visualization-lfo-diagram_axis-y{opacity:0}.visualization-lfo-diagram_viz-amount-indicator{stroke:var(--color-gray-1);stroke-width:12px;stroke-linecap:square}.active .visualization-lfo-diagram_viz-amount-indicator{stroke:var(--current-theme-color-shade)}
.lfo-wave-shapes .components--lfo-shape>div{position:absolute;top:0;left:0;bottom:0;right:0}.lfo-wave-shapes .components--lfo-shape__viz-dot{fill:rgba(255,255,255,0);transition:fill .25s var(--ui-easing)}.lfo-wave-shapes .components--lfo-shape__viz-waveshape-filled{fill:transparent;transition:stroke .25s var(--ui-easing);stroke-width:3px;stroke:var(--color-foreground);stroke-linecap:square}.lfo-wave-shapes .components--lfo-shape__viz-waveshape-dotted{fill:none;stroke-width:3px;stroke:var(--color-foreground);transition:stroke .25s var(--ui-easing);stroke-linecap:square}.active-shape .components--lfo-shape__viz-waveshape-filled{stroke:var(--current-theme-color)}.active-shape .components--lfo-shape__viz-waveshape-dotted{stroke:var(--current-theme-color);opacity:.25}.active-shape .components--lfo-shape__viz-dot{fill:var(--current-theme-color)}
.synth-xy.lfo-wave-shapes{height:calc(var(--font-line-height)*5)}.components_visualizations_lfo_wave_shapes{display:grid;height:100%;grid-template-columns:1fr 1fr 1fr;column-gap:2px}.components_visualizations_lfo_wave_shapes__column{height:100%;background-color:var(--color-gray-1);display:grid;grid-template-rows:calc(var(--font-line-height)*3) calc(var(--font-line-height)*2);transition:all .2s var(--ui-easing)}.active .components_visualizations_lfo_wave_shapes__column--active{background-color:var(--current-theme-color-shade)}.components_visualizations_lfo_wave_shapes__shape{transform:scale(.85);transition:transform .3s var(--ui-easing)}.active .components_visualizations_lfo_wave_shapes__column--active .components_visualizations_lfo_wave_shapes__shape{transform:scale(1)}.components_visualizations_lfo_wave_shapes__label{text-align:center;transition:transform .3s var(--ui-easing);display:flex;flex-direction:column;justify-content:center}.active .components_visualizations_lfo_wave_shapes__column--active .components_visualizations_lfo_wave_shapes__label{transform:translateY(-10px)}.components_visualizations_lfo_wave_shapes__label h4{display:inline-block;position:relative;margin:0 auto;transition:color .3s var(--ui-easing)}.components_visualizations_lfo_wave_shapes__label h4:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--current-theme-color);transform:scaleX(0);transition:transform .3s var(--ui-easing)}.active .components_visualizations_lfo_wave_shapes__column--active .components_visualizations_lfo_wave_shapes__label h4{color:var(--current-theme-color)}.active .components_visualizations_lfo_wave_shapes__column--active .components_visualizations_lfo_wave_shapes__label h4:after{transform:scaleX(1)}.components_visualizations_lfo_wave_shapes__shape{display:flex;flex-direction:column;justify-content:center}.synth-xy.lfo-wave-shapes .components_xy-pad__control-parent{opacity:0}
.synth_slider.mixing-waveforms{height:calc(var(--font-line-height)*6)}.components_visualizations_mixing_waveforms{height:100%}.components_visualizations_mixing_waveforms__viz{margin:20px;height:100%}.components_visualizations_mixing_waveforms__viz polyline{stroke-linecap:square;fill:none;stroke:var(--color-foreground);stroke-width:3px;transition:stroke .2s var(--ui-easing)}.components_visualizations_mixing_waveforms--active .components_visualizations_mixing_waveforms__viz polyline{stroke:var(--current-theme-color)}
:root{--modbot-control-height:calc(var(--font-line-height)*2)}.modbot{height:calc(var(--font-line-height)*12);opacity:1;transition:opacity .3s var(--ui-easing)}.modbot--ready{opacity:1}.modbot__viz{position:relative;height:calc(100% - var(--modbot-control-height));cursor:grab}.modbot__control{position:relative;height:var(--modbot-control-height);cursor:grab;max-width:420px;margin:0 auto}.modbot--active .modbot__control,.modbot--active .modbot__viz{cursor:grabbing}.modbot__viz .visualization-lfo-diagram_target-label{padding-left:0;top:-40px;transform:translateX(-50%)}.modbot__viz .visualization-lfo-diagram_target-label{padding-left:0;top:-40px;transform:translateX(-50%)}.modbot__viz .visualization-modbot .visualization-lfo-diagram_target-label{top:-50px}.visualization-modbot{height:100%}.visualization-modbot .visualization-lfo-diagram_viz-waveshape-filled{stroke:var(--color-gray-2)}.visualization-lfo-diagram_axis-x-arrow polyline,.visualization-modbot .visualization-lfo-diagram_axis-x-arrow path{stroke:var(--color-gray-2)}.visualization-modbot .visualization-lfo-diagram_axis-x h4{color:var(--color-gray-2)}.visualization-modbot--active .visualization-lfo-diagram_viz-dot{fill:var(--current-theme-color)}.visualization-modbot--active .visualization-lfo-diagram_target-label{color:var(--current-theme-color)}.visualization-modbot--active .visualization-lfo-diagram_viz-waveshape-filled{stroke:var(--current-theme-color)}.visualization-modbot-drawing{position:absolute;width:50%;right:5px;top:0;bottom:0;transform:translateX(25%)}.modbot_base{position:absolute}.modbot_base h4{line-height:1;margin:0;padding:4px 7px;transform:translate(-50%,-100%);background-color:var(--color-background);border:4px solid var(--color-foreground)}.modbot_wheels{fill:var(--color-foreground)}.modbot_elbow circle:nth-child(1){fill:var(--color-background);stroke:var(--color-foreground);stroke-width:4px}.modbot_elbow circle:nth-child(2){fill:var(--color-foreground)}.modbot_extendo-arm{stroke:var(--color-foreground)}.modbot_extendo-arm path:nth-child(1){stroke-width:4px}.modbot_extendo-arm path:nth-child(2){stroke-width:6px}.modbot_extendo-arm path:nth-child(3){stroke-width:8px}.modbot_forearm{stroke-width:4px;stroke:var(--color-foreground)}.modbot_hand{fill:var(--color-foreground)}.modbot_hand_container{transform:translateY(-17px)}
.synth_slider.noise{height:calc(var(--font-line-height)*8)}.visualization-noise{position:absolute;top:0;left:0;width:100%;height:100%}.components_visualizations_noise__viz{position:relative}.synth_slider .components_visualizations_noise__viz{position:absolute;top:0;left:0;width:100%;height:100%}.components_visualizations_noise__viz canvas,.components_visualizations_noise__viz svg{position:absolute;top:0;left:0;width:100%;height:100%}.components_visualizations_noise__viz .waveshape{fill:none;stroke-width:4px;stroke:var(--current-theme-color);transition:stroke .25s ease-out}
.one-shot-sampler{position:relative;cursor:pointer;height:calc(var(--font-line-height)*6);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.short .one-shot-sampler{height:calc(var(--font-line-height)*3)}.one-shot-sampler .waveform,.one-shot-sampler__waveform-mask{position:absolute;top:0;left:0;width:100%;height:100%}.waveform__background{fill:var(--color-shade);stroke:none}.waveform__foreground{fill:var(--color-shade);stroke:none}.one-shot-sampler--playing .waveform__foreground{fill:var(--current-theme-color)}.one-shot-sampler__play-stop-toggle{width:48px;height:48px;position:absolute;bottom:5px;right:-15px}
.synth-xy.pitch-strip{height:calc(var(--font-line-height)*10)}.visualization-pitch-strip{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:1fr 25% 1fr}.visualization-pitch-strip_viz{grid-column-start:2;grid-column-end:3;position:relative}.visualization-pitch-strip_viz-container{max-width:120px;height:100%;position:relative;margin:0 auto}.visualization-pitch-strip_viz-background,.visualization-pitch-strip_viz-foreground{position:absolute;width:100%;height:100%;top:0;left:0}.visualization-pitch-strip_viz-background,.visualization-pitch-strip_viz-foreground{background-color:var(--color-shade)}.visualization-pitch-strip_viz-foreground{transition:opacity .3s var(--ui-easing);opacity:0;background-color:var(--current-theme-color)}.visualization-pitch-strip.active .visualization-pitch-strip_viz-foreground{opacity:1}.visualization-helper-up-down-drag-arrows{width:10px;height:172px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.25;transition:opacity .3s var(--ui-easing)}.visualization-pitch-strip.active .visualization-helper-up-down-drag-arrows{opacity:0}.visualization-helper-up-down-drag-arrows path{fill:var(--color-foreground)}
.synth_slider.pulse-width{height:calc(var(--font-line-height)*6)}.visualization-pulse-width{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-rows:1fr 44px}.visualization-pulse-width_viz .waveshape{fill:none;stroke-width:4px;stroke:var(--color-foreground);transition:stroke .25s ease-out}.active .visualization-pulse-width_viz .waveshape{stroke:var(--current-theme-color)}
.synth-xy.amplitude-ramp{height:calc(var(--font-line-height)*5)}.synth-xy.amplitude-ramp .control-svg{display:none}.visualization-amplitude-ramp{position:absolute;width:100%;height:100%}.visualization-amplitude-ramp .component_amplitude-ramp__background{fill:var(--color-shade);transition:fill .3s var(--ui-easing)}.visualization-amplitude-ramp .component_amplitude-ramp__fill{fill:var(--current-theme-color);transition:fill .3s var(--ui-easing)}.visualization-amplitude-ramp .control-svg.fake{display:block}.synth-xy.amplitude-ramp .components_xy-pad__control-parent{opacity:0}
.synth-xy{height:calc(var(--font-line-height)*8)}.synth-xy-2 .active.container::after{opacity:0}.synth-xy.low-pass-no-resonance,.synth-xy.low-pass-with-resonance{height:calc(var(--font-line-height)*5)}.synth-xy.amplitude-ramp .svg-container::after,.synth-xy.low-pass-no-resonance .visualization-low-pass::after,.synth-xy.low-pass-with-resonance .visualization-low-pass::after,.visualization-amplitude-ramp::after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:var(--widget-border-size);background-color:var(--color-foreground)}.visualization-glow{width:100%;height:100%;position:relative}.visualization-glow .background,.visualization-glow .glow{position:absolute;width:100%;height:100%;top:0;left:0}.visualization-glow .glow{background-color:var(--current-theme-color);transition:all .3s var(--ui-easing);transition-property:opacity,transform;opacity:0;transform:scale(.9)}.visualization-glow .background{background-color:transparent;border:8px solid var(--color-foreground);transition:all .3s var(--ui-easing);transition-property:opacity,transform}.active .visualization-glow .glow{opacity:1;transition-duration:.25s;transition-timing-function:cubic-bezier(.075,.82,.165,1);transform:scale(1)}.active .visualization-glow .background{opacity:0;transition-duration:.25s;transition-timing-function:cubic-bezier(.075,.82,.165,1);transform:scale(1.03)}.synth3d-xy .active .visualization-glow .background{transform:scale(1);opacity:1}.visualization-glow.active,.visualization-low-pass{opacity:1}.visualization-low-pass .component_filter-curve__path{stroke:none;fill:var(--color-shade);transition:fill .3s}.visualization-low-pass.active .component_filter-curve__path{fill:var(--current-theme-color)}.visualization-fast-lfo{width:100%;height:100%;position:relative}.visualization-fast-lfo__lfo-holder{position:absolute;left:0;right:0;top:10%;bottom:10%;transition:all .3s var(--ui-easing);transition-property:opacity,transform;transform:scale(.9)}.active .visualization-fast-lfo__lfo-holder{opacity:1;transition-duration:.25s;transition-timing-function:cubic-bezier(.075,.82,.165,1);transform:scale(1)}.visualization-fast-lfo__lfo-background{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;background-color:var(--current-theme-color)}.visualization-fast-lfo__lfo-background--shake{animation:fast-lfo-background-shake .1s infinite;animation-direction:alternate}@keyframes fast-lfo-background-shake{0%{transform:scale(1)}50%{transform:scale(1.01)}}.visualization-fast-lfo .components--lfo-shape__viz-waveshape-filled{stroke-width:4px;stroke-linecap:square;stroke:var(--color-foreground)}.active .visualization-fast-lfo .components--lfo-shape__viz-waveshape-filled{stroke:var(--color-background)}.visualization-xy-adsr{width:100%;height:100%;position:relative;border:8px solid var(--color-foreground)}.visualization-xy-adsr-wrapper{position:absolute;top:25%;left:15%;right:15%;bottom:25%;border-bottom:solid 1px var(--current-theme-color)}.visualization-osc-shape-mix-wrapper{position:absolute;top:25%;left:15%;right:15%;bottom:25%}