:root{--app-primary-color: var(--kodality-orange);--app-background-color: var(--gray-3);--app-text-color: var(--gray-7);--app-text-selection-color: var(--gray-9);--app-text-selection-background: #223A4B;--app-text-color-secondary: var(--gray-6);--app-link-text-color: var(--kodality-orange);--app-border-color: var(--gray-5);--app-border-width: 1px;--app-border: var(--app-border-width) solid var(--app-border-color)}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--white: #fff;--black: #000;--kodality-orange: #EC662B;--gray-1: #000000;--gray-2: #141414;--gray-3: #1D1D1D;--gray-4: #262626;--gray-5: #585858;--gray-6: #999999;--gray-7: #D5D5D5;--gray-8: #E6E6E6;--gray-9: #FFFFFF;--golden-sand: #DDBA7F;--golden-sand-dark: #604622;--blue-haze: #BAB2CC;--blue-haze-dark: #463E5C;--green-moss: #7CA58D;--green-moss-dark: #224B33;--pink-rose: #C49FA2;--pink-rose-dark: #52272B;--gray-storm: #7C94A5;--gray-storm-dark: #223A4B;--danger-0: #B41C2B;--danger-20: #851D22;--danger-40: #581919;--danger-60: #2F1310}@supports (color: color(display-p3 .9255 .4 .1686)){:root{--kodality-orange: color(display-p3 .9255 .4 .1686)}}.hero__title--large,.medium-72{font-weight:500;font-size:4.5rem;line-height:110%}.hero__title,.medium-48{font-weight:500;font-size:3rem;line-height:110%}.section__header .kw-container h2,.medium-32{font-weight:500;font-size:2rem;line-height:110%}.medium-28{font-weight:500;font-size:1.75rem;line-height:110%}.hero__description,.medium-20{font-weight:500;font-size:1.25rem;line-height:110%}.medium-18{font-weight:500;font-size:1.125rem;line-height:130%}.medium-16{font-weight:500;font-size:1rem;line-height:130%}.mono-48{font-family:RoobertMono,serif;font-weight:650;font-size:3rem;line-height:110%}.mono-28{font-family:RoobertMono,serif;font-weight:650;font-size:1.75rem;line-height:110%}.mono-20{font-family:RoobertMono,serif;font-weight:650;font-size:1.25rem;line-height:110%}.mono-18{font-family:RoobertMono,serif;font-weight:650;font-size:1.125rem;line-height:130%}.mono-16{font-family:RoobertMono,serif;font-weight:650;font-size:1rem;line-height:130%}.mono-14{font-family:RoobertMono,serif;font-weight:650;font-size:.875rem;line-height:130%}@media only screen and (width <= 768px){h1{font-size:1.75rem}.hero__title--large,.medium-72{font-size:3rem;line-height:110%}.hero__title,.medium-48{font-size:1.75rem;line-height:110%}.section__header .kw-container h2,.medium-32{font-size:1.5rem;line-height:110%}.medium-28{font-size:1.25rem;line-height:110%}.mono-48{font-size:1.75rem;line-height:110%}.mono-20{font-size:.875rem;line-height:110%}}:root{--font-family: "Roobert", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}html,body{height:100%}html{font-size:16px;box-sizing:border-box;scroll-behavior:smooth}body{background-color:var(--app-background-color, #1D1D1D);padding:0;margin:0;font-family:var(--font-family),serif;color:var(--app-text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body ::selection{color:var(--app-text-selection-color);background-color:var(--app-text-selection-background)}kw-root{height:100%;display:flex;flex-direction:column}kw-root>ng-component{flex:1 0 auto;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:inherit}.kw-container{padding-inline:1rem;max-width:1712px;margin-inline:auto}.kw-container--sm{max-width:1393px}.primary{color:var(--app-primary-color)}.secondary{color:var(--app-text-color-secondary)}.white{color:var(--white)}.upper{text-transform:uppercase}.bold{font-weight:700}code{font-family:RoobertMono,serif}ul li{list-style-type:square}ul li::marker{color:var(--app-primary-color)}a{color:var(--app-link-text-color)}a.with-icon{display:inline-flex;align-items:center;gap:.5rem}a.with-icon kw-icon{display:flex;color:var(--app-primary-color)}a.convo-link{all:unset;border-radius:.5rem}a.convo-link:focus .title{color:var(--app-primary-color)}.hero{margin-block:11.5rem 5rem}.hero__title{max-width:700px;margin-block:0 2rem}.hero__title--large{margin-bottom:2rem}.hero__description{line-height:130%;margin-bottom:0;max-width:700px}@media only screen and (width <= 768px){.hero{max-width:unset;margin-block:5rem 2rem}.hero__title{margin-block:0 1.5rem}}.section__header{padding-block:1.5rem 2rem}.section__header--bordered{border-bottom:1px solid var(--gray-5)}.section__header .kw-container{display:flex;justify-content:space-between;align-items:center}.section__header .kw-container h2{margin:0}@media only screen and (width <= 768px){.section__header{padding-block:1.5rem 1.5rem}}.tag{font-family:RoobertMono,serif;font-size:1rem;line-height:130%;text-transform:uppercase;color:var(--tag-color);display:flex;align-items:center}.tag:before{content:"";display:inline-block;background:var(--tag-color, var(--app-text-color));height:.625rem;width:.625rem;margin-right:.8125rem;aspect-ratio:1/1}.tag.golden{--tag-color: var(--golden-sand)}.tag.golden-dark{--tag-color: var(--golden-sand-dark)}.tag.blue{--tag-color: var(--blue-haze)}.tag.blue-dark{--tag-color: var(--blue-haze-dark)}.tag.green{--tag-color: var(--green-moss)}.tag.green-dark{--tag-color: var(--green-moss-dark)}.tag.pink{--tag-color: var(--pink-rose)}.tag.pink-dark{--tag-color: var(--pink-rose-dark)}.tag.gray{--tag-color: var(--gray-storm)}.tag.gray-dark{--tag-color: var(--gray-storm-dark)}.tablist{width:min-content;display:flex;gap:1rem;overflow:auto;white-space:nowrap}.tablist:hover .tab.active{cursor:unset}.tablist:hover .tab:not(:hover){opacity:.4}.tablist .tab{padding-block:1rem;border-bottom:3px solid transparent;transition:.2s ease;text-decoration:none}.tablist .tab:hover{cursor:pointer}.tablist .tab.selected{border-bottom-color:var(--gray-6)}.render.cols-200{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));column-gap:2rem}kw-markdown>*:first-child.npt,kw-markdown>*:first-child.np{margin-top:unset}kw-markdown>:last-child.nptb,kw-markdown>*:first-child.np{margin-bottom:unset}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - var(--marquee-offset, 0px)))}}.marquee__track{animation:marquee 15s linear infinite;width:max-content}.marquee__container:hover .marquee__track{animation-play-state:paused!important}.marquee__track.no-animation .marquee__extra{display:none}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in-350ms{animation:fade-in .35s;animation-fill-mode:forwards;animation-play-state:paused}.animate-fade-in-350ms:not(.no-animation){opacity:0}@keyframes fade-in-from-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade_in_from_bottom-350ms{animation:fade-in-from-bottom .35s;animation-fill-mode:forwards;animation-play-state:paused}.animate-fade_in_from_bottom-350ms:not(.no-animation){opacity:0}@keyframes fade-in-from-top{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fade_in-350ms{animation:fade-in-from-top .35s;animation-fill-mode:forwards;animation-play-state:paused}.animate-fade_in-350ms:not(.no-animation){opacity:0}.animate-delay-100ms{animation-delay:.1s}.animate-delay-200ms{animation-delay:.2s}.animate-delay-300ms{animation-delay:.3s}.animate-delay-400ms{animation-delay:.4s}.animate-delay-500ms{animation-delay:.5s}.animate-delay-600ms{animation-delay:.6s}.animate-delay-700ms{animation-delay:.7s}.animate-delay-800ms{animation-delay:.8s}.animate{animation-play-state:running}.no-animation{animation:none}