body{color:var(--color-foreground);background:var(--color-background)}::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)}
.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)}
.components_export-to-live-overlay__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;overflow-y:hidden;overflow-x:hidden}body.show-overlay{height:100vh;overflow-y:hidden;padding-right:var(--scrollbar-width)}.show-overlay .components_export-to-live-overlay__wrapper{overflow-y:scroll;pointer-events:auto;-webkit-overflow-scrolling:touch}.components_export-to-live-overlay__dialog{position:absolute;top:0;left:0;transform:translateX(-100%);opacity:0;transition:all .3s var(--ui-easing);transition-property:opacity,transform;background-color:var(--color-background)}.show-overlay .components_export-to-live-overlay__dialog{transform:translateX(0);opacity:1}.components_export-to-live-overlay__blocker{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-gray-1);opacity:0;transition:all .3s var(--ui-easing);transition-property:opacity,transform;cursor:pointer}.show-overlay .components_export-to-live-overlay__blocker{opacity:.75}.components_export-to-live-overlay__toggle{-webkit-appearance:none;-moz-appearance:none;border:none;background:0 0;outline:0;font-size:inherit;font-family:inherit;color:var(--color-foreground);-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;height:50px;width:50px;position:fixed;z-index:1001;top:16px;left:16px;transition:all .3s var(--ui-easing);transition-property:opacity,transform}.components_export-to-live-overlay__toggle-icons svg{display:block;position:absolute;left:0;top:0;width:29px;height:29px;transition-timing-function:cubic-bezier(.19,1,.22,1);transition-property:opacity,transform;transition-duration:.3s}
@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';src:url(/fonts/FTN45__W.woff2) format('woff2'),url(/fonts/FTN45__W.woff) format('woff'),url(/fonts/FTN45__W.ttf) format('truetype');font-weight:700;font-style:normal}@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}
.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) 32px;position:relative}.components_lesson-viewer__header-content-logo{position:absolute;top:40px;right:60px;display:none}.components_lesson-viewer__header-content-logo svg{width:60px;height:28px;fill:var(--color-foreground)}.components_lesson-viewer__header-content-title{font-size:16px;font-family:var(--font-heading);line-height:1}.components_lesson-viewer__header-content-title-primary{display:inline-block;padding-top:7px}.components_lesson-viewer__header-content-title-secondary{display:block;color:var(--current-theme-color);padding-top:4px}.components_lesson-viewer__header-content-title-secondary-separator{display:none}.main{transition:all .3s var(--ui-easing);transition-property:opacity,transform;position:relative;z-index:1}body.lesson .main .content{overflow-x:hidden}.components_brand_footer,.components_lesson-viewer__footer,.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 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 .small a{box-shadow:inset 0 -2.5px 0 var(--current-theme-color)}.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:0;margin-top:calc(var(--font-line-height));margin-bottom:calc(var(--font-line-height)*2)}.components_lesson-viewer__next-chapter,.components_lesson-viewer__prev-chapter{display:block;position:relative;padding:32px 0;text-align:center}.components_lesson-viewer__next-chapter{background-color:var(--color-gray-1)}.components_lesson-viewer__prev-chapter{color:var(--color-gray-4)}.components_lesson-viewer__next-chapter:hover{background-color:var(--color-gray-2)}.components_lesson-viewer__next-chapter-caption,.components_lesson-viewer__next-chapter-label-separator{position:relative;display:inline-block;padding-right:5px;font-family:var(--font-bold)}.components_lesson-viewer__prev-chapter-caption{display:inline-block}.components_lesson-viewer__prev-chapter-label-separator{position:relative;display:inline-block;padding-right:5px}.glyph-button-active-background,.glyph-button-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-shade);opacity:0}.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:0}.components_brand_footer{font-size:13px;padding-top:var(--font-line-height)}body.playground .components_brand_footer{max-width:100%;padding-left:32px;padding-right:32px;margin-left:0;margin-right:0}.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{text-align:right}.components_language_chooser{padding-top:10px;padding-bottom:16px}.components_lesson-viewer__open-in-playground{text-align:right;position:relative;padding-top:8px}.main .page .components_lesson-viewer__open-in-playground a{box-shadow:none;transition:none}.main .page .components_lesson-viewer__open-in-playground a span{box-shadow:inset 0 -2.5px 0 var(--current-theme-color)}.main .page .components_lesson-viewer__open-in-playground a:hover span{box-shadow:inset 0 -2.5px 0 var(--color-shade)}.open_in_playground_arrow{display:inline;width:12px;height:9px;stroke-width:1.5px;stroke:var(--color-foreground)}
.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;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)}.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:16px;line-height:1.5}.recipes .subtractive-synth__inline_controls{margin-top:0;padding:20px 32px;max-width:320px}.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.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:.2;transition:opacity .25s ease-in-out;pointer-events:none}body.lesson .subtractive-synth__reset-button-wrapper{display:none}.subtractive-synth__inline_controls_container~.components_lesson-viewer__open-in-playground{margin-top:-54px;margin-left:140px}.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)}.components_lesson-viewer__open-in-playground-recipe{margin-top:11px;margin-right:10px;padding:14px 14px 13px;line-height:1;color:var(--color-background)!important;background-color:var(--current-theme-color)!important;pointer-events:auto;display:inline-block;position:relative;cursor:pointer;user-select:none;text-decoration:none;box-shadow:none!important}.components_lesson-viewer__open-in-playground-recipe:hover{box-shadow:none!important;color:var(--color-background)!important}.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)}body.recipes .components_embeds_subtractive-synth__panel{border:2px solid var(--color-gray-2)}@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:820px){.components_two-column-recipe{flex-direction:row;max-width:828px;margin:0 auto;padding-left:128px;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)}}@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)}}@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 .components_brand_footer,body .components_lesson-viewer__footer,body .main .content section{padding-left:64px;padding-right:64px}body .components_brand_footer_2col{display:grid;grid-template-columns:1fr 1fr}}@media (min-width:640px){body{--padding-default:32px!important}body header .title{padding-left:8px}body .main h1{width:12ch}body .components_visualizations_mixing_waveforms__viz polyline,body .lfo-wave-shapes,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_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 .components_lesson-viewer__header-content-title{font-size:20px}body .components_lesson-viewer__header-content-title-primary{padding-top:0}body .components_lesson-viewer__toc-toggle{top:28px}}@media (min-width:768px){body{--font-base-size:22px!important;--font-line-height:35px!important;--padding-default:48px!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__header-content{padding:32px 40px}body .components_lesson-viewer__toc-menu{width:440px}body .components_lesson-viewer__toc-chapter-section,body .components_lesson-viewer__toc-chapter-title{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-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.show-presets .components_lesson-viewer__toc-toggle{right:calc(32px + var(--scrollbar-width))}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 .adsr-stage-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}}@media (min-width:820px){body .components_lesson-viewer__header-content{padding:32px 40px}body .components_lesson-viewer__header-content-logo{display:block}body .components_lesson-viewer__header-content-title{margin-left:98px;padding-top:8px}body .components_lesson-viewer__header-content-title-secondary{display:inline-block;margin-top:0}body .components_lesson-viewer__header-content-title-secondary-separator{display:inline-block;padding-left:5px;padding-right:5px}body .components_lesson-viewer__toc-toggle{top:0;right:auto;bottom:0;left:0;width:80px;height:auto}body.playground .components_lesson-viewer__toc-toggle{height:80px}body .components_lesson-viewer__toc-toggle-bg{background-color:var(--color-gray-1)}body .components_lesson-viewer__toc-toggle-icons{top:54px;left:40px}body:not(.playground) .components_lesson-viewer__toc-toggle-label{display:block}body .components_lesson-viewer__toc-menu{right:auto;left:0;transform:translateX(-100%);width:540px}body .components_lesson-viewer__toc-chapter-section,body .components_lesson-viewer__toc-chapter-title,body .components_lesson-viewer__toc-settings-panel{margin-left:calc(var(--padding-default)*2 + 80px)}body .components_lesson-viewer__toc-settings-panel{margin-left:calc(var(--padding-default)*2 + 32px)}body .components_brand_footer,body .components_lesson-viewer__footer,body .main .content section{padding-left:128px;padding-right:128px}body .components_lesson-viewer__footer{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;margin-left:auto;margin-right:auto;width:100%}body .components_lesson-viewer__next-chapter{grid-column-start:2;grid-row-start:1}body .components_lesson-viewer__prev-chapter{grid-column-start:1;grid-row-start:1}}@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 .components_lesson-viewer__header-content{padding:54px 40px}body .components_lesson-viewer__toc-toggle-icons{top:73px}body .components_lesson-viewer__header-content-logo{top:59px}}@media (min-width:1440px){body h1{font-size:calc(var(--font-base-size) * 3.333)}body .components_brand_footer,body .components_lesson-viewer__footer,body .main .content section{max-width:880px}}
.components_embeds_subtractive-synth__panel{text-align:left;background-color:var(--color-background);font-size:16px;line-height:1.5;color:var(--color-foreground);margin:0 auto 1.25em;padding:.8125em 1.75em 1.75em;width:18.375em}.components_embeds_subtractive-synth__panel .components_control__slider_control{height:2.75em}.components_embeds_subtractive-synth__panel .components_control__slider_handle_holder{width:1.3125em;height:1.3125em;left:calc(1.3125em * -.5)}.components_embeds_subtractive-synth__panel.export-panel,.components_embeds_subtractive-synth__panel.record-panel{padding-bottom:.8125em}.components_embeds_subtractive-synth__panel_content{position:relative}.components_embeds_subtractive-synth__panel h3{font-size:1.5em;line-height:1;font-family:var(--font-regular);color:var(--current-theme-color)}.components_embeds_subtractive-synth__panel_content>h3{padding-top:.625em;padding-bottom:1.5em}.components_embeds_subtractive-synth__modulation_panel{position:relative}.components_embeds_subtractive-synth__modulation_panel .components_control__slider_labels_value{color:var(--color-modulation)}.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;pointer-events:none}.components_embeds_subtractive-synth__lfo-shape-chooser_bg--macro-mapped{background-color:var(--color-macro)}.components_embeds_subtractive-synth__modulation_panel_bg{left:-1em;right:-1em;display:none}.components_embeds_subtractive-synth__visualization_panel{margin-bottom:1.5em}.components_embeds_subtractive-synth__visualization_panel>div{height:7.5em;overflow:hidden}.components_embeds_subtractive-synth__visualization_panel>div.component_amplitude-ramp{height:5em}.components_embeds_subtractive-synth__control-group{position:relative;padding-bottom:.625em}.components_embeds_subtractive-synth__download-preset-button{margin-top:3em;cursor:pointer}.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-filled{stroke-width:var(--playground-viz-stroke-size);stroke:var(--current-theme-color)}.perform-panel__xy .visualization-glow .background{border-width:var(--playground-viz-stroke-size);border-color:var(--color-foreground)}.perform-panel__xy .components_xy-pad__control_ring{stroke: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:2.125em;position:relative}.components_embeds_subtractive-synth__lfo-shape-choice svg{width:1.625em;height:1.3125em;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--macro-mapped path,.components_embeds_subtractive-synth__lfo-shape-choice--macro-mapped polyline{stroke:var(--color-macro)}.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.components_embeds_subtractive-synth__lfo-shape-choice--macro-mapped{background-color:var(--color-macro)}.components_embeds_subtractive-synth__lfo-shape-choice--selected path,.components_embeds_subtractive-synth__lfo-shape-choice--selected polyline{stroke:var(--color-background)}.components_control__highlight_bg{position:absolute;top:0;left:-1em;right:-1em;bottom:0;border:2px solid var(--color-macro);opacity:0;transition:opacity .25s var(--ui-easing-smooth)}.components_control__slider--highlight .components_control__highlight_bg,.components_embeds_subtractive-synth__control-group--highlight .components_control__highlight_bg{opacity:1}.export-panel .components_embeds_subtractive-synth__panel_content_header,.keyboard-panel .components_embeds_subtractive-synth__panel_content_header,.perform-panel .components_embeds_subtractive-synth__panel_content_header,.presets-panel .components_embeds_subtractive-synth__panel_content_header,.record-panel .components_embeds_subtractive-synth__panel_content_header,.sequence-panel .components_embeds_subtractive-synth__panel_content_header{display:flex;justify-content:space-between;align-items:center}.keyboard-panel .components_embeds_subtractive-synth__panel_content_header,.perform-panel .components_embeds_subtractive-synth__panel_content_header,.presets-panel .components_embeds_subtractive-synth__panel_content_header,.sequence-panel .components_embeds_subtractive-synth__panel_content_header{margin-bottom:1em}.export-panel .components_embeds_subtractive-synth__panel_content h3,.keyboard-panel .components_embeds_subtractive-synth__panel_content h3,.perform-panel .components_embeds_subtractive-synth__panel_content h3,.presets-panel .components_embeds_subtractive-synth__panel_content h3,.record-panel .components_embeds_subtractive-synth__panel_content h3,.sequence-panel .components_embeds_subtractive-synth__panel_content h3{color:var(--color-foreground)}.panel_control_group{display:flex;align-items:center;position:relative}.panel_control_group__label{padding-right:.625em}.panel_control_group__label .time_elapsed{color:var(--color-gray-3);padding-right:.125em}.panel_control_group--recording .panel_control_group__label .time_elapsed{color:var(--current-theme-color)}.components_control__slider_labels_name{max-width:65%}.components_embeds_subtractive-synth .components_control__slider_labels_name,.components_embeds_subtractive-synth .components_control__slider_labels_value{padding-top:.75em}#keyboard-panel{display:none}.keyboard-panel__visualization-note-display{background-color:var(--control-background-default);border-radius:var(--control-border-radius);text-align:center;line-height:var(--panel-control-size);padding:0 .625em;min-width:3.375em;color:var(--color-foreground)}
.perform-panel{overflow:hidden}body.macro-mapping .perform-panel{position:fixed;z-index:2;box-shadow:0 1px 0 var(--color-gray-1);overflow:visible}.perform-panel__xy .components_xy-pad{z-index:1}.perform-panel__xy .visualization-glow .background{background-color:var(--color-background)}.perform-panel__map-buttons,.perform-panel__map-buttons_bg,.perform-panel__xy,.perform-panel__xy .components_xy-pad,.perform-panel__xy .visualization-glow .background{transition:all .2s var(--ui-easing-smooth)}.perform-panel__xy .visualization-glow .glow{background-color:var(--color-purple)}.perform-panel__xy{--xy-mapping-size:5em;--xy-default-height:16em;height:var(--xy-default-height)}body.macro-mapping .perform-panel__xy{height:var(--xy-mapping-size)}body.macro-mapping .perform-panel__xy .components_xy-pad{height:var(--xy-mapping-size);width:var(--xy-mapping-size)}.perform-panel__map-buttons_bg{width:calc(100% - var(--xy-mapping-size));height:var(--xy-mapping-size);opacity:0;transform:scale(0) translateX(-50%);transform-origin:0 50%;position:absolute;right:0;background-color:var(--color-gray-1);z-index:0}.perform-panel__map-buttons{pointer-events:none;margin-left:var(--xy-mapping-size);width:calc(100% - var(--xy-mapping-size));height:100%;opacity:0;transform:scale(0);display:flex;justify-content:space-evenly;align-items:center;z-index:1;position:relative}.perform-panel__map-buttons-x,.perform-panel__map-buttons-y{position:relative;width:2.8125em;height:2.8125em}body.macro-mapping .perform-panel__map-buttons_bg{opacity:1;transform:scale(1) translateX(0)}body.macro-mapping .perform-panel__map-buttons-x{animation:mapping-wiggle-x 125ms alternate-reverse infinite linear}body.macro-mapping .perform-panel__map-buttons-y{animation:mapping-wiggle-y 125ms alternate-reverse infinite linear}body.macro-mapping.map-y-active .perform-panel__map-buttons-y{animation:none}body.macro-mapping.map-x-active .perform-panel__map-buttons-x{animation:none}@keyframes mapping-wiggle-x{from{transform:translateX(2px)}to{transform:translateX(-2px)}}@keyframes mapping-wiggle-y{from{transform:translateY(2px)}to{transform:translateY(-2px)}}.map_x_placeholder_icon,.map_y_placeholder_icon{position:absolute;top:0;left:0;width:2.8125em;height:2.8125em}.perform-panel__map-buttons button{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;position:relative;outline:0;width:100%;height:100%;cursor:pointer}.perform-panel__map-buttons button svg{pointer-events:none}.perform-panel__map-buttons-x button>svg,.perform-panel__map-buttons-y button>svg{transition:all var(--ui-easing-duration) var(--ui-easing-smooth)}body.macro-mapping.map-x-macro-dropped-on-target .perform-panel__map-buttons-x button>svg,body.macro-mapping.map-y-macro-dropped-on-target .perform-panel__map-buttons-y button>svg{opacity:0;transform:scale(0);transition-duration:.2s}body.macro-mapping.map-x-macro-dropped-on-target .perform-panel__map-x-button,body.macro-mapping.map-y-macro-dropped-on-target .perform-panel__map-y-button{transition:none;pointer-events:none}.perform-panel__map-buttons button:active{z-index:999}body.map-x-active,body.map-x-active .perform-panel__map-buttons .perform-panel__map-x-button,body.map-y-active,body.map-y-active .perform-panel__map-buttons .perform-panel__map-y-button{cursor:none}.perform-panel__map-x-button,.perform-panel__map-y-button{transition:transform var(--ui-easing-duration) var(--ui-easing-smooth);transform-origin:50% 50%}body.map-x-active .perform-panel__map-x-button,body.map-y-active .perform-panel__map-y-button{transition:none;pointer-events:none}.perform-panel__map-buttons .arrows{fill:var(--color-macro);transition:all .1s var(--ui-easing-smooth)}.perform-panel__map-buttons .arrows--active{fill:var(--color-background);opacity:0;transition:all .1s var(--ui-easing-smooth)}.perform-panel__map-buttons .fill{fill:var(--color-macro);opacity:0;transform:scale(0);transition:all .1s var(--ui-easing-smooth);transform-origin:50% 50%}.perform-panel__map-buttons .stroke{fill:var(--color-background);stroke:var(--color-macro);stroke-width:3px}.perform-panel__map-buttons .shadow{fill:var(--color-macro);opacity:0;transform:scale(0);transition:all .1s var(--ui-easing-smooth);transform-origin:50% 50%}.map_x_placeholder_icon .stroke,.map_y_placeholder_icon .stroke{fill:var(--color-background);stroke:var(--color-gray-2);stroke-width:3px}.map_x_placeholder_icon .arrows,.map_y_placeholder_icon .arrows{fill:var(--color-gray-2)}.perform-panel__map-buttons button:active .arrows{opacity:0}.perform-panel__map-buttons button:active .arrows--active{opacity:1}.perform-panel__map-buttons button:active .fill{opacity:1;transform:scale(1)}.perform-panel__map-buttons button:active .shadow{opacity:.2;transform:scale(1)}body.macro-mapping .perform-panel__map-buttons{pointer-events:auto;opacity:1;transform:scale(1)}
body.playground,body.playground .components_lesson-viewer__header-content{background-color:var(--color-gray-1);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.playground .components_lesson-viewer__header{padding-bottom:1em}body.playground .components_lesson-viewer__toc-toggle{position:absolute}body.playground .components_lesson-viewer__toc{z-index:5}body.playground .components_lesson-viewer__toc-toggle{z-index:6}body.playground.show-presets .components_lesson-viewer__toc-toggle{z-index:3}@media (min-width:392px){body.playground{--panel-control-size:2.3334em}body.playground .button_label{min-width:3em}body.playground .components_embeds_subtractive-synth__panel{font-size:12px;width:16em}body.playground .components_control__slider_handle{border-width:2px}body.playground .perform-panel__xy{--xy-default-height:12.5em}body.playground .components_embeds_subtractive-synth__panel_content>h3{padding-bottom:.75em}body.playground .components_embeds_subtractive-synth__panel h3{font-size:1.4em}body.playground.macro-mapping .components_control__slider--macro-mapped .components_control__macro_handle_holder svg.range_handle_min{transform:scale(1) rotate(0) translateY(-1px);opacity:1}body.playground.macro-mapping .components_control__slider--macro-mapped .components_control__macro_handle_holder svg.range_handle_max{transform:scale(1) rotate(0) translateY(-5px);opacity:1}body.playground .perform-panel__info-link svg{transform:scale(.8)}body.playground .button_round_icon__shapes_download_arrow{stroke-width:1.75px}body.playground{--panel-width:192px;--margin:8px;--col-1:0px;--col-2:calc(var(--panel-width) + var(--margin));--col-3:calc(var(--panel-width) + var(--margin) + var(--panel-width) + var(--margin));--col-4:calc(var(--panel-width) + var(--margin) + var(--panel-width) + var(--margin) + var(--panel-width) + var(--margin));--col-5:calc(var(--panel-width) + var(--margin) + var(--panel-width) + var(--margin) + var(--panel-width) + var(--margin) + var(--panel-width) + var(--margin));--col-6:calc(var(--panel-width) + var(--margin) + var(--panel-width) + var(--margin) + var(--panel-width) + var(--margin) + var(--panel-width) + var(--margin) + var(--panel-width) + var(--margin));--perform-panel-height:221px;--sequence-panel-height:102px;--presets-panel-height:102px;--export-panel-height:51px;--record-panel-height:51px;--square-osc-panel-height:394px;--saw-osc-panel-height:340px;--pitch-panel-height:286px;--noise-panel-height:124px;--amp-envelope-panel-height:394px;--amplitude-panel-height:256px;--low-pass-panel-height:394px;--lfo-panel-height:337px;--mod-envelope-panel-height:394px;--keyboard-panel-height:110px;--record-panel-y:calc(var(--perform-panel-height) + var(--margin));--record-panel-x:var(--col-1);--sequence-panel-y:calc(var(--record-panel-y) + var(--record-panel-height) + var(--margin));--sequence-panel-x:var(--col-1);--presets-panel-y:calc(var(--sequence-panel-y) + var(--sequence-panel-height) + var(--margin));--presets-panel-x:var(--col-1);--export-panel-y:0px;--export-panel-x:var(--col-2);--square-osc-panel-y:calc(var(--export-panel-y) + var(--export-panel-height) + var(--margin));--square-osc-panel-x:var(--col-2);--saw-osc-panel-y:calc(var(--square-osc-panel-y) + var(--square-osc-panel-height) + var(--margin));--saw-osc-panel-x:var(--col-2);--keyboard-panel-y:calc(var(--presets-panel-y) + var(--presets-panel-height) + var(--margin));--keyboard-panel-x:var(--col-1);--pitch-panel-y:calc(var(--presets-panel-y) + var(--presets-panel-height) + var(--margin));--pitch-panel-x:var(--col-1);--noise-panel-y:calc(var(--pitch-panel-y) + var(--pitch-panel-height) + var(--margin));--noise-panel-x:var(--col-1);--amp-envelope-panel-y:calc(var(--saw-osc-panel-y) + var(--saw-osc-panel-height) + var(--margin));--amp-envelope-panel-x:var(--col-2);--amplitude-panel-y:calc(var(--noise-panel-y) + var(--noise-panel-height) + var(--margin));--amplitude-panel-x:var(--col-1);--low-pass-panel-y:calc(var(--amplitude-panel-y) + var(--amplitude-panel-height) + var(--margin));--low-pass-panel-x:var(--col-1);--lfo-panel-y:calc(var(--amp-envelope-panel-y) + var(--amp-envelope-panel-height) + var(--margin));--lfo-panel-x:var(--col-2);--mod-envelope-panel-y:calc(var(--low-pass-panel-y) + var(--low-pass-panel-height) + var(--margin));--mod-envelope-panel-x:var(--col-1);--synth-height:2025px;--synth-width:calc(var(--panel-width) + var(--margin) + var(--panel-width))}.components_embeds_subtractive-synth__wrapper{position:relative;padding:0;width:var(--synth-width);height:var(--synth-height);margin:0 auto}body.playground #amp-envelope-panel,body.playground #amplitude-panel,body.playground #export-panel,body.playground #keyboard-panel,body.playground #lfo-panel,body.playground #low-pass-panel,body.playground #mod-envelope-panel,body.playground #noise-panel,body.playground #pitch-panel,body.playground #presets-panel,body.playground #record-panel,body.playground #saw-osc-panel,body.playground #sequence-panel,body.playground #square-osc-panel{width:var(--panel-width);position:absolute;top:0;left:0;margin:0}body.playground #perform-panel{margin:0;width:var(--panel-width)}body.playground #sequence-panel{transform:translate(var(--sequence-panel-x),var(--sequence-panel-y))}body.playground #presets-panel{transform:translate(var(--presets-panel-x),var(--presets-panel-y))}body.playground #export-panel{transform:translate(var(--export-panel-x),var(--export-panel-y))}body.playground #record-panel{transform:translate(var(--record-panel-x),var(--record-panel-y))}body.playground #keyboard-panel{transform:translate(var(--keyboard-panel-x),var(--keyboard-panel-y))}body.playground #square-osc-panel{transform:translate(var(--square-osc-panel-x),var(--square-osc-panel-y))}body.playground #saw-osc-panel{transform:translate(var(--saw-osc-panel-x),var(--saw-osc-panel-y))}body.playground #pitch-panel{transform:translate(var(--pitch-panel-x),var(--pitch-panel-y))}body.playground #noise-panel{transform:translate(var(--noise-panel-x),var(--noise-panel-y))}body.playground #amp-envelope-panel{transform:translate(var(--amp-envelope-panel-x),var(--amp-envelope-panel-y))}body.playground #amplitude-panel{transform:translate(var(--amplitude-panel-x),var(--amplitude-panel-y))}body.playground #low-pass-panel{transform:translate(var(--low-pass-panel-x),var(--low-pass-panel-y))}body.playground #lfo-panel{transform:translate(var(--lfo-panel-x),var(--lfo-panel-y))}body.playground #mod-envelope-panel{transform:translate(var(--mod-envelope-panel-x),var(--mod-envelope-panel-y))}body.playground #amp-envelope-panel,body.playground #amplitude-panel,body.playground #export-panel,body.playground #keyboard-panel,body.playground #lfo-panel,body.playground #low-pass-panel,body.playground #mod-envelope-panel,body.playground #noise-panel,body.playground #pitch-panel,body.playground #presets-panel,body.playground #record-panel,body.playground #saw-osc-panel,body.playground #sequence-panel,body.playground #square-osc-panel{transition:all var(--ui-easing-duration) var(--ui-easing-smooth);transition-property:transform,opacity}body.macro-mapping.playground{--record-panel-y:calc(var(--perform-panel-height) + var(--margin) - 89px)}}@media (min-width:592px){body.playground{--export-panel-x:var(--col-3);--square-osc-panel-y:0px;--square-osc-panel-x:var(--col-2);--low-pass-panel-y:calc(var(--export-panel-y) + var(--export-panel-height) + var(--margin));--low-pass-panel-x:var(--col-3);--lfo-panel-y:calc(var(--low-pass-panel-y) + var(--low-pass-panel-height) + var(--margin));--lfo-panel-x:var(--col-3);--mod-envelope-panel-y:calc(var(--lfo-panel-y) + var(--lfo-panel-height) + var(--margin));--mod-envelope-panel-x:var(--col-3);--synth-width:592px;--synth-height:1224px}}@media (min-width:792px){body.playground{--low-pass-panel-y:0px;--low-pass-panel-x:var(--col-3);--export-panel-x:var(--col-4);--lfo-panel-y:calc(var(--export-panel-y) + var(--export-panel-height) + var(--margin));--lfo-panel-x:var(--col-4);--mod-envelope-panel-y:calc(var(--lfo-panel-y) + var(--lfo-panel-height) + var(--margin));--mod-envelope-panel-x:var(--col-4);--amp-envelope-panel-y:calc(var(--low-pass-panel-y) + var(--low-pass-panel-height) + var(--margin));--amp-envelope-panel-x:var(--col-3);--amplitude-panel-y:calc(var(--amp-envelope-panel-y) + var(--amp-envelope-panel-height) + var(--margin));--amplitude-panel-x:var(--col-3);--noise-panel-y:calc(var(--saw-osc-panel-y) + var(--saw-osc-panel-height) + var(--margin));--noise-panel-x:var(--col-2);--synth-width:792px;--synth-height:1058px}}@media (min-width:992px){body.playground #keyboard-panel{display:block}body.playground{--export-panel-x:var(--col-5);--lfo-panel-x:var(--col-5);--mod-envelope-panel-x:var(--col-5);--low-pass-panel-x:var(--col-4);--amp-envelope-panel-x:var(--col-4);--saw-osc-panel-y:0px;--saw-osc-panel-x:var(--col-3);--noise-panel-x:var(--col-3);--amplitude-panel-y:calc(var(--noise-panel-y) + var(--noise-panel-height) + var(--margin));--pitch-panel-y:calc(var(--square-osc-panel-y) + var(--square-osc-panel-height) + var(--margin));--pitch-panel-x:var(--col-2);--synth-width:992px;--synth-height:752px}}@media (min-width:1024px){body.playground .components_embeds_subtractive-synth__wrapper{margin-top:-40px}}@media (min-width:1192px){body.playground{--lfo-panel-x:var(--col-6);--mod-envelope-panel-x:var(--col-6);--low-pass-panel-x:var(--col-5);--amp-envelope-panel-x:var(--col-4);--amp-envelope-panel-y:0px;--amplitude-panel-x:var(--col-4);--amplitude-panel-y:calc(var(--amp-envelope-panel-y) + var(--amp-envelope-panel-height) + var(--margin));--lfo-panel-y:0px;--export-panel-x:var(--col-1);--export-panel-y:calc(var(--record-panel-y) + var(--record-panel-height) + var(--margin));--sequence-panel-y:calc(var(--export-panel-y) + var(--export-panel-height) + var(--margin));--keyboard-panel-y:calc(var(--presets-panel-y) + var(--presets-panel-height) + var(--margin));--synth-width:1192px;--synth-height:740px}}
.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)*5);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%}.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__press-hold-button-ring{transition:all .1s var(--ui-easing);transition-property:transform,fill}.synth-adsr__press-hold-button-ring--on{transform:scale(1)}.synth-adsr__press-hold-button-ring--off{transform:scale(.25)}.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}body.lang-tr .synth-adsr__interaction-prompt.adsr-tooltip .adsr-tooltip-label{text-transform:none!important}.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-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}.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)}
body{--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:10px;padding-right:10px;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%);opacity:0;transition:all .3s var(--ui-easing);transition-property:opacity,transform;background-color:var(--color-background)}.show-toc .components_lesson-viewer__toc-menu{transform:translateX(0);opacity:1}.components_lesson-viewer__toc-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-gray-1);opacity:0;transition:all .3s var(--ui-easing);transition-property:opacity,transform;cursor:pointer}.show-toc .components_lesson-viewer__toc-overlay{opacity:.75}.components_lesson-viewer__toc-scroll-area{padding-top:calc(var(--font-line-height)*1)}.components_lesson-viewer__toc-chapter-section,.components_lesson-viewer__toc-chapter-title{margin-left:calc(16px * 3.5);margin-right:calc(16px * 2.5)}.components_lesson-viewer__toc-chapter{padding-bottom:calc(var(--font-line-height)*.75);position:relative}.components_lesson-viewer__toc-chapter-title{display:block;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:all .3s var(--ui-easing);transition-property:opacity,transform}.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-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-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:all .3s var(--ui-easing)}.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{-webkit-appearance:none;-moz-appearance:none;border:none;background:0 0;outline:0;font-size:inherit;font-family:inherit;color:var(--color-foreground);-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;height:50px;width:50px;position:fixed;z-index:5;top:16px;right:16px;transition:all .3s var(--ui-easing);transition-property:opacity,transform}.components_lesson-viewer__toc-toggle-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background)}body.playground .components_lesson-viewer__toc-toggle-bg{display:none}.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;transition-timing-function:cubic-bezier(.19,1,.22,1);transition-property:opacity,transform;transition-duration:.3s}.components_lesson-viewer__toc-toggle-icons .close{opacity:0;transform:scale(.25)}.show-toc .components_lesson-viewer__toc-toggle-icons .close{opacity:1;transform:scale(1)}.show-toc .components_lesson-viewer__toc-toggle-icons .menu{opacity:0;transform:scale(.25)}.components_lesson-viewer__toc-toggle-icons .menu.lm path{stroke-width:2px;stroke-linecap:none;stroke:var(--color-foreground)}.components_lesson-viewer__toc-toggle-icons .close.lm path{fill:var(--color-foreground)}.components_lesson-viewer__toc-toggle-label{display:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotate(-90deg);font-size:16px;line-height:1;font-family:var(--font-heading);transition:all .2s var(--ui-easing);transition-property:opacity,transform;transition-delay:.2s}.vertical-lang .components_lesson-viewer__toc-toggle-label{transform:rotate(0);writing-mode:vertical-lr;transform:translateX(-50%)}.show-presets .components_lesson-viewer__toc-toggle,.show-toc .components_lesson-viewer__toc-toggle{right:calc(16px + var(--scrollbar-width))}.hide-header .components_lesson-viewer__toc-toggle{transform:translateY(-100%)}.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-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-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-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-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-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-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-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-section:hover{color:var(--theme-mono)}.theme-mono .components_lesson-viewer__toc-chapter-heading-bg{background-color:var(--theme-mono-shade)}.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}body.lang-tr .components_lesson-viewer__toc-setting-choice{text-transform:none!important}.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}
body{font-family:var(--font-body);font-size:calc(var(--font-base-size) * 1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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}body.lang-tr .smallcaps,body.lang-tr h4{text-transform:none!important}.components_lesson-viewer__next-chapter-title{font-size:calc(var(--font-base-size) * 2.3333333333);line-height:1}.control_label{font-size:13px;letter-spacing:.93px;text-transform:uppercase;font-family:var(--font-bold);line-height:1;text-align:center}body.lang-tr .control_label{text-transform:none!important}.caption,.small{font-size:calc(var(--font-base-size) * .7619)}.callout.right,.caption.right{text-align:right}.callout.centered,.caption.centered{text-align:center}
body{--color-white:#ffffff;--color-gray-1:#f3f3f6;--color-gray-1-5:#ebebef;--color-gray-2:#e2e2e9;--color-gray-2-5:#c9c9d4;--color-gray-3:#b5b5bf;--color-gray-4:#797986;--color-gray-5:hsl(240, 7%, 32%);--color-indigo:rgb(0, 0, 76);--color-purple:#715cf9;--color-purple-shade:rgb(240, 240, 254);--color-blue:#23b2fe;--color-blue-shade:rgb(233, 247, 254);--color-green:#00d692;--color-green-shade:rgb(233, 251, 244);--color-yellow:#febc2d;--color-yellow-shade:rgb(255, 248, 236);--color-red:#e4525a;--color-red-shade:rgb(252, 238, 239);--color-magenta:#dd0c75;--color-magenta-shade:rgb(251, 232, 241);--color-peach:#ff6577;--color-peach-shade:rgb(255, 240, 242);--color-mauve:#b56ef5;--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-oscillator:var(--color-blue);--color-amplitude:var(--color-green);--color-filter:var(--color-yellow);--color-modulation:var(--color-red);--color-modulation-shade:var(--color-red-shade);--color-macro:var(--color-foreground);--color-macro-shade:var(--color-shade);--color-macro-zombie:var(--color-foreground);--color-record:var(--color-red);--color-record-shade:var(--color-red-shade);--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-header:"Futura PT",-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;--control-background-default:var(--color-gray-1);--control-stroke-width:1.5px;--panel-control-size:2.6875em;--control-border-radius:4px;--playground-viz-stroke-size:4px;--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-smooth:cubic-bezier(0.250, 0.100, 0.250, 1.0);--ui-easing-duration:0.25s;--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;--slider-thumb-size-macro-mapped-px:21px;--scrollbar-width:0px;--door-floor-and-walls:var(--color-background);--door-trim-on:#C4C4CD;--door-trim-off:var(--color-foreground);--door-knob-on:#94949D;--door-knob-off:var(--color-foreground);--door-door:#C6C6CC;--carousel-arms-off:var(--color-foreground);--carousel-arms-on:#C4C4CD;--carousel-speaker-cone-off:var(--color-foreground);--carousel-speaker-cabinet:#EEEEEE;--carousel-base:var(--color-gray-2);--bee-wing:var(--color-gray-2);--bee-body-off:var(--color-gray-2);--bee-body-on:#FFBE2E;--bee-stripe-off:var(--color-foreground);--bee-stripe-on:#463721;--synthesizer-case:var(--color-gray-2);--synthesizer-white-key-off:var(--color-gray-2);--synthesizer-black-key-off:var(--color-foreground);--synthesizer-black-key-off-alt:var(--color-gray-2-5);--synthesizer-param-off:var(--color-foreground);--synthesizer-param-off-alt:var(--color-gray-2-5);--synthesizer-param-highlighted-off:var(--color-foreground);--synthesizer-param-housing:var(--color-gray-3);--synthesizer-key-dot:var(--color-foreground)}@media (prefers-color-scheme:dark){body{--color-background:#1b1b1d;--color-foreground:#b3b3b3;--color-gray-1:hsl(240, 4%, 5%);--color-gray-1-5:hsl(240, 3%, 7%);--color-gray-2:#39393c;--color-gray-2-5:hsl(240, 4%, 30%);--color-gray-3:hsl(240, 3%, 40%);--color-gray-4:hsl(240, 3%, 50%);--color-gray-5:hsl(240, 3%, 60%);--color-purple-shade:#242233;--color-blue-shade:#1C2A33;--color-green-shade:#182E29;--color-yellow-shade:#322B1F;--color-red-shade:#2F2023;--color-magenta-shade:#2E1A26;--color-peach-shade:#322226;--color-mauve-shade:#2A2333;--control-background-default:var(--color-gray-2);--door-floor-and-walls:hsl(240, 3%, 9%);--door-trim-on:var(--color-gray-5);--door-trim-off:var(--color-gray-2);--door-door:var(--color-gray-3);--carousel-base:var(--color-gray-4);--carousel-arms-off:var(--color-gray-5);--bee-wing:var(--color-gray-4);--bee-body-off:var(--color-gray-4);--bee-stripe-off:var(--color-gray-2);--synthesizer-case:var(--color-gray-2);--synthesizer-white-key-off:var(--color-gray-2);--synthesizer-black-key-off-alt:var(--color-gray-3);--synthesizer-param-off-alt:var(--color-gray-3);--synthesizer-param-housing:var(--color-gray-1);--synthesizer-param-highlighted-off:var(--color-gray-5)}}
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)}
body{--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:var(--color-background);font-family:AbletonSans-Medium,sans-serif;font-size:18px;line-height:1.5}#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:var(--color-foreground)}#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:var(--color-shade);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}
.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-stage-label{position:absolute;top:0;left:0}.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,.adsr-decay-overlay,.adsr-release-overlay,.adsr-sustain-overlay{transition:opacity .5s var(--ui-easing)}.adsr-active .adsr-attack-overlay,.adsr-active .adsr-decay-overlay,.adsr-active .adsr-release-overlay,.adsr-active .adsr-sustain-overlay{opacity:0;transition-duration:.1s}.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%,var(--color-shade) 25%,var(--color-shade) 50%,transparent 50%,transparent 75%,var(--color-shade) 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>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-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_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-filled{fill:transparent;transition:stroke .25s var(--ui-easing);stroke-width:3px;stroke:var(--current-theme-color);stroke-linecap:miter;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.xypad-active{cursor:none}.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{width:100%;height:100%;position:absolute;top:0;left:0}.components_xy-pad__pulse{position:absolute;opacity:0;pointer-events:none}.components_xy-pad__pulse.note-on{animation-name:note-on;animation-duration:150ms;animation-timing-function:cubic-bezier(.165,.84,.44,1);animation-fill-mode:forwards}.components_xy-pad__pulse.note-off{animation-name:note-off;animation-duration:750ms;animation-timing-function:cubic-bezier(.075,.82,.165,1);animation-fill-mode:forwards}@keyframes note-on{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(2)}}@keyframes note-off{0%{opacity:1;transform:scale(2)}100%{opacity:0;transform:scale(8)}}.components_xy-pad__pulse circle{fill:var(--color-foreground);opacity:.2}.components_xy-pad__control_fill{fill:var(--color-background);transform-origin:50% 50%}.active .components_xy-pad__control_fill,.note-on .components_xy-pad__control_fill{fill:var(--color-foreground)}.components_xy-pad__control_ring{fill:none;stroke-width:3px;stroke:var(--color-foreground);transform-origin:50% 50%}.active .components_xy-pad__control_ring,.note-on .components_xy-pad__control_ring{fill:var(--color-foreground)}@media (min-width:640px){body .components_xy-pad__control_ring{stroke-width:4px}body .perform-panel__xy .components_xy-pad__control_ring{stroke-width:3px}}
.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{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)}
.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_ring{fill:none;stroke-width:3px;stroke:var(--color-foreground);transform-origin:50% 50%}.components_control__presspad_fill{fill:var(--color-foreground);transform-origin:50% 50%;transition:all .1s var(--ui-easing);transition-property:transform,fill}.components_control__presspad_fill--on{transform:scale(1)}.components_control__presspad_fill--off{transform:scale(.25)}
.components_control__slider{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--macro-mapped .components_control__slider_labels_value_text{opacity:0}.components_control__slider_labels_value svg.mapped_label_x,.components_control__slider_labels_value svg.mapped_label_y{position:absolute;width:.9375em;height:.9375em;fill:var(--color-macro);top:.75em;right:0;opacity:0;transform:scale(0);transition:all var(--ui-easing-duration) var(--ui-easing-smooth);transition-property:opacity,transform}.components_control__slider--macro-mapped-x .components_control__slider_labels_value svg.mapped_label_x,.components_control__slider--macro-mapped-y .components_control__slider_labels_value svg.mapped_label_y{opacity:1;transform:scale(1)}.components_control__slider_control{height:2.75em;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:3px solid var(--color-foreground);border-radius:50%;transition:all var(--ui-easing-duration) var(--ui-easing-smooth)}body.macro-mapping .components_control__slider--macro-mapped .components_control__slider_handle{transform:scale(.6);background-color:var(--color-macro);border-color:var(--color-background)}.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--macro-mapped .components_control__slider_handle{background-color:var(--color-macro-zombie);border-color:var(--color-background);transform:scale(.6)}.components_control__macro_handle_holder{position:absolute;width:1.875em;height:1.875em;left:calc(1.875em * -.5)}.components_control__macro_handle_holder svg{position:absolute;width:1.25em;height:1.375em;left:.3125em;fill:var(--color-background);stroke-width:2.5px;stroke:var(--color-macro);opacity:0;transition:all var(--ui-easing-duration) var(--ui-easing-smooth);transition-property:opacity,transform}.components_control__macro_handle_holder svg.range_handle_min{transform-origin:50% 100%;transform:scale(0) rotate(90deg)}.components_control__macro_handle_holder svg.range_handle_max{transform-origin:50% 0;transform:scale(0) rotate(90deg)}body.macro-mapping .components_control__slider--macro-mapped .components_control__macro_handle_holder svg{transform:scale(1) rotate(0);opacity:1}.components_control__macro_handle_holder:active svg,.macro-drag-range .components_control__macro_handle_holder svg{fill:var(--color-macro)}.components_control__slider--macro-mapped .components_control__slider_fill{background-color:var(--color-macro)}.components_control__modulation_dot{position:absolute;width:.375em;height:.375em;left:-2px;top:.375em;border-radius:50%;background-color:var(--color-modulation);opacity:0;transform:scale(0);transition:opacity var(--ui-easing-duration) var(--ui-easing-smooth)}.components_control__slider--modulated .components_control__modulation_dot{opacity:1}body.macro-mapping .components_control__slider--modulated.components_control__slider--macro-mapped .components_control__modulation_dot{opacity:0}.components_control__macro_range{position:absolute;top:50%;width:100%;transform-origin:0 0;height:var(--slider-track-height-px);border-radius:var(--slider-track-height-px);background-color:var(--color-macro-zombie)}.components_control__macro_range_fill{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-macro);border-radius:var(--slider-track-height-px);opacity:0;transform:scale(0);transition:all var(--ui-easing-duration) var(--ui-easing-smooth);transition-property:opacity,transform}body.macro-mapping .components_control__slider--macro-mapped .components_control__macro_range_fill{opacity:1;transform:scale(1)}.components_control__macro_handle_label{position:absolute;bottom:120%;text-align:center;box-sizing:border-box;background-color:var(--color-gray-1);padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;transform:translate(-50%);width:auto;white-space:nowrap}
.button_round_icon{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;outline:0;background:0 0;padding:0;cursor:pointer;position:relative;width:var(--panel-control-size);height:var(--panel-control-size);display:block;margin:0}.button_round_icon:disabled{cursor:default}.button_round_icon__shapes{fill:none;transform-origin:50% 50%}.button_round_icon__background{fill:var(--control-background-default);transform-origin:50% 50%}.button_round_icon:hover .button_round_icon__background{fill:var(--current-theme-color);opacity:.1}.button_round_icon:active .button_round_icon__background{opacity:1;fill:var(--current-theme-color)}.button_round_icon:disabled .button_round_icon__background{fill:var(--control-background-default);opacity:1}.button_round_icon__shapes_play,.button_round_icon__shapes_record,.button_round_icon__shapes_stop,.button_round_icon__shapes_waiting{fill:var(--current-theme-color);transform-origin:50% 50%}.button_round_icon__shapes_stop{transform:scale(0)}.button_round_icon__shapes_play{transform:scale(1)}.button_round_icon:active .button_round_icon__shapes_play,.button_round_icon:active .button_round_icon__shapes_record,.button_round_icon:active .button_round_icon__shapes_stop{fill:var(--color-background)}.button_round_icon__progress_ring_container{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg) scale(1,-1);fill:none}.button_round_icon__progress_ring{fill:none;stroke:var(--color-foreground);stroke-width:3px;stroke-linecap:square;opacity:0}.button_round_icon--playing .button_round_icon__shapes_stop{opacity:1;transform:scale(1)}.button_round_icon--playing .button_round_icon__shapes_play{opacity:0;transform:scale(0)}.button_round_icon--playing .button_round_icon__progress_ring{opacity:1}.button_round_icon__shapes_waiting{transform:scale(0)}.button_round_icon__shapes_reset{fill:var(--color-foreground)}.button_round_icon__shapes_download_arrow,.button_round_icon__shapes_reset_preset{fill:none;stroke:var(--color-foreground);stroke-width:1.5px;stroke-linecap:round}.button_round_icon:active .button_round_icon__shapes_download_arrow,.button_round_icon:active .button_round_icon__shapes_reset_preset{stroke:var(--color-background)}.button_round_icon:disabled .button_round_icon__shapes_download_arrow,.button_round_icon:disabled .button_round_icon__shapes_reset_preset{stroke:var(--color-foreground);opacity:.2}.panel_control_group--recording .button_round_icon__shapes_record{transform:scale(0)}.panel_control_group--recording .button_round_icon__shapes_stop{transform:scale(1)}.panel_control_group--waiting .button_round_icon__shapes_waiting{animation:waiting-pulse .5s alternate-reverse infinite}.panel_control_group--waiting .button_round_icon__shapes_download_arrow{opacity:0}@keyframes waiting-pulse{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.record_toggle_button__indicator{display:block;width:5px;height:5px;background-color:var(--current-theme-color);position:absolute;top:calc(50% - 2.5px);right:-10px;border-radius:50%;opacity:0}.panel_control_group--recording .record_toggle_button__indicator{animation:1s recording-blink var(--ui-easing-smooth) infinite}@keyframes recording-blink{0%{opacity:1}50%{opacity:1}51%{opacity:0}100%{opacity:0}}.button_label{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:0;border:none;background:0 0;font-family:inherit;font-size:inherit;cursor:pointer;text-align:center;position:relative;line-height:var(--panel-control-size);padding:0 .625em;min-width:3.9375em;color:var(--color-foreground);display:block;margin:0}.button_label--active:not(:disabled),.button_label:active:not(:disabled){color:var(--color-background)}.button_label:disabled{cursor:default}.button_label::before{content:"";background-color:var(--control-background-default);border-radius:var(--control-border-radius);position:absolute;top:0;left:0;width:100%;height:100%}.button_label:hover:not(:disabled):not(:active):not(.button_label--active):before{background-color:var(--current-theme-color);opacity:.1}.button_label__label{position:relative}.button_label:disabled .button_label__label{opacity:.2}.button_label--active:not(:disabled):before,.button_label:active:not(:disabled):before{background-color:var(--current-theme-color);opacity:1}.select_container{position:relative;line-height:var(--panel-control-size)}.select_container:before{content:"";background-color:var(--control-background-default);border-radius:var(--control-border-radius);position:absolute;top:0;left:0;width:100%;height:100%}.select_container:hover:not(.disabled):not(:active):before{background-color:var(--current-theme-color);opacity:.1}.select_container:active:not(.disabled):before{background-color:var(--current-theme-color);opacity:1}.select_container__select{display:block;width:100%;-moz-appearance:none;-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;line-height:inherit;border:none;outline:0;cursor:pointer;background:0 0;margin:0;color:var(--color-foreground);padding:0 2em 0 .625em;position:relative;border-radius:var(--control-border-radius)}.select_container.disabled .select_container__select{opacity:.2;pointer-events:none}.select_container__select:active{color:var(--color-background)}.select_container__select:focus{box-shadow:0 0 0 2px var(--current-theme-color)}.select_container__select_caret{width:var(--panel-control-size);height:var(--panel-control-size);position:absolute;right:0;top:0;pointer-events:none}.select_container.disabled .select_container__select_caret{opacity:.2}.select_container__select_caret_path{stroke:var(--color-foreground);stroke-width:var(--control-stroke-width);fill:none}.select_container:active:not(.disabled) .select_container__select_caret_path{stroke:var(--color-background)}.panel_control_group__small_icon_buttons{position:relative;width:1.8125em;flex:none}@media (min-width:375px){.panel_control_group__small_icon_buttons{margin-right:.3125em}}.perform-panel__info-link{transition:opacity var(--ui-easing-duration) var(--ui-easing-smooth)}body.recipes .perform-panel__info-link{visibility:hidden}body.macro-mapping .perform-panel__info-link{opacity:0;pointer-events:none}.perform-panel__info-link__info_icon circle{fill:var(--color-foreground);fill:none;stroke:var(--color-foreground);stroke-width:var(--control-stroke-width)}.perform-panel__info-link__info_icon path{fill:var(--color-foreground)}.perform-panel__info-link:visited{opacity:.5}.perform-panel__unmap-all-button{display:block;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:inherit;font-size:inherit;outline:0;border:none;background:0 0;cursor:pointer;line-height:var(--panel-control-size);border-radius:var(--control-border-radius);text-align:center;padding:0;width:1.8125em;height:1.25em;color:var(--current-theme-color);background-color:var(--color-background);position:absolute;top:0;left:0;transition:all var(--ui-easing-duration) var(--ui-easing-smooth);opacity:0;pointer-events:none}body.macro-mapping .perform-panel__unmap-all-button{opacity:1;pointer-events:auto}.perform-panel__unmap-all-button svg{fill:var(--color-macro)}.perform-panel__unmap-all-button:disabled{color:var(--color-gray-2)}.perform-panel__unmap-all-button:disabled svg{fill:var(--color-gray-2)}
.synth-playback_play-stop-button,.synth-playback_press-button{display:block;width:50px;height:50px;position:relative;pointer-events:auto;cursor:pointer}.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{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{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_images__icon-play{left:10px;top:7px}.subtractive-synth__floating_controls .synth-playback_play-stop-button .components_images__icon-stop{left:8px;top:7px}.subtractive-synth__floating_controls .synth-playback_play-stop-button .bg,.subtractive-synth__floating_controls .synth-playback_press-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)}.synth-playback_play-stop-button .components_images__icon-play{transform:scale(1);opacity:1;transform-origin:50% 50%;transition:all .3s var(--ui-easing);transition-property:transform,opacity}.synth-playback_play-stop-button .components_images__icon-stop{transform:scale(0);opacity:0;transform-origin:50% 50%;transition:all .3s var(--ui-easing);transition-property:transform,opacity}.synth-playback_play-stop-button--playing .components_images__icon-play{opacity:0;transform:scale(0)}.synth-playback_play-stop-button--playing .components_images__icon-stop{opacity:1;transform:scale(.75)}
.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}
.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_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);background-color:var(--current-theme-color-shade);border-radius:20%}.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}.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-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}.active-shape .components--lfo-shape__viz-waveshape-filled{stroke:var(--current-theme-color)}.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}.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)}
body{--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:10px;padding-right:10px;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)}
.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}.one-shot-sampler__play-stop-toggle .components_images__icon-play{opacity:1;transform:scale(1);transition:all .3s var(--ui-easing);transition-property:opacity,transform}.one-shot-sampler__play-stop-toggle .components_images__icon-stop{opacity:0;transform:scale(0);transition:all .3s var(--ui-easing);transition-property:opacity,transform}.one-shot-sampler__play-stop-toggle--playing .components_images__icon-play{opacity:0;transform:scale(0)}.one-shot-sampler__play-stop-toggle--playing .components_images__icon-stop{opacity:1;transform:scale(1)}
.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-square{position:relative}.synth-xy-square .components_xy-pad{top:0;left:0;position:absolute}.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%}