.abcjs-inline-audio{height:26px;padding:0 5px;border-radius:3px;background-color:#424242;display:flex;align-items:center;box-sizing:border-box}.abcjs-inline-audio.abcjs-disabled{opacity:.5}.abcjs-inline-audio .abcjs-btn{display:block;width:28px;height:34px;margin-right:2px;padding:7px 4px;background:none!important;border:1px solid transparent;box-sizing:border-box;line-height:1}.abcjs-btn g{fill:#f4f4f4;stroke:#f4f4f4}.abcjs-inline-audio .abcjs-btn:hover g{fill:#ccc;stroke:#ccc}.abcjs-inline-audio .abcjs-midi-selection.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-reset.abcjs-pushed{border:1px solid #cccccc;background-color:#666;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-start .abcjs-pause-svg,.abcjs-inline-audio .abcjs-midi-start .abcjs-loading-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-play-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-loading .abcjs-play-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-pause-svg{display:block}.abcjs-inline-audio .abcjs-midi-progress-background{background-color:#424242;height:10px;border-radius:5px;border:2px solid #cccccc;margin:0 8px 0 15px;position:relative;flex:1;padding:0;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-progress-indicator{width:20px;margin-left:-10px;height:14px;background-color:#f4f4f4;position:absolute;display:inline-block;border-radius:6px;top:-4px;left:0;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-clock{margin-left:4px;margin-top:1px;margin-right:2px;display:inline-block;font-family:sans-serif;font-size:16px;box-sizing:border-box;color:#f4f4f4}.abcjs-inline-audio .abcjs-tempo-wrapper{font-size:10px;color:#f4f4f4;box-sizing:border-box;display:flex;align-items:center}.abcjs-inline-audio .abcjs-midi-tempo{border-radius:2px;border:none;margin:0 2px 0 4px;width:42px;padding-left:2px;box-sizing:border-box}.abcjs-inline-audio .abcjs-loading .abcjs-loading-svg{display:inherit}.abcjs-inline-audio .abcjs-loading{outline:none;animation-name:abcjs-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}.abcjs-inline-audio .abcjs-loading-svg circle{stroke:#f4f4f4}@keyframes abcjs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.abcjs-large .abcjs-inline-audio{height:52px}.abcjs-large .abcjs-btn{width:56px;height:52px;font-size:28px;padding:6px 8px}.abcjs-large .abcjs-midi-progress-background{height:20px;border:4px solid #cccccc}.abcjs-large .abcjs-midi-progress-indicator{height:28px;top:-8px;width:40px}.abcjs-large .abcjs-midi-clock{font-size:32px;margin-right:10px;margin-left:10px;margin-top:-1px}.abcjs-large .abcjs-midi-tempo{font-size:20px;width:50px}.abcjs-large .abcjs-tempo-wrapper{font-size:20px}.abcjs-css-warning{display:none}:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5)}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5)}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.block{display:block}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.overflow-unset\!{overflow:unset!important}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-1em{padding-top:1em}:root{background:oklch(var(--white));color:oklch(var(--black))}:root,:root[data-theme=light]{--white: 1 0 0;--black: 0 0 0;color-scheme:light}:root[data-theme=dark]{--white: 0 0 0;--black: 1 0 0;color-scheme:dark}:root,:root[data-theme=light]{--red-1: .97 .095 26;--red-2: .935 .121 26;--red-3: .895 .15 26;--red-4: .851 .185 26;--red-5: .799 .227 26;--red-6: .738 .28 26;--red-7: .664 .227 26;--red-8: .567 .185 26;--red-9: .432 .15 26;--red-10: .2 .121 26;--orange-1: .97 .095 52;--orange-2: .935 .121 52;--orange-3: .895 .15 52;--orange-4: .851 .185 52;--orange-5: .799 .227 52;--orange-6: .738 .28 52;--orange-7: .664 .227 52;--orange-8: .567 .185 52;--orange-9: .432 .15 52;--orange-10: .2 .121 52;--gold-1: .97 .095 84;--gold-2: .935 .121 84;--gold-3: .895 .15 84;--gold-4: .851 .185 84;--gold-5: .799 .227 84;--gold-6: .738 .28 84;--gold-7: .664 .227 84;--gold-8: .567 .185 84;--gold-9: .432 .15 84;--gold-10: .2 .121 84;--yellow-1: .97 .095 99;--yellow-2: .935 .121 99;--yellow-3: .895 .15 99;--yellow-4: .851 .185 99;--yellow-5: .799 .227 99;--yellow-6: .738 .28 99;--yellow-7: .664 .227 99;--yellow-8: .567 .185 99;--yellow-9: .432 .15 99;--yellow-10: .2 .121 99;--lime-1: .97 .095 127;--lime-2: .935 .121 127;--lime-3: .895 .15 127;--lime-4: .851 .185 127;--lime-5: .799 .227 127;--lime-6: .738 .28 127;--lime-7: .664 .227 127;--lime-8: .567 .185 127;--lime-9: .432 .15 127;--lime-10: .2 .121 127;--green-1: .97 .095 144;--green-2: .935 .121 144;--green-3: .895 .15 144;--green-4: .851 .185 144;--green-5: .799 .227 144;--green-6: .738 .28 144;--green-7: .664 .227 144;--green-8: .567 .185 144;--green-9: .432 .15 144;--green-10: .2 .121 144;--cyan-1: .97 .095 195;--cyan-2: .935 .121 195;--cyan-3: .895 .15 195;--cyan-4: .851 .185 195;--cyan-5: .799 .227 195;--cyan-6: .738 .28 195;--cyan-7: .664 .227 195;--cyan-8: .567 .185 195;--cyan-9: .432 .15 195;--cyan-10: .2 .121 195;--blue-1: .97 .095 254;--blue-2: .935 .121 254;--blue-3: .895 .15 254;--blue-4: .851 .185 254;--blue-5: .799 .227 254;--blue-6: .738 .28 254;--blue-7: .664 .227 254;--blue-8: .567 .185 254;--blue-9: .432 .15 254;--blue-10: .2 .121 254;--purple-1: .97 .095 296;--purple-2: .935 .121 296;--purple-3: .895 .15 296;--purple-4: .851 .185 296;--purple-5: .799 .227 296;--purple-6: .738 .28 296;--purple-7: .664 .227 296;--purple-8: .567 .185 296;--purple-9: .432 .15 296;--purple-10: .2 .121 296;--pinkpurple-1: .97 .095 328;--pinkpurple-2: .935 .121 328;--pinkpurple-3: .895 .15 328;--pinkpurple-4: .851 .185 328;--pinkpurple-5: .799 .227 328;--pinkpurple-6: .738 .28 328;--pinkpurple-7: .664 .227 328;--pinkpurple-8: .567 .185 328;--pinkpurple-9: .432 .15 328;--pinkpurple-10: .2 .121 328;--magenta-1: .97 .095 353;--magenta-2: .935 .121 353;--magenta-3: .895 .15 353;--magenta-4: .851 .185 353;--magenta-5: .799 .227 353;--magenta-6: .738 .28 353;--magenta-7: .664 .227 353;--magenta-8: .567 .185 353;--magenta-9: .432 .15 353;--magenta-10: .2 .121 353;--gray-1: .97 0 0;--gray-2: .934 0 0;--gray-3: .893 0 0;--gray-4: .848 0 0;--gray-5: .795 0 0;--gray-6: .732 0 0;--gray-7: .656 0 0;--gray-8: .557 0 0;--gray-9: .418 0 0;--gray-10: .18 0 0}:root[data-theme=dark]{--red-1: .18 .081 26;--red-2: .412 .103 26;--red-3: .547 .129 26;--red-4: .644 .159 26;--red-5: .718 .195 26;--red-6: .779 .24 26;--red-7: .831 .195 26;--red-8: .875 .159 26;--red-9: .915 .129 26;--red-10: .95 .103 26;--orange-1: .18 .081 52;--orange-2: .412 .103 52;--orange-3: .547 .129 52;--orange-4: .644 .159 52;--orange-5: .718 .195 52;--orange-6: .779 .24 52;--orange-7: .831 .195 52;--orange-8: .875 .159 52;--orange-9: .915 .129 52;--orange-10: .95 .103 52;--gold-1: .18 .081 84;--gold-2: .412 .103 84;--gold-3: .547 .129 84;--gold-4: .644 .159 84;--gold-5: .718 .195 84;--gold-6: .779 .24 84;--gold-7: .831 .195 84;--gold-8: .875 .159 84;--gold-9: .915 .129 84;--gold-10: .95 .103 84;--yellow-1: .18 .081 99;--yellow-2: .412 .103 99;--yellow-3: .547 .129 99;--yellow-4: .644 .159 99;--yellow-5: .718 .195 99;--yellow-6: .779 .24 99;--yellow-7: .831 .195 99;--yellow-8: .875 .159 99;--yellow-9: .915 .129 99;--yellow-10: .95 .103 99;--lime-1: .18 .081 127;--lime-2: .412 .103 127;--lime-3: .547 .129 127;--lime-4: .644 .159 127;--lime-5: .718 .195 127;--lime-6: .779 .24 127;--lime-7: .831 .195 127;--lime-8: .875 .159 127;--lime-9: .915 .129 127;--lime-10: .95 .103 127;--green-1: .18 .081 144;--green-2: .412 .103 144;--green-3: .547 .129 144;--green-4: .644 .159 144;--green-5: .718 .195 144;--green-6: .779 .24 144;--green-7: .831 .195 144;--green-8: .875 .159 144;--green-9: .915 .129 144;--green-10: .95 .103 144;--cyan-1: .18 .081 195;--cyan-2: .412 .103 195;--cyan-3: .547 .129 195;--cyan-4: .644 .159 195;--cyan-5: .718 .195 195;--cyan-6: .779 .24 195;--cyan-7: .831 .195 195;--cyan-8: .875 .159 195;--cyan-9: .915 .129 195;--cyan-10: .95 .103 195;--blue-1: .18 .081 254;--blue-2: .412 .103 254;--blue-3: .547 .129 254;--blue-4: .644 .159 254;--blue-5: .718 .195 254;--blue-6: .779 .24 254;--blue-7: .831 .195 254;--blue-8: .875 .159 254;--blue-9: .915 .129 254;--blue-10: .95 .103 254;--purple-1: .18 .081 296;--purple-2: .412 .103 296;--purple-3: .547 .129 296;--purple-4: .644 .159 296;--purple-5: .718 .195 296;--purple-6: .779 .24 296;--purple-7: .831 .195 296;--purple-8: .875 .159 296;--purple-9: .915 .129 296;--purple-10: .95 .103 296;--pinkpurple-1: .18 .081 328;--pinkpurple-2: .412 .103 328;--pinkpurple-3: .547 .129 328;--pinkpurple-4: .644 .159 328;--pinkpurple-5: .718 .195 328;--pinkpurple-6: .779 .24 328;--pinkpurple-7: .831 .195 328;--pinkpurple-8: .875 .159 328;--pinkpurple-9: .915 .129 328;--pinkpurple-10: .95 .103 328;--magenta-1: .18 .081 353;--magenta-2: .412 .103 353;--magenta-3: .547 .129 353;--magenta-4: .644 .159 353;--magenta-5: .718 .195 353;--magenta-6: .779 .24 353;--magenta-7: .831 .195 353;--magenta-8: .875 .159 353;--magenta-9: .915 .129 353;--magenta-10: .95 .103 353;--gray-1: .18 0 0;--gray-2: .418 0 0;--gray-3: .557 0 0;--gray-4: .656 0 0;--gray-5: .732 0 0;--gray-6: .795 0 0;--gray-7: .848 0 0;--gray-8: .893 0 0;--gray-9: .934 0 0;--gray-10: .97 0 0}*{--box-shadow-color: var(--gray-4);--box-shadow-divider-left: inset 1px 0 0 0 oklch(var(--box-shadow-color)/.25);--box-shadow-divider-top: inset 0 1px 0 0 oklch(var(--box-shadow-color)/.25);--box-shadow-divider-right: inset -1px 0 0 0 oklch(var(--box-shadow-color)/.25);--box-shadow-divider-bottom: inset 0 -1px 0 0 oklch(var(--box-shadow-color)/.25);--box-shadow-drop-top: 0 -6px 12px 4px oklch(var(--box-shadow-color)/.25), 0 -3px 28px 0 oklch(var(--box-shadow-color)/.4), 0 -1px 2px -1px oklch(var(--box-shadow-color)/.56);--box-shadow-drop-left: -6px 0 12px 4px oklch(var(--box-shadow-color)/.25), -3px 0 6px 0 oklch(var(--box-shadow-color)/.4), -1px 0 2px -1px oklch(var(--box-shadow-color)/.56);--box-shadow-drop-right: 6px 0 12px 4px oklch(var(--box-shadow-color)/.25), 3px 0 6px 0 oklch(var(--box-shadow-color)/.4), 1px 0 2px -1px oklch(var(--box-shadow-color)/.56);--box-shadow-drop-bottom: 0 6px 12px 4px oklch(var(--box-shadow-color)/.25), 0 3px 6px 0 oklch(var(--box-shadow-color)/.4), 0 1px 2px -1px oklch(var(--box-shadow-color)/.56)}:root{--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--font-size-1: 12px;--font-size-2: 14px;--font-size-3: 16px;--font-size-4: 20px;--font-size-5: 24px;--font-size-6: 30px;--font-size-7: 38px;--font-size-8: 46px;--font-size-9: 56px;--font-size-10: 68px;--font-size-base: 12px;--font-size-body: 14px;--font-size-h6: 14px;--font-size-h5: 16px;--font-size-h4: 20px;--font-size-h3: 24px;--font-size-h2: 30px;--font-size-h1: 38px;--font-offset-parent: 4px;--line-height-1: 20px;--line-height-2: 22px;--line-height-3: 24px;--line-height-4: 28px;--line-height-5: 32px;--line-height-6: 38px;--line-height-7: 46px;--line-height-8: 54px;--line-height-9: 64px;--line-height-10: 76px;--line-height-base: 20px;--line-height-body: 22px;--line-height-h6: 22px;--line-height-h5: 24px;--line-height-h4: 28px;--line-height-h3: 32px;--line-height-h2: 38px;--line-height-h1: 46px}@font-face{font-family:Emoji;src:local("Apple Color Emoji"),local("Segoe UI Emoji"),local("Segoe UI Symbol"),local("Noto Color Emoji");unicode-range:U+1F000-1F644,U+203C-3299}:root{font-size:var(--font-size-body);--font-family-normal--default: "system-ui", "—apple-system", "Segoe UI", "Rototo", "Emoji", "Helvetica", "Arial", "sans-serif";--font-family-serif--default: "Georgia", "Cambria", "Times New Roman", "Times", "serif";--font-family-mono--default: "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace";font-family:var(--font-family-normal, var(--font-family-base, --font-family-normal--default))}.na-font-serif{font-family:var(--font-family-serif, var(--font-family-base, --font-family-serif--default))}.na-font-mono{font-family:var(--font-family-mono, var(--font-family-base, --font-family-mono--default))}.na-button,.na-input,.na-select{font-family:inherit;font-style:inherit;font-weight:inherit}.na-kbd,.na-pre,.na-code,.na-textarea{font-family:var(--font-family-mono, var(--font-family-base, --font-family-mono--default))}.na-cannot-select{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}*::selection{background-color:oklch(var(--background-color-selection, var(--primary-9)));color:oklch(var(--color-selection, var(--primary-1)))}.na-layout{display:flex;flex-direction:column;flex:1;--box-shadow-color: var(--gray-6)}.na-layout:where([data-has-aside]){position:relative;flex-direction:row}.na-layout-content{position:relative;z-index:0;flex:1;overflow-x:hidden}.na-layout-aside{width:var(--width-aside, unset);overflow-x:hidden;background-color:oklch(var(--background-color-aside, var(--white)));z-index:1000;top:0;bottom:0;transition:width .3s,padding-left .3s,padding-right .3s,border-left .3s,border-right .3s}.na-layout-aside:first-child{--box-shadow-color: var(--gray-6);box-shadow:var(--box-shadow-divider-right)}.na-layout-aside:last-child{--box-shadow-color: var(--gray-6);box-shadow:var(--box-shadow-divider-left)}.na-layout-aside:where([data-float]){position:absolute}.na-layout-aside:where([data-folded]),.na-layout-aside:where([data-collapsed]){padding-left:0;padding-right:0;border-left:0;border-right:0}.na-layout-aside:where([data-folded]){flex:0}.na-layout-aside:where([data-collapsed]){width:0}.na-layout-header{box-shadow:var(--box-shadow-divider-bottom)}.na-layout-footer{box-shadow:var(--box-shadow-divider-top)}.na-layout-header,.na-layout-footer{--box-shadow-color: var(--gray-6)}.na-watermark{position:relative}.na-watermark:after{pointer-events:none;content:"";position:absolute;inset:0;background:var(--background-watermark, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'><path fill='%23808080' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'/></svg>"));border-radius:var(--border-radius-watermark, unset);mix-blend-mode:multiply;opacity:var(--opacity-watermark, .1)}:root[data-theme=dark] .na-watermark:after{mix-blend-mode:exclusion}:root{--primary-1: var(--magenta-1);--primary-2: var(--magenta-2);--primary-3: var(--magenta-3);--primary-4: var(--magenta-4);--primary-5: var(--magenta-5);--primary-6: var(--magenta-6);--primary-7: var(--magenta-7);--primary-8: var(--magenta-8);--primary-9: var(--magenta-9);--primary-10: var(--magenta-10);--success-1: var(--green-1);--success-2: var(--green-2);--success-3: var(--green-3);--success-4: var(--green-4);--success-5: var(--green-5);--success-6: var(--green-6);--success-7: var(--green-7);--success-8: var(--green-8);--success-9: var(--green-9);--success-10: var(--green-10);--danger-1: var(--red-1);--danger-2: var(--red-2);--danger-3: var(--red-3);--danger-4: var(--red-4);--danger-5: var(--red-5);--danger-6: var(--red-6);--danger-7: var(--red-7);--danger-8: var(--red-8);--danger-9: var(--red-9);--danger-10: var(--red-10);--warning-1: var(--orange-1);--warning-2: var(--orange-2);--warning-3: var(--orange-3);--warning-4: var(--orange-4);--warning-5: var(--orange-5);--warning-6: var(--orange-6);--warning-7: var(--orange-7);--warning-8: var(--orange-8);--warning-9: var(--orange-9);--warning-10: var(--orange-10);--outline-color-focus: var(--black)}:root [data-primary=success]{--primary-1: var(--success-1);--primary-2: var(--success-2);--primary-3: var(--success-3);--primary-4: var(--success-4);--primary-5: var(--success-5);--primary-6: var(--success-6);--primary-7: var(--success-7);--primary-8: var(--success-8);--primary-9: var(--success-9);--primary-10: var(--success-10)}:root [data-primary=danger]{--primary-1: var(--danger-1);--primary-2: var(--danger-2);--primary-3: var(--danger-3);--primary-4: var(--danger-4);--primary-5: var(--danger-5);--primary-6: var(--danger-6);--primary-7: var(--danger-7);--primary-8: var(--danger-8);--primary-9: var(--danger-9);--primary-10: var(--danger-10)}:root [data-primary=warning]{--primary-1: var(--warning-1);--primary-2: var(--warning-2);--primary-3: var(--warning-3);--primary-4: var(--warning-4);--primary-5: var(--warning-5);--primary-6: var(--warning-6);--primary-7: var(--warning-7);--primary-8: var(--warning-8);--primary-9: var(--warning-9);--primary-10: var(--warning-10)}.na-button{--color-button: var(--white);--color-button--disabled: var(--white);--background-color-button: var(--primary-5);--background-color-button--focus: var(--primary-6);--background-color-button--disabled: var(--primary-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;padding:var(--padding-vertical-button, 5px) var(--padding-horizontal-button, 12px);font-size:var(--font-size-body);height:fit-content;line-height:var(--line-height-body);min-height:var(--line-height-body);outline:2px solid transparent;box-sizing:content-box;border:none;border-radius:var(--border-radius-md);transition:--percent-button-ripple .5s,box-shadow .3s;transition-timing-function:ease-in;background-color:oklch(var(--background-color-button));background-image:radial-gradient(circle,transparent 0%,transparent var(--percent-button-ripple),oklch(var(--background-color-button)) var(--percent-button-ripple),oklch(var(--background-color-button)) 100%);color:oklch(var(--color-button))}@property --percent-button-ripple{syntax: "<percentage>"; inherits: false; initial-value: 100%;}.na-button:where(:not([data-primary])){--color-button: var(--gray-10);--color-button--disabled: var(--gray-5);--background-color-button: var(--gray-2);--background-color-button--focus: var(--gray-3);--background-color-button--disabled: var(--gray-1)}.na-button[data-ghost]{outline-width:var(--border-width-button, 1px);outline-offset:calc(0px - var(--border-width-button, 1px));outline-color:currentColor;--background-color-button: var(--white);--background-color-button--focus: var(--gray-2)}.na-button[data-ghost]:where([data-primary]){--color-button: var(--primary-5);--color-button--disabled: var(--primary-2);--background-color-button--focus: var(--primary-1);--background-color-button--disabled: 0 0 0/0}.na-button:focus-visible{outline-width:2px;outline-offset:0;outline-color:oklch(var(--outline-color-any--focus))}.na-button:not([disabled]):hover{box-shadow:var(--box-shadow-drop-bottom)}.na-button[disabled]{cursor:not-allowed;color:oklch(var(--color-button--disabled));background-color:oklch(var(--background-color-button--disabled))}.na-button[disabled]::-ms-browse{color:oklch(var(--color-button--disabled))}.na-button[disabled]::-webkit-file-upload-button{color:oklch(var(--color-button--disabled))}.na-button[disabled]::file-selector-button{color:oklch(var(--color-button--disabled))}.na-button:not([disabled]):focus{background-color:oklch(var(--background-color-button--focus))}.na-button:not([disabled]):active{--percent-button-ripple: 0%;transition:none;background-color:oklch(var(--background-color-button--focus))}.na-button.sm{--padding-vertical-button: 1px;--padding-horizontal-button: 8px;--font-size-body: var(--font-size-base);--line-height-body: var(--line-height-base);border-radius:var(--border-radius-sm)}.na-button.sm:where([data-round]),.na-button.sm:where([data-square]){--padding-horizontal-button: 1px}.na-button.lg{--padding-vertical-button: 8px;--padding-horizontal-button: 16px;--font-size-body: var(--font-size-h5);--line-height-body: var(--line-height-h5)}.na-button.lg:where([data-round]),.na-button.lg:where([data-square]){--padding-horizontal-button: 8px}.na-button:where([data-round]),.na-button:where([data-square]){aspect-ratio:1/1;overflow:hidden;--padding-vertical-button: var(--padding-horizontal-button, 12px)}.na-button[data-round]{border-radius:50%}@supports (background: paint(smooth-corners)){.na-button[data-square]{border-radius:unset;-webkit-mask:paint(smooth-corners);mask:paint(smooth-corners)}}.na-button::-ms-browse{color:oklch(var(--color-button))}.na-button::-webkit-file-upload-button{color:oklch(var(--color-button))}.na-button::file-selector-button{color:oklch(var(--color-button))}.na-input-wrapper:has(input[type=file].na-input.na-button) .na-input-prefix{pointer-events:none;transform:translate(.4em)}.na-input-wrapper:has(input[type=file].na-input.na-button[data-primary]) .na-input-prefix,.na-input-wrapper:has(input[type=file].na-input.na-button:disabled) .na-input-prefix{color:oklch(var(--white))}.na-input:where(input[type=file]).na-button{font-size:0;max-height:var(--line-height-body)}.na-input:where(input[type=file]).na-button::-ms-browse{font-family:inherit;font-size:var(--font-size-body);line-height:var(--line-height-body);padding:0;border:none;background-color:transparent;outline:none;margin:0 .2em}.na-input-wrapper:has(.na-input-prefix) .na-input:where(input[type=file]).na-button::-ms-browse{margin:0 .4em 0 0}.na-input:where(input[type=file]).na-button::-webkit-file-upload-button{font-family:inherit;font-size:var(--font-size-body);line-height:var(--line-height-body);padding:0;border:none;background-color:transparent;outline:none;margin:0 .2em}.na-input-wrapper:has(.na-input-prefix) .na-input:where(input[type=file]).na-button::-webkit-file-upload-button{margin:0 .4em 0 0}.na-input:where(input[type=file]).na-button::file-selector-button{font-family:inherit;font-size:var(--font-size-body);line-height:var(--line-height-body);padding:0;border:none;background-color:transparent;outline:none;margin:0 .2em}.na-input-wrapper:has(.na-input-prefix) .na-input:where(input[type=file]).na-button::file-selector-button{margin:0 .4em 0 0}.na-input-wrapper:has(.na-input-prefix) .na-input:where(input[type=file]).na-button{padding-left:calc(var(--padding-horizontal-button, 12px) + 1.5 * var(--font-size-body))}.na-input:where(input[type=file]).na-button+label{cursor:pointer}.na-message-queue{top:16px;left:0;right:0;z-index:10000;position:fixed;height:0;overflow:visible;display:flex;flex-direction:column;align-items:center;color:oklch(var(--gray-10))}.na-message{--background-color-message: var(--white);--color-message: var(--black);border-radius:var(--border-radius-md);padding:8px;color:oklch(var(--color-message));background-color:oklch(var(--background-color-message));box-shadow:var(--box-shadow-drop-bottom);margin:4px}.na-message .na-paragraph{max-width:60vw;margin:0}.na-paragraph>.na-message-prefix{width:16px;height:16px;vertical-align:middle}.na-paragraph>.na-message-prefix:where([data-primary]){color:oklch(var(--primary-6))}.na-paragraph>.na-message-prefix+*{vertical-align:middle}.na-message:where([data-primary]){--color-message: var(--white);--background-color-message: var(--primary-5);--box-shadow-color: var(--primary-4)}.na-menu{margin:0 1em;padding:0;display:flex;flex-direction:column;gap:.5em}.na-menu:where(ul),.na-menu:where(menu){list-style:none}.na-menu:where(details){margin:0}.na-menu:where(details):not([open]){gap:0}.na-menu:where(details)>summary::-webkit-details-marker{display:none}.na-menu:where(details)>summary::-moz-list-bullet{display:none}.na-menu:where(details)>summary::marker{display:none}.na-menu summary,.na-menu-submenu{display:flex;flex-direction:column;gap:.5em}.na-menu-submenu:where([data-folded]){gap:0}.na-menu-submenu-title{display:flex;justify-content:space-between;align-items:center;cursor:alias;line-height:var(--line-height-body);padding:var(--padding-vertical-menu-item, .5em) var(--padding-horizontal-menu-item, 1em)}.na-menu-submenu-title-arrow{position:relative;display:inline-block;width:10px;transform:translateY(-50%);transition:margin-top .3s}.na-menu-submenu-title-arrow:before,.na-menu-submenu-title-arrow:after{position:absolute;width:6px;height:1.5px;background-color:currentColor;border-radius:2px;transition:transform .3s;content:""}.na-menu:where(details)[open] .na-menu-submenu-title-arrow:before,.na-menu-submenu-title-arrow:before{transform:rotate(-45deg) translate(2.5px)}.na-menu:where(details)[open] .na-menu-submenu-title-arrow:after,.na-menu-submenu-title-arrow:after{transform:rotate(45deg) translate(-2.5px)}.na-menu:where(details):not([open]) .na-menu-submenu-title-arrow,.na-menu-submenu[data-folded] .na-menu-submenu-title-arrow{margin-top:-5px}.na-menu:where(details):not([open]) .na-menu-submenu-title-arrow:before,.na-menu-submenu[data-folded] .na-menu-submenu-title-arrow:before{transform:rotate(45deg) translate(2.5px)}.na-menu:where(details):not([open]) .na-menu-submenu-title-arrow:after,.na-menu-submenu[data-folded] .na-menu-submenu-title-arrow:after{transform:rotate(-45deg) translate(-2.5px)}.na-menu-item{position:relative;height:calc(var(--line-height-body) + 2 * var(--padding-vertical-menu-item, .5em));line-height:var(--line-height-body);text-indent:var(--padding-horizontal-menu-item, 1em);display:flex;align-items:center;background-color:oklch(var(--background-color-menu-item, from transparent l c h/alpha));color:oklch(var(--color-menu-item, var(--black)));border-radius:var(--border-radius-md)}.na-menu-item-link{position:absolute;inset:0;display:flex;align-items:center;cursor:pointer;text-decoration:none;color:currentColor;border-radius:var(--border-radius-md)}.na-menu-item:where([data-active]),.na-menu-item:where([data-selected]){cursor:auto;background-color:oklch(var(--background-color-menu-item--active, var(--color-menu, var(--primary-6))));color:oklch(var(--color-menu-item--active, var(--white)))}.na-menu-item:not(.na-menu-item[data-active]):not(.na-menu-item[data-selected]):hover{background-color:oklch(var(--background-color-menu-item--hover, from transparent l c h/alpha));color:oklch(var(--color-menu-item--hover, var(--color-menu, var(--primary-6))))}.na-menu-submenu:where([data-folded]) .na-menu{flex-basis:0;overflow:hidden}body{overflow:hidden;margin:0}#root{width:100%;height:100vh}@supports (height: 100dvh){#root{height:100dvh}}aside{--width-aside: 254px;padding:1em 0}@media screen and (max-width:768px){aside{position:absolute!important}}@media screen and (min-width:1024px){aside[data-collapsed]{width:var(--width-aside, unset)}}line.abcjs-cursor{color:oklch(var(--primary-6))}.highlight{fill:oklch(var(--primary-6))}.abcjs-note_selected{fill:oklch(var(--primary-6))!important}.abcjs-inline-audio{background-color:transparent;overflow:hidden}.abcjs-inline-audio .abcjs-btn g{fill:oklch(var(--primary-6));stroke:oklch(var(--primary-6))}.abcjs-inline-audio .abcjs-btn circle{stroke:oklch(var(--primary-6))}.abcjs-inline-audio .abcjs-btn:hover g{fill:oklch(var(--primary-4));stroke:oklch(var(--primary-4))}.abcjs-inline-audio .abcjs-btn:hover circle{stroke:oklch(var(--primary-4))}.abcjs-inline-audio .abcjs-midi-progress-background{background-color:oklch(var(--primary-1)/50%);border-color:oklch(var(--primary-1)/50%)}.abcjs-inline-audio .abcjs-midi-progress-background:hover{border-color:oklch(var(--primary-2))}.abcjs-inline-audio .abcjs-midi-progress-background .abcjs-midi-progress-indicator{background-color:oklch(var(--primary-5))}.abcjs-inline-audio .abcjs-midi-progress-background:active .abcjs-midi-progress-indicator{background-color:oklch(var(--primary-3))}.abcjs-inline-audio .abcjs-midi-clock{color:oklch(var(--gray-9))}.abcjs-inline-audio .abcjs-pushed~.abcjs-midi-clock{color:oklch(var(--primary-6))}._theme-button_1wq7r_1,._menu-fold-button_1wq7r_2{z-index:1024;position:fixed;left:16px;display:grid;--padding-horizontal-button: 16px}._theme-button_1wq7r_1 svg,._menu-fold-button_1wq7r_2 svg{grid-area:1/1/2/2;transition:opacity .3s;width:24px;height:24px}._theme-button_1wq7r_1{bottom:28px}:root[data-theme=light] ._theme-button_1wq7r_1 svg:first-child{opacity:0}:root[data-theme=dark] ._theme-button_1wq7r_1 svg:last-child{opacity:0}._menu-fold-button_1wq7r_2{bottom:100px}@media screen and (min-width:1024px){._menu-fold-button_1wq7r_2{display:none}}aside[data-collapsed]~._menu-fold-button_1wq7r_2 svg:first-child{opacity:0}aside:not([data-collapsed])~._menu-fold-button_1wq7r_2 svg:last-child{opacity:0}