dialog.svelte-15brh91{position:fixed;top:var(--layout-header-height);bottom:auto;left:0;right:0;margin:0;box-sizing:border-box;background:var(--color-green);color:var(--color-green-text);padding:13px 15px 12px;display:flex;justify-content:space-between;align-items:center;border:none;font-family:var(--learn-font-heading);font-size:var(--learn-subheading-xs-font-size-rem);font-style:normal;font-weight:450;line-height:var(--learn-subheading-xs-line-height-rem);width:auto;max-width:none;outline-offset:-2px;outline-color:var(--color-focus-over-theme)}button.svelte-15brh91{appearance:none;background:none;border:1.5px solid currentColor;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);display:flex;padding:8px 16px}button.svelte-15brh91:focus-visible{outline-color:var(--color-focus-over-theme)}@media(min-width:970px){dialog.svelte-15brh91{justify-content:space-evenly;padding-inline:200px}}@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{font-family:inherit;color:inherit}:target{scroll-margin-block:5ex}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);margin:0;overflow-x:clip}aside{padding:20px;background:#fbffa7;color:var(--color-dark-blue)}aside>p{padding:0;margin:0}li{line-height:1.5}main>ul li{margin-block-start:8px}main>ol li{margin-block-start:8px}a{color:inherit;text-decoration:underline}a:active{outline:none}img{max-inline-size:100%;block-size:auto}.visually-hidden{display:block;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(1px);white-space:nowrap;position:absolute}pre{white-space:pre-wrap}summary{cursor:pointer;position:relative}details ul{list-style:none}.rust{--learn-color-background-fill: var(--color-rust)}.green{--learn-color-background-fill: var(--color-green)}.blue{--learn-color-background-fill: var(--color-blue)}.peach{--learn-color-background-fill: var(--color-peach)}.purple{--learn-color-background-fill: var(--color-purple)}.magenta{--learn-color-background-fill: var(--color-magenta)}.orange{--learn-color-background-fill: var(--color-orange)}.icon{height:.75em;width:.75em}translations{display:none}.inline-learn-icon{width:var(--learn-body-base-font-size-rem);height:var(--learn-body-base-font-size-rem);--icon-main-color: var(--learn-color-text)}h1,h2,h3,h4{text-wrap:balance}[data-floating]{width:max-content;position:absolute;top:0;left:0}.visuallyHiddenButScreenreaderAccessible{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}header{box-sizing:border-box;display:grid;grid-template-columns:max-content auto max-content;column-gap:var(--interactive-grid-gap);align-items:center;gap:var(--header-gap, 16px);width:100%;height:var(--layout-header-height);background:var(--learn-color-background);--header-text-color: var(--learn-color-text);padding-right:16px}.header-left-link,.header-left-link-filled{--focus-ring-offset: -2px}.header-left-link{background:var(--learn-color-background);border:none;margin:0;padding:0;height:var(--layout-header-height);aspect-ratio:1;display:flex;justify-content:center;align-items:center}.header-left-link>*{width:42px;height:42px}@media(min-width:970px){header{padding-right:40px}.header-left-link{grid-column:1;grid-row: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)}}}:root{--const-spacing-4-xs: .125rem;--const-spacing-3-xs: .24rem;--const-spacing-2-xs: .5rem;--const-spacing-xs: .75rem;--const-spacing-s: 1rem;--const-spacing-m: 1.5rem;--const-spacing-l: 2rem;--const-spacing-xl: 2.5rem;--const-spacing-2-xl: 3rem;--const-spacing-3-xl: 3.5rem;--const-spacing-4-xl: 4rem;--const-spacing-5-xl: 4.5rem;--learn-spacing-4-xs: var(--const-spacing-4-xs);--learn-spacing-3-xs: var(--const-spacing-3-xs);--learn-spacing-2-xs: var(--const-spacing-2-xs);--learn-spacing-xs: var(--const-spacing-xs);--learn-spacing-s: var(--const-spacing-s);--learn-spacing-m: var(--const-spacing-m);--learn-spacing-l: var(--const-spacing-l);--learn-spacing-xl: var(--const-spacing-xl);--learn-spacing-2-xl: var(--const-spacing-2-xl);--learn-spacing-3-xl: var(--const-spacing-3-xl);--learn-spacing-4-xl: var(--const-spacing-4-xl);--learn-spacing-5-xl: var(--const-spacing-5-xl);--const-spacing-layout-xl: 5.62rem;--const-spacing-layout-l: 3rem;--const-spacing-layout-m: 2rem;--const-spacing-layout-s: 1.5rem;--const-spacing-layout-xs: 1.5rem;--const-spacing-layout-2-xs: .75rem;--learn-spacing-layout-xl: var(--const-spacing-layout-xl);--learn-spacing-layout-l: var(--const-spacing-layout-l);--learn-spacing-layout-m: var(--const-spacing-layout-m);--learn-spacing-layout-s: var(--const-spacing-layout-s);--learn-spacing-layout-xs: var(--const-spacing-layout-xs);--learn-spacing-layout-2-xs: var(--const-spacing-layout-2-xs);--learn-spacing-paragraph: var(--const-spacing-layout-xs)}@media(min-width:970px){:root{--const-spacing-layout-xl: 8rem;--const-spacing-layout-l: 6.25rem;--const-spacing-layout-m: 4rem;--const-spacing-layout-s: 3rem;--const-spacing-layout-xs: 1.5rem;--const-spacing-layout-2-xs: 1.31rem}}html{font-size:16px}:root{--learn-font-body: "AbletonSans-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--learn-font-heading: "Futura PT Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--learn-font-header: "Futura PT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--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-font-size-aside: 1rem;--learn-line-height-aside: 1.5rem}@media(min-width:970px){:root{--learn-font-size-aside: 1rem;--learn-line-height-aside: 1.5rem}}:root{--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(min-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,.display-1{font-family:var(--learn-font-heading);font-style:normal;font-weight:450;font-size:var(--learn-type-display-1-font-size);line-height:var(--learn-type-display-1-line-height)}h2,.display-2{font-family:var(--learn-font-heading);font-style:normal;font-weight:450;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(min-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-family:var(--learn-font-heading);font-style:normal;font-weight:450;font-size:var(--learn-type-heading-1-font-size);line-height:var(--learn-type-heading-1-line-height)}h4,.heading-2{font-family:var(--learn-font-heading);font-style:normal;font-weight:450;font-size:var(--learn-type-heading-2-font-size);line-height:var(--learn-type-heading-2-line-height)}h5,.heading-3{font-family:var(--learn-font-heading);font-style:normal;font-weight:450;font-size:var(--learn-type-heading-3-font-size);line-height:var(--learn-type-heading-3-line-height)}h6,.heading-4{font-family:var(--learn-font-heading);font-style:normal;font-weight:450;font-size:var(--learn-type-heading-4-font-size);line-height:var(--learn-type-heading-4-line-height)}p,a,li,address,table,aside,.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);font-weight:400;text-wrap:pretty}:root{color-scheme:light dark;--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-grid-box-light: var(--primitive-color-shade-50);--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-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: #ffffff;--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: #00000033;--primitive-color-transparent-black-30: #0000004d;--primitive-color-transparent-black-50: #00000080;--primitive-color-transparent-white-15: #ffffff26;--primitive-color-focus-theme: #000066;--primitive-color-focus-bg-shade-light: #0000ff;--primitive-color-focus-bg-shade-dark: #aaff00}:root{--learn-color-background: var(--color-page-background);--learn-color-text: var(--color-shade-900)}:root:not(:is([data-theme=dark])){color-scheme:light}:root:is([data-theme=dark]){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-grid-box-light: var(--primitive-color-shade-825);--color-page-background: var(--primitive-color-shade-1000);--color-popup-outline: var(--primitive-color-shade-1000);--color-panel-outline: #ffffff00;--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){body{scroll-behavior:auto}*{-webkit-animation-duration:0s!important;animation-duration:0s!important;transition:none!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{--embed-color-decoration-1: var(--color-goldfish);--embed-color-decoration-2: var(--color-rust);--embed-color-decoration-3: var(--color-orange);--embed-color-decoration-4: var(--color-peach);--embed-color-decoration-5: var(--color-pink);--embed-color-decoration-6: var(--color-purple);--embed-color-decoration-7: var(--color-sea-blue);--embed-color-decoration-8: var(--color-periwinkle);--embed-color-decoration-9: var(--color-sky-blue);--embed-color-decoration-10: var(--color-green);--learn-embed-background: var(--color-shade-30);--embed-icon-color-disabled: var(--color-shade-200);--embed-icon-color: var(--color-shade-500);--embed-icon-keyboard-border: var(--color-shade-200);--embed-icon-keyboard-icon: var(--color-shade-500);--embed-icon-keyboard-focus: var(--color-shade-200);--embed-patcher-ports-color: var(--color-shade-700);--embed-patcher-ports-send-color: var(--color-sea-blue);--embed-sample-loading-dialog-background: var(--learn-embed-background);--embed-sample-loading-dialog-text: var(--learn-color-text);--embed-loading-spinner-ring-bg: var(--color-shade-100);--embed-color-session-preview-note-fill: var(--primitive-color-shade-900);--embed-color-xy-ring: var(--color-shade-900);--embed-color-xy-ring-fill: var(--theme-color-foreground-text);--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-switch-background-off: var(--color-shade-30);--embed-color-switch-background-on: var(--theme-color-foreground);--embed-color-switch-thumb-off: var(--color-shade-400);--embed-color-switch-thumb-on: var(--color-shade-50);--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-playable-pad-key-text-held: color-mix( in srgb, var(--theme-color-foreground-text) 80%, transparent );--embed-color-playable-pad-pad-background-alternative: var( --theme-color-alternative );--embed-color-playable-pad-pad-background-held-alternative: var( --theme-color-alternative-highlight );--embed-color-playable-pad-key-text-alternative: var( --theme-color-alternative-text );--embed-color-playable-pad-pad-outline-held-alternative: color-mix( in srgb, var(--theme-color-alternative-text) 80%, transparent );--embed-color-playable-pad-key-text-held-alternative: color-mix( in srgb, var(--theme-color-alternative-text) 80%, transparent );--embed-color-loop-brace-background: var(--color-shade-50);--embed-color-loop-marker: var(--theme-color-foreground);--embed-color-loop-shade: var(--color-shade-800);--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-cursor: 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) 10%, var(--fill-color) );--embed-color-midi-editor-cursor-stroke: orange;--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-note-outline-selected: var(--color-shade-800);--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-piano-roll-velocity-editor-background: var( --learn-embed-background );--embed-color-piano-roll-recording-overlay-background: #f94e62;--embed-sonogram-filter: none;--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-tap-tempo-tap-rect: var(--theme-color-foreground);--embed-color-tap-tempo-led: var(--color-shade-500);--embed-color-tap-tempo-led-active-high: var(--color-pink);--embed-color-tap-tempo-led-active-low: var(--color-goldfish);--embed-color-tap-tempo-led-active-center: var(--color-green);--embed-color-tap-tempo-tip-background: var(--color-white);--embed-color-tap-tempo-tip-text: var(--color-dark-blue);--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-fill: var(--color-shade-900);--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-unit-color-closed: var( --color-shade-500 );--embed-color-floating-numbox-trigger-unit-color-open: var( --theme-color-foreground-text );--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-select-border: var(--color-shade-00);--embed-color-select-background: var(--color-shade-00);--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-color-button-background: var(--learn-embed-background);--embed-color-button-text: var(--learn-color-text);--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-action-button-background-active: var(--color-shade-200);--embed-color-tag-button-background: var(--color-shade-30);--embed-color-tag-button-text: var(--color-shade-400);--embed-color-tag-button-background-active: var(--color-shade-50);--embed-color-tag-button-text-active: var(--learn-color-text);--embed-color-select-control-background: var(--color-shade-00);--embed-color-select-control-background-option-a: var(--color-shade-200);--embed-color-select-control-background-option-b: var(--color-shade-300);--embed-color-select-control-text: 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;--embed-color-midi-editor-octave-highlight: color-mix( in srgb, var(--theme-color-foreground) 10%, var(--fill-color) );--embed-sonogram-filter: invert(1)}:root{--embed-transition-ease: var(--learn-transition-ease)}:root{--const-embed-spacing-4-xs: .125rem;--const-embed-spacing-3-xs: .24rem;--const-embed-spacing-2-xs: .5rem;--const-embed-spacing-xs: .75rem;--const-embed-spacing-s: 1rem;--const-embed-spacing-m: 1.5rem;--const-embed-spacing-l: 2rem;--const-embed-spacing-xl: 2.5rem;--const-embed-spacing-2-xl: 3rem;--const-embed-spacing-3-xl: 3.5rem;--const-embed-spacing-4-xl: 4rem;--const-embed-spacing-5-xl: 4.5rem}:root{--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-hidden-connections-warning-zIndex: calc( var(--embed-zIndex) + 5 );--embed-patcher-command-palette-zIndex: calc(var(--embed-zIndex) + 6);--embed-patcher-share-dialog-zIndex: calc(var(--embed-zIndex) + 7)}:root{--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)}:root{--layout-grid-columns: repeat(6, minmax(0, 1fr));--layout-grid-rows: repeat(auto-fit, max-content);--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) )}*{margin:0}.layoutShell{margin-inline:var(--layout-margin-inline);max-width:var(--layout-max-width);box-sizing:border-box;display:grid;grid-template-columns:var(--layout-grid-columns);grid-auto-rows:max-content;column-gap:var(--layout-grid-column-gap);padding-block:24px 100px}.layoutWide{margin-block-start:var(--layout-header-height);--layout-margin-inline: 24px}.layoutShell>*{grid-column:1 / -1}.layoutShell>p:empty{display:none!important}.layoutShell>*:first-child{margin-block-start:0}.layoutShell>*{margin-block-start:var(--learn-spacing-layout-s)}.layoutShell>p,.layoutShell>ul,.layoutShell>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);display:grid;grid-template-columns:var(--layout-grid-columns);column-gap:var(--layout-grid-column-gap);padding-inline-start:calc(var(--immersive-inline-padding) + (100vw - 100%));padding-inline-end:var(--immersive-inline-padding);height:100%;box-sizing:border-box}[data-interactive-loading] [data-interactive-content]{opacity:0;visibility:hidden}[data-interactive-content]{transition:opacity .3s ease,visiblity .3s ease}.immersiveGrid[aria-hidden=true]{opacity:0;visibility:hidden}.immersiveGrid>p,.immersiveGrid>ul,.immersiveGrid>ol{margin-block-start:var(--learn-spacing-paragraph)}@media(min-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}.layoutShell>*{grid-column:1 / -1}.layoutWide{--layout-margin-inline: 30px;--layout-max-width: initial}.layoutShell:not(.layoutWide){margin-inline:auto}:root{--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}.immersiveGrid{grid-template-columns:var(--interactive-grid-columns);column-gap:var(--interactive-grid-gap)}.embed-inline,.embed{margin-block-start:var(--learn-spacing-layout-xs)}h1+h2,h3{margin-block-start:var(--learn-spacing-layout-s)}h2{margin-block-start:var(--learn-spacing-layout-m)}footer{padding-block-end:var(--§arn-spacing-layout-l)}}@media(min-width:1340px){.layoutWide{--layout-max-width: 1280px;--layout-margin-inline: 0px;margin-inline:auto}}@media(min-width:1440px){.layoutWide{--layout-grid-column-gap: 20px;padding-inline:0px}}.full-width{grid-column:1 / -1}body.isEmbedExpanded{overflow:hidden}.main{margin-block-start:var(--layout-header-height);--footer-min-height: 540px;min-height:calc(100vh - --footer-min-height)}@supports (min-height: 100svh){.main{min-height:calc(100svh - var(--footer-min-height))}}main{scroll-margin-block-start:var(--layout-header-height)}main:focus-visible{outline-color:transparent}