.turnstile-container.svelte-gx3gc0{z-index:1000;justify-content:center;display:flex;position:fixed;inset-block-end:16px;inset-inline:0}.turnstile-container.hidden.svelte-gx3gc0,.turnstile-container.svelte-gx3gc0:empty{display:none}:root{--biscuits-overlay-space:250px}body:has(#biscuits-overlay){padding-bottom:var(--biscuits-overlay-space)}#biscuits-overlay a:hover{text-decoration:none}#biscuits-overlay .abl-type-strong{font-weight:700}#biscuits-overlay .abl-notification-cookie-cta-grid{grid-gap:.625rem;grid-template-columns:[main-start]1fr 1fr[main-end];display:grid}#biscuits-overlay .abl-notification-cookie-cta-grid__main{grid-area:1/main}#biscuits-overlay .abl-button{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;background-image:none;border:2px solid #0000;border-radius:0;margin:0;padding:.28125rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;text-decoration:none;display:inline-block}#biscuits-overlay .abl-button--outline{color:currentColor;background-color:#0000;border-color:currentColor}#biscuits-overlay .abl-button--primary{color:#fff;background-color:#00f}#biscuits-overlay.abl-z-notification{z-index:var(--learn-zIndex-high-3)}#biscuits-overlay .abl-fixed,#biscuits-overlay.abl-fixed{position:fixed}#biscuits-overlay .abl-left-0,#biscuits-overlay.abl-left-0{left:0}#biscuits-overlay .abl-bottom-0,#biscuits-overlay.abl-bottom-0{bottom:0}#biscuits-overlay.abl-w-100vw{width:100vw}@media screen and (width>=48em){#biscuits-overlay .abl-pb-20-ms.abl-pb-20-ms{padding-bottom:1.25rem}}@media screen and (width>=64em){#biscuits-overlay .abl-pb-40-ml.abl-pb-40-ml{padding-bottom:2.5rem}}@media screen and (width>=48em){#biscuits-overlay .abl-ph-20-ms.abl-ph-20-ms{padding-left:1.25rem;padding-right:1.25rem}}@media screen and (width>=64em){#biscuits-overlay .abl-ph-40-ml.abl-ph-40-ml{padding-left:2.5rem;padding-right:2.5rem}}#biscuits-overlay .abl-mh-auto{margin-left:auto;margin-right:auto}#biscuits-overlay .abl-mxw-mx{max-width:100rem}#biscuits-overlay .abl-relative{position:relative}#biscuits-overlay .abl-absolute{position:absolute}@media screen and (width>=64em){#biscuits-overlay .abl-w-third-md{width:33.3333%}body:has(#biscuits-overlay){padding-bottom:0}}#biscuits-overlay .abl-pa-10.abl-pa-10{padding:.625rem}@media screen and (width>=64em){#biscuits-overlay .abl-pa-20-ml.abl-pa-20-ml{padding:1.25rem}}#biscuits-overlay .abl-type-16-ml.abl-type-16-ml{font-size:.7rem;line-height:1.5}@media screen and (width>=768px){#biscuits-overlay .abl-type-16-ml.abl-type-16-ml{font-size:1rem}}#biscuits-overlay .bg-black{background-color:#000!important}#biscuits-overlay .text-plain-white,#biscuits-overlay .text-white{color:#fff!important}#biscuits-overlay .abl-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#biscuits-overlay .abl-pt-10{padding-top:.625rem}@media screen and (width>=64em){#biscuits-overlay .abl-pt-20-ml.abl-pt-20-ml{padding-top:1.25rem}}@media only screen and (width>=45em){#biscuits-overlay .abl-button{padding:.40625rem 1.875rem;font-size:1.25rem;line-height:1.5}}button.svelte-15brh91{appearance:none;font-family:var(--learn-font-heading);font-size:var(--learn-subheading-xxs-font-size-rem);font-style:normal;font-weight:450;line-height:var(--learn-subheading-xxs-line-height-rem);background:0 0;border:1.5px solid;padding:8px 16px;display:flex}button.svelte-15brh91:focus-visible{outline-color:var(--color-focus-over-theme)}@font-face{font-family:AbletonSans-Medium;src:url(https://cdn-resources.ableton.com/resources/learn/fonts/abletonsans-medium.woff2)format("woff2");font-display:swap}@font-face{font-family:Futura PT;src:url(https://cdn-resources.ableton.com/resources/learn/fonts/ftn45__w.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Futura PT Bold;src:url(https://cdn-resources.ableton.com/resources/learn/fonts/ftn55__w.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}html{overflow-x:clip}button{touch-action:manipulation}button,input{color:inherit;font-family:inherit}:target{scroll-margin-block:5ex}*{margin:0}body{font-family:var(--learn-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--learn-color-text);background:var(--learn-color-background);overflow-x:clip}main>:is(ul,ol) li{margin-block-start:8px}a{color:inherit;text-decoration:underline}img{block-size:auto;max-inline-size:100%}pre{white-space:pre-wrap}h1,h2,h3,h4{text-wrap:balance}header{box-sizing:border-box;align-items:center;gap:var(--header-gap,16px);width:100%;height:var(--layout-header-height);background:var(--learn-color-background);grid-template-columns:max-content auto max-content;padding-right:16px;display:grid}.header-left-link,.header-left-link-filled{--focus-ring-offset:-2px}.header-left-link{background:var(--learn-color-background);height:var(--layout-header-height);aspect-ratio:1;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.header-left-link>*{width:42px;height:42px}@media (width>=970px){header{padding-right:40px}.header-left-link{grid-area:1/1;justify-self:start}.header-left-link-filled{background:var(--color-shade-50)}@media (hover:hover){.header-left-link-filled:hover{background:var(--color-shade-100)}}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}:root{--learn-spacing-4-xs:.125rem;--learn-spacing-3-xs:.24rem;--learn-spacing-2-xs:.5rem;--learn-spacing-xs:.75rem;--learn-spacing-s:1rem;--learn-spacing-m:1.5rem;--learn-spacing-l:2rem;--learn-spacing-xl:2.5rem;--learn-spacing-2-xl:3rem;--learn-spacing-3-xl:3.5rem;--learn-spacing-4-xl:4rem;--learn-spacing-5-xl:4.5rem;--learn-spacing-layout-xl:5.62rem;--learn-spacing-layout-l:3rem;--learn-spacing-layout-m:2rem;--learn-spacing-layout-s:1.5rem;--learn-spacing-layout-xs:1.5rem;--learn-spacing-layout-2-xs:.75rem;--learn-spacing-paragraph:var(--learn-spacing-layout-xs)}@media (width>=970px){:root{--learn-spacing-layout-xl:8rem;--learn-spacing-layout-l:6.25rem;--learn-spacing-layout-m:4rem;--learn-spacing-layout-s:3rem;--learn-spacing-layout-2-xs:1.31rem}}html{font-size:16px}:root{--learn-font-fallback:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--learn-font-body:"AbletonSans-Medium", var(--learn-font-fallback);--learn-font-heading:"Futura PT Bold", var(--learn-font-fallback);--learn-font-header:"Futura PT", var(--learn-font-fallback);--learn-display-xl-font-size-rem:3.75rem;--learn-display-xl-font-size-px:60px;--learn-display-xl-line-height-rem:4.875rem;--learn-display-xl-line-height-px:78px;--learn-display-l-font-size-rem:2.8125rem;--learn-display-l-font-size-px:45px;--learn-display-l-line-height-rem:3.875rem;--learn-display-l-line-height-px:62px;--learn-heading-l-font-size-rem:2rem;--learn-heading-l-font-size-px:32px;--learn-heading-l-line-height-rem:2.625rem;--learn-heading-l-line-height-px:42px;--learn-heading-m-font-size-rem:1.875rem;--learn-heading-m-font-size-px:30px;--learn-heading-m-line-height-rem:2.625rem;--learn-heading-m-line-height-px:42px;--learn-subheading-l-font-size-rem:1.625rem;--learn-subheading-l-font-size-px:26px;--learn-subheading-l-line-height-rem:2rem;--learn-subheading-l-line-height-px:32px;--learn-subheading-m-font-size-rem:1.375rem;--learn-subheading-m-font-size-px:22px;--learn-subheading-m-line-height-rem:1.75rem;--learn-subheading-m-line-height-px:28px;--learn-subheading-s-font-size-rem:1.25rem;--learn-subheading-s-font-size-px:20px;--learn-subheading-s-line-height-rem:1.5rem;--learn-subheading-s-line-height-px:24px;--learn-subheading-xs-font-size-rem:1.125rem;--learn-subheading-xs-font-size-px:18px;--learn-subheading-xs-line-height-rem:1.5rem;--learn-subheading-xs-line-height-px:24px;--learn-subheading-xxs-font-size-rem:1rem;--learn-subheading-xxs-font-size-px:16px;--learn-subheading-xxs-line-height-rem:1.25rem;--learn-subheading-xxs-line-height-px:20px;--learn-body-base-font-size-rem:1rem;--learn-body-base-font-size-px:16px;--learn-body-base-line-height-rem:1.5rem;--learn-body-base-line-height-px:24px;--learn-body-base-s-font-size-rem:.8125rem;--learn-body-base-s-font-size-px:13px;--learn-body-base-s-line-height-rem:1.125rem;--learn-body-base-s-line-height-px:18px;--learn-panel-caption-font-size-rem:.875rem;--learn-panel-caption-font-size-px:14px;--learn-panel-caption-line-height-rem:1.125rem;--learn-panel-caption-line-height-px:18px;--learn-panel-caption-bold-font-size-rem:.875rem;--learn-panel-caption-bold-font-size-px:14px;--learn-panel-caption-bold-line-height-rem:1.125rem;--learn-panel-caption-bold-line-height-px:18px;--learn-panel-label-font-size-rem:.75rem;--learn-panel-label-font-size-px:12px;--learn-panel-label-line-height-rem:1rem;--learn-panel-label-line-height-px:16px;--learn-type-display-1-font-size:var(--learn-heading-l-font-size-px);--learn-type-display-1-line-height:var(--learn-heading-l-line-height-px);--learn-type-display-2-font-size:var(--learn-heading-l-font-size-px);--learn-type-display-2-line-height:var(--learn-heading-l-line-height-px)}@media (width>=970px){:root{--learn-type-display-1-font-size:var(--learn-display-xl-font-size-px);--learn-type-display-1-line-height:var(--learn-display-xl-line-height-px);--learn-type-display-2-font-size:var(--learn-display-l-font-size-px);--learn-type-display-2-line-height:var(--learn-display-l-line-height-px)}}h1,h2,h3,h4,h5,h6,.display-1,.display-2,.heading-1,.heading-2,.heading-3,.heading-4{font-family:var(--learn-font-heading);font-style:normal;font-weight:450}h1,.display-1{font-size:var(--learn-type-display-1-font-size);line-height:var(--learn-type-display-1-line-height)}h2,.display-2{font-size:var(--learn-type-display-2-font-size);line-height:var(--learn-type-display-2-line-height)}:root{--learn-type-heading-1-font-size:var(--learn-subheading-l-font-size-px);--learn-type-heading-1-line-height:var(--learn-subheading-l-line-height-px);--learn-type-heading-2-font-size:var(--learn-subheading-s-font-size-px);--learn-type-heading-2-line-height:var(--learn-subheading-s-line-height-px);--learn-type-heading-3-font-size:var(--learn-subheading-s-font-size-px);--learn-type-heading-3-line-height:var(--learn-subheading-s-line-height-px);--learn-type-heading-4-font-size:var(--learn-subheading-xs-font-size-px);--learn-type-heading-4-line-height:var(--learn-subheading-xs-line-height-px)}@media (width>=970px){:root{--learn-type-heading-1-font-size:var(--learn-heading-l-font-size-px);--learn-type-heading-1-line-height:var(--learn-heading-l-line-height-px);--learn-type-heading-2-font-size:var(--learn-heading-m-font-size-px);--learn-type-heading-2-line-height:var(--learn-heading-m-line-height-px);--learn-type-heading-3-font-size:var(--learn-subheading-m-font-size-px);--learn-type-heading-3-line-height:var(--learn-subheading-m-line-height-px);--learn-type-heading-4-font-size:var(--learn-subheading-s-font-size-px);--learn-type-heading-4-line-height:var(--learn-subheading-s-line-height-px)}}h3,.heading-1{font-size:var(--learn-type-heading-1-font-size);line-height:var(--learn-type-heading-1-line-height)}h4,.heading-2{font-size:var(--learn-type-heading-2-font-size);line-height:var(--learn-type-heading-2-line-height)}h5,.heading-3{font-size:var(--learn-type-heading-3-font-size);line-height:var(--learn-type-heading-3-line-height)}h6,.heading-4{font-size:var(--learn-type-heading-4-font-size);line-height:var(--learn-type-heading-4-line-height)}p,a,li,address,table,.bodyBase{font-family:var(--learn-font-body);font-weight:500;font-size:var(--learn-body-base-font-size-rem);line-height:var(--learn-body-base-line-height-rem)}.primaryButton{font-family:var(--learn-font-heading);font-size:var(--learn-subheading-s-font-size-rem);line-height:var(--learn-subheading-s-line-height-rem)}.textButton{font-size:var(--learn-panel-caption-bold-font-size-rem);line-height:var(--learn-panel-caption-bold-line-height-rem)}.link{font-size:var(--learn-subheading-xs-font-size-rem);line-height:var(--learn-subheading-xs-line-height-rem)}.cardDescription{font-family:var(--learn-font-header);font-size:var(--learn-subheading-xxs-font-size-rem);line-height:var(--learn-subheading-xs-line-height-rem);text-wrap:pretty;font-weight:400}:root{--color-white:#fff;--color-black:#000;--stable-color-brightest:var(--primitive-color-shade-0);--stable-color-darkest:var(--primitive-color-shade-ink-1000);--color-shade-00:var(--primitive-color-shade-0);--color-shade-30:var(--primitive-color-shade-0);--color-shade-50:var(--primitive-color-shade-50);--color-shade-100:var(--primitive-color-shade-100);--color-shade-200:var(--primitive-color-shade-300);--color-shade-300:var(--primitive-color-shade-450);--color-shade-400:var(--primitive-color-shade-450);--color-shade-500:var(--primitive-color-shade-500);--color-shade-600:var(--primitive-color-shade-700);--color-shade-700:var(--primitive-color-shade-750);--color-shade-800:var(--primitive-color-shade-850);--color-shade-900:var(--primitive-color-shade-ink-1000);--color-transparency-1:var(--primitive-color-transparent-black-5);--color-transparency-2:var(--primitive-color-transparent-black-10);--color-transparency-3:var(--primitive-color-transparent-black-5);--color-transparency-4:var(--primitive-color-transparent-black-20);--color-grid-line:var(--primitive-color-shade-400);--color-grid-box-dark:var(--primitive-color-shade-100);--color-page-background:var(--primitive-color-shade-0);--color-popup-outline:var(--primitive-color-shade-ink-1000);--color-panel-outline:var(--primitive-color-shade-ink-1000);--color-panel-background:var(--primitive-color-shade-ink-1000);--color-popover-outline:var(--primitive-color-shade-ink-1000);--color-focus-over-theme:var(--primitive-color-focus-theme);--color-focus-over-bg-shade:var(--primitive-color-focus-bg-shade-light);--color-goldfish:var(--primitive-color-decoration-goldfish);--color-goldfish-highlight:#e5b922;--color-goldfish-fade:#fccc254d;--color-goldfish-text:var(--stable-color-darkest);--color-rust:var(--primitive-color-decoration-rust);--color-rust-highlight:#e89f62;--color-rust-fade:#ffaf6c4d;--color-rust-text:var(--stable-color-darkest);--color-orange:var(--primitive-color-decoration-orange);--color-orange-highlight:#e8770e;--color-orange-fade:#ff830f4d;--color-orange-text:var(--stable-color-darkest);--color-peach:var(--primitive-color-decoration-peach);--color-peach-highlight:#e86a79;--color-peach-fade:#ff75854d;--color-peach-text:var(--stable-color-darkest);--color-pink:var(--primitive-color-decoration-pink);--color-pink-highlight:#d746da;--color-pink-fade:#ed4df04d;--color-pink-text:var(--stable-color-darkest);--color-purple:var(--primitive-color-decoration-purple);--color-purple-highlight:#5c46e8;--color-purple-fade:#654dff4d;--color-purple-text:var(--stable-color-brightest);--color-sea-blue:var(--primitive-color-decoration-sea-blue);--color-sea-blue-highlight:#3650cd;--color-sea-blue-fade:#3b58e24d;--color-sea-blue-text:var(--stable-color-brightest);--color-periwinkle:var(--primitive-color-decoration-periwinkle);--color-periwinkle-highlight:#6887df;--color-periwinkle-fade:#7294f54d;--color-periwinkle-text:var(--stable-color-darkest);--color-sky-blue:var(--primitive-color-decoration-sky-blue);--color-sky-blue-highlight:#079ae8;--color-sky-blue-fade:#08a9ff4d;--color-sky-blue-text:var(--stable-color-darkest);--color-green:var(--primitive-color-decoration-green);--color-green-highlight:#00bb80;--color-green-fade:#00ce8d4d;--color-green-text:var(--stable-color-darkest);--primitive-color-decoration-goldfish:#fccc25;--primitive-color-decoration-green:#00ce8d;--primitive-color-decoration-orange:#ff830f;--primitive-color-decoration-peach:#ff7585;--primitive-color-decoration-periwinkle:#7294f5;--primitive-color-decoration-pink:#ed4df0;--primitive-color-decoration-purple:#654dff;--primitive-color-decoration-rust:#ffaf6c;--primitive-color-decoration-sea-blue:#3b58e2;--primitive-color-decoration-sky-blue:#08a9ff;--primitive-color-shade-0:#fff;--primitive-color-shade-50:#f6f8fd;--primitive-color-shade-100:#e4e8f0;--primitive-color-shade-200:#8f9396;--primitive-color-shade-300:#bfc5d2;--primitive-color-shade-400:#949fad;--primitive-color-shade-450:#83899a;--primitive-color-shade-500:#787e8e;--primitive-color-shade-600:#61636a;--primitive-color-shade-700:#71757a;--primitive-color-shade-750:#3b3b3b;--primitive-color-shade-800:#393939;--primitive-color-shade-825:#323232;--primitive-color-shade-850:#292929;--primitive-color-shade-900:#1e1e1e;--primitive-color-shade-950:#121212;--primitive-color-shade-1000:#0d0d0d;--primitive-color-shade-ink-1000:#09004c;--primitive-color-transparent-black-5:#0000000d;--primitive-color-transparent-black-10:#0000001a;--primitive-color-transparent-black-15:#00000026;--primitive-color-transparent-black-20:#0003;--primitive-color-transparent-black-30:#0000004d;--primitive-color-transparent-black-50:#00000080;--primitive-color-transparent-white-15:#ffffff26;--primitive-color-focus-theme:#006;--primitive-color-focus-bg-shade-light:#00f;--primitive-color-focus-bg-shade-dark:#af0;--learn-color-background:var(--color-page-background);--learn-color-text:var(--color-shade-900)}:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-shade-00:var(--primitive-color-shade-ink-1000);--color-shade-30:var(--primitive-color-shade-850);--color-shade-50:var(--primitive-color-shade-900);--color-shade-100:var(--primitive-color-shade-750);--color-shade-200:var(--primitive-color-shade-600);--color-shade-300:var(--primitive-color-shade-600);--color-shade-400:var(--primitive-color-shade-400);--color-shade-500:var(--primitive-color-shade-500);--color-shade-600:var(--primitive-color-shade-200);--color-shade-700:var(--primitive-color-shade-100);--color-shade-800:var(--primitive-color-shade-0);--color-shade-900:var(--primitive-color-shade-0);--color-transparency-1:var(--primitive-color-transparent-black-10);--color-transparency-2:var(--primitive-color-transparent-black-50);--color-transparency-3:var(--primitive-color-transparent-white-15);--color-transparency-4:var(--primitive-color-transparent-white-15);--color-grid-line:var(--primitive-color-shade-950);--color-grid-box-dark:var(--primitive-color-shade-800);--color-page-background:var(--primitive-color-shade-1000);--color-popup-outline:var(--primitive-color-shade-1000);--color-panel-outline:#fff0;--color-panel-background:var(--primitive-color-shade-950);--color-popover-outline:var(--primitive-color-shade-1000);--color-focus-over-bg-shade:var(--primitive-color-focus-bg-shade-dark)}:root{--learn-transition-ease:cubic-bezier(.19, 1, .22, 1)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:0s!important}}:root{--learn-zIndex-high-1:22;--learn-zIndex-high-2:21;--learn-zIndex-high-3:20;--learn-zIndex-focus:19;--embed-zIndex:10;--learn-zIndex-negative:-1}body{--learn-embed-background:var(--color-shade-30);--embed-color-session-preview-note-fill:var(--primitive-color-shade-900);--embed-color-xy-ring:var(--color-shade-900);--embed-color-xy-glyph:var(--theme-color-foreground-text);--embed-color-xy-container-background:var(--learn-color-background);--embed-color-xy-background:var(--color-shade-100);--embed-color-xy-axis:var(--color-shade-900);--embed-color-radio-border:var(--color-shade-100);--embed-color-radio-background-inactive:var(--learn-embed-background);--embed-color-radio-background-active:var(--theme-color-foreground);--embed-color-radio-text-inactive:var(--learn-color-text);--embed-color-radio-text-active:var(--theme-color-foreground-text);--embed-color-playable-pad-pad-background:var(--theme-color-foreground);--embed-color-playable-pad-pad-background-held:var(--theme-color-foreground-highlight);--embed-color-playable-pad-key-text:var(--theme-color-foreground-text);--embed-color-playable-pad-pad-outline-held:color-mix(in srgb, var(--theme-color-foreground-text) 80%, transparent);--embed-color-loop-brace-background:var(--color-shade-50);--embed-color-loop-marker:var(--theme-color-foreground);--embed-color-grid-line-strong:color-mix(in srgb, var(--color-black) 25%, transparent);--embed-color-grid-line-mild:color-mix(in srgb, var(--color-black) 15%, transparent);--embed-color-grid-line-weak:color-mix(in srgb, var(--color-black) 10%, transparent);--embed-color-playhead:var(--color-shade-800);--embed-color-midi-editor-row-stroke:var(--embed-color-grid-line-strong);--embed-color-midi-editor-light-row-background:transparent;--embed-color-midi-editor-dark-row-background:var(--color-shade-100);--embed-color-midi-editor-octave-highlight:color-mix(in srgb, var(--theme-color-foreground) 35%, transparent);--embed-color-midi-editor-scale-highlight:color-mix(in srgb, var(--theme-color-foreground) 25%, transparent);--embed-color-midi-editor-cursor-range-fill:aquamarine;--embed-color-piano-roll-note-background:var(--theme-color-foreground);--embed-color-piano-roll-note-outline:var(--theme-color-foreground-highlight);--embed-color-piano-roll-grid-line-bar:var(--embed-color-grid-line-strong);--embed-color-piano-roll-grid-line-beat:var(--embed-color-grid-line-mild);--embed-color-piano-roll-grid-line-subdivision:var(--embed-color-grid-line-weak);--embed-color-piano-roll-vertical-band:color-mix(in srgb, var(--color-shade-100) 40%, transparent);--embed-color-piano-roll-playhead:var(--embed-color-playhead);--embed-color-piano-roll-lasso:var(--color-shade-800);--embed-color-piano-roll-beat-ruler-background:var(--color-shade-30);--embed-color-piano-roll-beat-ruler-text:var(--color-shade-700);--embed-color-piano-roll-loop-brace-background:var(--embed-color-loop-brace-background);--embed-color-piano-roll-loop-marker:var(--embed-color-loop-marker);--embed-color-note-index-inactive-color-passive-background:var(--color-shade-400);--embed-color-note-index-inactive-color-active-background:var(--color-shade-400);--embed-color-note-index-inactive-color-text:var(--color-white);--embed-color-note-index-inactive-color-outline:var(--color-shade-400);--embed-color-note-index-0-color-passive-background:var(--color-goldfish);--embed-color-note-index-0-color-active-background:var(--color-goldfish-highlight);--embed-color-note-index-0-color-text:var(--color-black);--embed-color-note-index-0-color-outline:var(--color-goldfish);--embed-color-note-index-1-color-passive-background:var(--color-rust);--embed-color-note-index-1-color-active-background:var(--color-rust-highlight);--embed-color-note-index-1-color-text:var(--color-black);--embed-color-note-index-1-color-outline:var(--color-rust);--embed-color-note-index-2-color-passive-background:var(--color-orange);--embed-color-note-index-2-color-active-background:var(--color-orange-highlight);--embed-color-note-index-2-color-text:var(--color-black);--embed-color-note-index-2-color-outline:var(--color-orange);--embed-color-note-index-3-color-passive-background:var(--color-peach);--embed-color-note-index-3-color-active-background:var(--color-peach-highlight);--embed-color-note-index-3-color-text:var(--color-black);--embed-color-note-index-3-color-outline:var(--color-peach);--embed-color-note-index-4-color-passive-background:var(--color-pink);--embed-color-note-index-4-color-active-background:var(--color-pink-highlight);--embed-color-note-index-4-color-text:var(--color-black);--embed-color-note-index-4-color-outline:var(--color-pink);--embed-color-note-index-5-color-passive-background:var(--color-purple);--embed-color-note-index-5-color-active-background:var(--color-purple-highlight);--embed-color-note-index-5-color-text:var(--color-white);--embed-color-note-index-5-color-outline:var(--color-purple);--embed-color-note-index-6-color-passive-background:var(--color-sea-blue);--embed-color-note-index-6-color-active-background:var(--color-sea-blue-highlight);--embed-color-note-index-6-color-text:var(--color-white);--embed-color-note-index-6-color-outline:var(--color-sea-blue);--embed-color-note-index-7-color-passive-background:var(--color-periwinkle);--embed-color-note-index-7-color-active-background:var(--color-periwinkle-highlight);--embed-color-note-index-7-color-text:var(--color-black);--embed-color-note-index-7-color-outline:var(--color-periwinkle);--embed-color-note-index-8-color-passive-background:var(--color-sky-blue);--embed-color-note-index-8-color-active-background:var(--color-sky-blue-highlight);--embed-color-note-index-8-color-text:var(--color-black);--embed-color-note-index-8-color-outline:var(--color-sky-blue);--embed-color-note-index-9-color-passive-background:var(--color-green);--embed-color-note-index-9-color-active-background:var(--color-green-highlight);--embed-color-note-index-9-color-text:var(--color-black);--embed-color-note-index-9-color-outline:var(--color-green);--embed-color-metronome-bg:var(--learn-embed-background);--embed-color-metronome-body:var(--color-shade-300);--embed-color-metronome-dot:var(--color-shade-900);--embed-color-slider-track:var(--color-shade-300);--embed-color-slider-progress:var(--theme-color-foreground);--embed-color-slider-progress-active:var(--theme-color-foreground-highlight);--embed-color-slider-thumb-stroke:var(--color-shade-900);--embed-color-slider-thumb-fill-hover:var(--theme-color-foreground);--embed-color-slider-thumb-stroke-hover:var(--theme-color-foreground);--embed-color-slider-thumb-fill-active:var(--theme-color-foreground-highlight);--embed-color-slider-thumb-stroke-active:var(--theme-color-foreground-highlight);--embed-color-slider-thumb-fill-focus:var(--theme-color-foreground);--embed-color-slider-thumb-stroke-focus:var(--theme-color-foreground);--embed-color-floating-numbox-popover-background:var(--color-page-background);--embed-color-floating-numbox-trigger-background-hover:var(--color-shade-200);--embed-color-floating-numbox-trigger-background-closed:var(--color-shade-100);--embed-color-floating-numbox-trigger-background-open:var(--theme-color-foreground);--embed-color-floating-numbox-trigger-color-closed:var(--learn-color-text);--embed-color-floating-numbox-trigger-color-open:var(--theme-color-foreground-text);--embed-color-numeric-text-border:var(--color-shade-300);--embed-color-numeric-text-background:var(--learn-embed-background);--embed-color-base-text-border:var(--color-shade-300);--embed-color-base-text-background:var(--learn-embed-background);--embed-color-icon:var(--color-shade-400);--embed-color-play-stop-background:var(--color-shade-900);--embed-color-play-stop-background-hover:color-mix(in srgb, var(--color-shade-900) 80%, transparent);--embed-color-play-stop-foreground:var(--color-shade-00);--embed-patcher-author-view-background:var(--color-shade-100);--embed-patcher-author-view-container-background:var(--color-shade-100);--embed-patcher-author-view-container-text:var(--color-shade-900);--embed-patcher-author-view-color:var(--color-shade-900);--embed-patcher-author-view-foreground:var(--theme-color-foreground);--embed-patcher-author-view-foreground-text:var(--theme-color-foreground-text);--embed-patcher-main-menu-background:var(--color-shade-100);--embed-patcher-main-menu-color:var(--color-shade-900);--embed-patcher-background:var(--color-shade-50);--embed-patcher-node-background:var(--color-shade-50);--embed-patcher-node-header-background:var(--color-shade-100);--embed-patcher-node-border:var(--color-shade-400);--embed-patcher-breakout-divider:var(--color-shade-200);--embed-color-tag-button-text-active:var(--learn-color-text);--embed-color-metronome-toggle-background:var(--theme-color-foreground);--embed-color-metronome-toggle-color:var(--theme-color-foreground-text);--embed-color-presentation-abl:var(--color-orange);--embed-color-presentation-container:var(--color-green);--embed-color-presentation-panel:var(--color-goldfish);--embed-color-presentation-control:var(--color-purple);--embed-color-presentation-globals:var(--color-sea-blue)}[data-theme=dark] body{--embed-color-grid-line-strong:color-mix(in srgb, var(--color-black) 80%, transparent);--embed-color-grid-line-mild:color-mix(in srgb, var(--color-black) 50%, transparent);--embed-color-grid-line-weak:color-mix(in srgb, var(--color-black) 20%, transparent);--embed-color-piano-roll-vertical-band:color-mix(in srgb, var(--color-shade-100) 20%, transparent);--embed-color-midi-editor-light-row-background:var(--color-shade-30);--embed-color-midi-editor-dark-row-background:#1f1f1f}:root{--embed-transition-ease:var(--learn-transition-ease);--embed-author-view-zIndex:var(--embed-zIndex);--embed-patcher-connections-zIndex:calc(var(--embed-zIndex) + 1);--embed-patcher-node-zIndex:calc(var(--embed-zIndex) + 2);--embed-patcher-node-top-zIndex:calc(var(--embed-zIndex) + 3);--embed-patcher-lasso-zIndex:calc(var(--embed-zIndex) + 4);--embed-patcher-command-palette-zIndex:calc(var(--embed-zIndex) + 5);--embed-patcher-share-dialog-zIndex:calc(var(--embed-zIndex) + 6);--focus-ring-width:2px;--focus-ring-style:solid;--focus-ring-color:var(--color-focus-over-bg-shade);--focus-ring-offset:.25lh;--learn-outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color)}:focus-visible{outline-offset:var(--focus-ring-offset);outline:var(--learn-outline)}.tertiaryButton{box-sizing:border-box;background:var(--color-shade-100);font-family:var(--learn-font-heading);font-size:var(--learn-subheading-xxs-font-size-rem);line-height:var(--learn-subheading-xxs-line-height-rem);cursor:pointer;--active-color:color-mix(in srgb, var(--color-shade-100) 95%, var(--primitive-color-transparent-black-5));border:none;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:8px 24px;font-style:normal;font-weight:450;display:flex}@media (hover:hover){.tertiaryButton:hover{background:var(--active-color)}}.tertiaryButton:active{background:var(--active-color)}.tertiaryButton:focus-visible{--focus-ring-offset:-2px}.tertiaryButton:disabled,.tertiaryButton[aria-disabled]{opacity:.3}:root{--layout-grid-columns:repeat(6, minmax(0, 1fr));--layout-grid-column-gap:20px;--layout-margin-inline:16px;--layout-max-width:initial;--layout-header-height:55px;--paginator-height:4.2rem;--immersive-content-stack-block-padding:8px;--immersive-content-stack-inline-size:calc(100% - var(--layout-margin-inline) - var(--layout-margin-inline) - (100vw - 100%));--immersive-content-stack-block-start:calc(var(--layout-header-height) + var(--immersive-content-stack-block-padding));--immersive-content-stack-block-end:calc(var(--paginator-height) + var(--immersive-content-stack-block-padding))}.layoutShell{margin-inline:var(--layout-margin-inline);max-width:var(--layout-max-width);box-sizing:border-box;grid-template-columns:var(--layout-grid-columns);column-gap:var(--layout-grid-column-gap);grid-auto-rows:max-content;padding-block:24px 100px;display:grid}.layoutWide{--layout-margin-inline:24px;margin-block-start:var(--layout-header-height)}.layoutShell>*{grid-column:1/-1;margin-block-start:var(--learn-spacing-layout-s)}.layoutShell>p:empty{display:none!important}.layoutShell>:first-child{margin-block-start:0}:is(.layoutShell,.immersiveGrid)>:is(p,ul,ol){margin-block-start:var(--learn-spacing-paragraph)}h1+h2,h3{margin-block-start:var(--learn-spacing-layout-m)}h2{margin-block-start:var(--learn-spacing-layout-l)}h3+*{margin-block-start:var(--learn-spacing-layout-2-xs)}footer{padding-block-start:var(--learn-spacing-layout-xl);padding-block-end:var(--learn-spacing-layout-l)}.immersiveGrid{--immersive-inline-padding:var(--layout-margin-inline);grid-template-columns:var(--layout-grid-columns);column-gap:var(--layout-grid-column-gap);box-sizing:border-box;height:100%;padding-inline-start:calc(var(--immersive-inline-padding) + (100vw - 100%));padding-inline-end:var(--immersive-inline-padding);display:grid}[data-interactive-loading] [data-interactive-content],.immersiveGrid[aria-hidden=true]{opacity:0;visibility:hidden}[data-interactive-content]{transition:opacity .3s,visibility .3s}@media (width>=970px){:root{--layout-grid-columns:repeat(14, minmax(0, 1fr));--layout-grid-column-gap:10px;--layout-margin-inline:0px;--layout-max-width:720px;--layout-header-height:80px;--immersive-content-stack-block-padding:32px;--interactive-grid-content-inline-size:620px;--immersive-content-stack-inline-size:var(--interactive-grid-content-inline-size);--interactive-grid-columns:1fr var(--interactive-grid-content-inline-size) 1fr;--interactive-grid-gap:40px;--interactive-grid-edge-padding:20px}.layoutWide{--layout-margin-inline:30px;--layout-max-width:initial}.layoutShell:not(.layoutWide){margin-inline:auto}.immersiveGrid{grid-template-columns:var(--interactive-grid-columns);column-gap:var(--interactive-grid-gap)}h1+h2,h3{margin-block-start:var(--learn-spacing-layout-s)}h2{margin-block-start:var(--learn-spacing-layout-m)}}@media (width>=1340px){.layoutWide{--layout-max-width:1280px;--layout-margin-inline:0px;margin-inline:auto}}@media (width>=1440px){.layoutWide{--layout-grid-column-gap:20px}}.main{--footer-min-height:540px;min-height:calc(100svh - var(--footer-min-height));margin-block-start:var(--layout-header-height)}main{scroll-margin-block-start:var(--layout-header-height)}main:focus-visible{outline-color:#0000}