button.svelte-9wjlv9{width:40px;height:40px;margin:5px auto;font-size:25px;text-align:center;line-height:20px;color:#fff;border:solid 2px #666;background-color:#666;cursor:pointer}button.svelte-9wjlv9:hover{color:#eee;border:solid 2px #888;background-color:#888}button.svelte-9wjlv9:active{color:#ddd;border:solid 2px #aaa;background-color:#aaa}.note-container.svelte-jjh050{position:relative;display:inline-block;margin:3px;color:#222}.note-container.svelte-jjh050 .note:where(.svelte-jjh050){font-family:Arial,sans-serif;position:relative;z-index:1;margin:0;padding:0;text-align:center;border-radius:50%;width:50px;height:50px;background:#eee;border:3px solid #ccd;line-height:47px}.note-container.svelte-jjh050 .note.playing:where(.svelte-jjh050){border-color:red}.note-container.svelte-jjh050 .note:where(.svelte-jjh050) .note-name:where(.svelte-jjh050){-webkit-user-select:none;user-select:none}.note-container.svelte-jjh050 .note:where(.svelte-jjh050):hover{z-index:2;border-color:#666}.note-container.svelte-jjh050 .note:where(.svelte-jjh050):hover .note-menu:where(.svelte-jjh050){visibility:visible}.note-container.svelte-jjh050 .note:where(.svelte-jjh050) .note-menu:where(.svelte-jjh050){visibility:collapse;width:300px;position:absolute;z-index:20;border:solid 2px #ccc;border-radius:5px;padding:5px 20px 20px;background:#eee}.note-container.svelte-jjh050 .note:where(.svelte-jjh050) .note-menu:where(.svelte-jjh050) .inputs_container:where(.svelte-jjh050){display:inline-block;text-align:center}.note-container.svelte-jjh050 .note:where(.svelte-jjh050) .note-menu:where(.svelte-jjh050) .select_container:where(.svelte-jjh050){display:inline-block;vertical-align:top;overflow:hidden}.note-container.svelte-jjh050 .note:where(.svelte-jjh050) .note-menu:where(.svelte-jjh050) .select_container:where(.svelte-jjh050) select:where(.svelte-jjh050){overflow-y:auto}.note-container.svelte-jjh050 .note:where(.svelte-jjh050) .note-menu:where(.svelte-jjh050) .select_container:where(.svelte-jjh050) select:where(.svelte-jjh050) option:where(.svelte-jjh050){min-width:50px;padding-left:5px;padding-right:5px}.handpan-note-container.svelte-dfdpd{position:relative;display:inline-block;margin:0;color:#222}.handpan-note-container.svelte-dfdpd:before,.handpan-note-container.svelte-dfdpd:after{content:" ";position:absolute;z-index:0;top:0;width:20px;height:0;font-size:25px}.handpan-note-container.svelte-dfdpd:before{left:-10px}.handpan-note-container.svelte-dfdpd:after{right:-10px}.handpan-note-container.svelte-dfdpd .handpan-note:where(.svelte-dfdpd){font-family:Arial,sans-serif;position:relative;z-index:1;margin:0;padding:0;text-align:center;border-radius:50%;width:25px;height:25px;background:#223;border:3px solid #ccd;line-height:20px;color:#fff;font-size:1.2em}.handpan-note-container.svelte-dfdpd .handpan-note:where(.svelte-dfdpd):hover{z-index:2;border-color:#fff;cursor:pointer}.rangePips{--pip: var(--range-pip, var(--slider-base));--pip-text: var(--range-pip-text, var(--pip));--pip-active: var(--range-pip-active, var(--slider-fg));--pip-active-text: var(--range-pip-active-text, var(--pip-active));--pip-hover: var(--range-pip-hover, var(--slider-fg));--pip-hover-text: var(--range-pip-hover-text, var(--pip-hover));--pip-in-range: var(--range-pip-in-range, var(--pip-active));--pip-in-range-text: var(--range-pip-in-range-text, var(--pip-active-text));--pip-out-of-limit: var(--range-pip-out-of-limit, var(--slider-base-100));--pip-out-of-limit-text: var(--range-pip-out-of-limit-text, var(--pip-out-of-limit))}.rangePips{position:absolute;transform:translateZ(.001px);height:1em;left:0;right:0;bottom:-1em;font-variant-numeric:tabular-nums}.rangePips.rsVertical{height:auto;width:1em;inset:0 auto 0 100%}.rangePips .rsPip{height:.4em;position:absolute;top:.25em;width:1px;white-space:nowrap;transform:translateZ(.001px)}.rangePips.rsVertical .rsPip{height:1px;width:.4em;left:.25em;top:auto;bottom:auto}.rangePips .rsPipVal{position:absolute;top:.4em;transform:translate(-50%,25%);display:inline-flex}.rangePips.rsVertical .rsPipVal{position:absolute;top:0;left:.4em;transform:translate(25%,-50%)}.rangePips .rsPip{transition:all .15s ease}.rangePips .rsPipVal{transition:all .15s ease,font-weight 0s linear}.rangePips .rsPip{color:var(--pip-text);background-color:var(--pip)}.rangePips .rsPip.rsSelected{color:var(--pip-active-text);background-color:var(--pip-active)}.rangePips.rsHoverable:not(.rsDisabled) .rsPip:not(.rsOutOfLimit):hover{color:var(--pip-hover-text);background-color:var(--pip-hover)}.rangePips .rsPip.rsInRange{color:var(--pip-in-range-text);background-color:var(--pip-in-range)}.rangePips .rsPip.rsOutOfLimit{color:var(--pip-out-of-limit-text);background-color:var(--pip-out-of-limit)}.rangePips .rsPip.rsSelected{height:.75em}.rangePips.rsVertical .rsPip.rsSelected{height:1px;width:.75em}.rangePips .rsPip.rsSelected .rsPipVal{font-weight:700;top:.75em}.rangePips.rsVertical .rsPip.rsSelected .rsPipVal{top:0;left:.75em}.rangePips.rsHoverable:not(.rsDisabled) .rsPip:not(.rsSelected):not(.rsOutOfLimit):hover{transition:none}.rangePips.rsHoverable:not(.rsDisabled) .rsPip:not(.rsSelected):not(.rsOutOfLimit):hover .rsPipVal{transition:none;font-weight:700}@layer base{.rangeSlider{--slider-light-accent: #4a40d4;--slider-light-accent-100: #838de7;--slider-light-accent-text: #ffffff;--slider-light-base: #99a2a2;--slider-light-base-100: #b9c2c2;--slider-light-bg: #d7dada;--slider-light-fg: #3f3e4f;--slider-dark-accent: #6070fc;--slider-dark-accent-100: #7a7fab;--slider-dark-accent-text: #ffffff;--slider-dark-base: #82809f;--slider-dark-base-100: #595868;--slider-dark-bg: #3f3e4f;--slider-dark-fg: #d7dada;--slider-accent: var(--slider-light-accent);--slider-accent-100: var(--slider-light-accent-100);--slider-accent-text: var(--slider-light-accent-text);--slider-base: var(--slider-light-base);--slider-base-100: var(--slider-light-base-100);--slider-bg: var(--slider-light-bg);--slider-fg: var(--slider-light-fg);--slider: var(--range-slider, var(--slider-bg));--handle-inactive: var(--range-handle-inactive, var(--slider-base));--handle: var(--range-handle, var(--slider-accent-100));--handle-focus: var(--range-handle-focus, var(--slider-accent));--handle-border: var(--range-handle-border, var(--handle));--range-inactive: var(--range-range-inactive, var(--handle-inactive));--range: var(--range-range, var(--handle-focus));--range-limit: var(--range-range-limit, var(--slider-base-100));--range-hover: var(--range-range-hover, var(--handle-border));--range-press: var(--range-range-press, var(--handle-border));--float-inactive: var(--range-float-inactive, var(--handle-inactive));--float: var(--range-float, var(--handle-focus));--float-text: var(--range-float-text, var(--slider-accent-text))}.rangeSlider.rsDark{--slider-accent: var(--slider-dark-accent);--slider-accent-100: var(--slider-dark-accent-100);--slider-accent-text: var(--slider-dark-accent-text);--slider-base: var(--slider-dark-base);--slider-base-100: var(--slider-dark-base-100);--slider-bg: var(--slider-dark-bg);--slider-fg: var(--slider-dark-fg)}@media (prefers-color-scheme: dark){.rangeSlider.rsAutoDark{--slider-accent: var(--slider-dark-accent);--slider-accent-100: var(--slider-dark-accent-100);--slider-accent-text: var(--slider-dark-accent-text);--slider-base: var(--slider-dark-base);--slider-base-100: var(--slider-dark-base-100);--slider-bg: var(--slider-dark-bg);--slider-fg: var(--slider-dark-fg)}}}.rangeSlider{position:relative;border-radius:100px;height:.5em;margin:1em;transition:opacity .2s ease;-webkit-user-select:none;user-select:none;overflow:visible}.rangeSlider *{-webkit-user-select:none;user-select:none}.rangeSlider.rsPips{margin-bottom:1.8em}.rangeSlider.rsPipLabels{margin-bottom:2.8em}.rangeSlider.rsVertical{display:inline-block;border-radius:100px;width:.5em;min-height:200px}.rangeSlider.rsVertical.rsPips{margin-right:1.8em;margin-bottom:1em}.rangeSlider.rsVertical.rsPipLabels{margin-right:2.8em;margin-bottom:1em}.rangeSlider .rangeHandle{position:absolute;display:block;height:1.4em;width:1.4em;top:.25em;bottom:auto;transform:translateY(-50%) translate(-50%);translate:calc(var(--slider-length) * (var(--handle-pos) / 100) * 1px) 0;z-index:2}.rangeSlider.rsReversed .rangeHandle{transform:translateY(-50%) translate(-50%);translate:calc((var(--slider-length) * 1px) - (var(--slider-length) * (var(--handle-pos) / 100) * 1px)) 0}.rangeSlider.rsVertical .rangeHandle{left:.25em;top:auto;transform:translateY(-50%) translate(-50%);translate:0 calc(var(--slider-length) * (1 - var(--handle-pos) / 100) * 1px)}.rangeSlider.rsVertical.rsReversed .rangeHandle{transform:translateY(-50%) translate(-50%);translate:0 calc((var(--slider-length) * 1px) - (var(--slider-length) * (1 - var(--handle-pos) / 100) * 1px))}.rangeSlider .rangeNub,.rangeSlider .rangeHandle:before{position:absolute;left:0;top:0;display:block;border-radius:10em;height:100%;width:100%;transition:background .2s ease,box-shadow .2s ease}.rangeSlider .rangeHandle:before{content:"";inset:1px;height:auto;width:auto;box-shadow:0 0 0 0 var(--handle-border);opacity:0;transition:opacity .2s ease,box-shadow .2s ease}.rangeSlider.rsHoverable:not(.rsDisabled) .rangeHandle:hover:before{box-shadow:0 0 0 8px var(--handle-border);opacity:.2}.rangeSlider.rsHoverable:not(.rsDisabled) .rangeHandle.rsPress:before,.rangeSlider.rsHoverable:not(.rsDisabled) .rangeHandle.rsPress:hover:before{box-shadow:0 0 0 12px var(--handle-border);opacity:.4}.rangeSlider.rsRange:not(.rsMin):not(.rsMax) .rangeNub{border-radius:10em 10em 10em 1.6em}.rangeSlider.rsRange .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(-135deg)}.rangeSlider.rsRange .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(45deg)}.rangeSlider.rsRange.rsReversed .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(45deg)}.rangeSlider.rsRange.rsReversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-135deg)}.rangeSlider.rsRange.rsVertical .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(135deg)}.rangeSlider.rsRange.rsVertical .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-45deg)}.rangeSlider.rsRange.rsVertical.rsReversed .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(-45deg)}.rangeSlider.rsRange.rsVertical.rsReversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(135deg)}.rangeSlider .rangeFloat{display:block;position:absolute;left:50%;bottom:1.75em;font-size:1em;text-align:center;pointer-events:none;white-space:nowrap;font-size:.9em;line-height:1;padding:.33em .5em .5em;border-radius:.5em;z-index:3;opacity:0;translate:-50% -50% .01px;scale:1;transform-origin:center;transition:all .22s cubic-bezier(.33,1,.68,1)}.rangeSlider .rangeHandle.rsActive .rangeFloat,.rangeSlider.rsHoverable .rangeHandle:hover .rangeFloat,.rangeSlider.rsHoverable .rangeBar:hover .rangeFloat,.rangeSlider.rsFocus .rangeBar .rangeFloat{opacity:1;scale:1;translate:-50% 0% .01px}.rangeSlider .rangeBar .rangeFloat{bottom:.875em;z-index:2}.rangeSlider.rsVertical .rangeFloat{inset:50% 1.75em auto auto;translate:-50% -50% .01px}.rangeSlider.rsVertical .rangeHandle.rsActive .rangeFloat,.rangeSlider.rsVertical.rsHoverable .rangeHandle:hover .rangeFloat,.rangeSlider.rsVertical.rsHoverable .rangeBar:hover .rangeFloat,.rangeSlider.rsVertical.rsFocus .rangeBar .rangeFloat{translate:0% -50% .01px}.rangeSlider.rsVertical .rangeBar .rangeFloat{right:.875em}.rangeSlider .rangeBar,.rangeSlider .rangeLimit,.rangeSlider.rsDrag .rangeBar:before{position:absolute;display:block;transition:background .2s ease;border-radius:1em;height:.5em;top:0;-webkit-user-select:none;user-select:none;z-index:1}.rangeSlider.rsVertical .rangeBar,.rangeSlider.rsVertical .rangeLimit,.rangeSlider.rsVertical.rsDrag .rangeBar:before{width:.5em;height:auto}.rangeSlider .rangeBar{translate:calc((var(--slider-length) * (var(--range-start) / 100) * 1px)) 0;width:calc(var(--slider-length) * (var(--range-size) / 100 * 1px))}.rangeSlider.rsReversed .rangeBar{translate:calc((var(--slider-length) * 1px) - (var(--slider-length) * (var(--range-end) / 100) * 1px)) 0}.rangeSlider.rsVertical .rangeBar{translate:0 calc((var(--slider-length) * 1px) - (var(--slider-length) * (var(--range-end) / 100) * 1px));height:calc(var(--slider-length) * (var(--range-size) / 100 * 1px))}.rangeSlider.rsVertical.rsReversed .rangeBar{translate:0 calc((var(--slider-length) * (var(--range-start) / 100) * 1px))}.rangeSlider.rsDrag .rangeBar:before{content:"";inset:-.5em 0;height:auto;background-color:var(--range-hover);opacity:0;scale:1 .5;transition:opacity .2s ease,scale .2s ease}.rangeSlider.rsVertical.rsDrag .rangeBar:before{inset:0 -.5em;width:auto}.rangeSlider.rsHoverable:not(.rsDisabled).rsDrag .rangeBar:hover:before{opacity:.2;scale:1 1}.rangeSlider.rsHoverable:not(.rsDisabled).rsDrag .rangeBar.rsPress:before{opacity:.4;scale:1 1.25}.rangeSlider.rsVertical.rsHoverable:not(.rsDisabled).rsDrag .rangeBar.rsPress:before{scale:1.25 1}.rangeSlider{background-color:var(--slider)}.rangeSlider .rangeBar{background-color:var(--range-inactive)}.rangeSlider.rsFocus .rangeBar{background-color:var(--range)}.rangeSlider .rangeLimit{background-color:var(--range-limit)}.rangeSlider .rangeNub{background-color:var(--handle-inactive)}.rangeSlider.rsFocus .rangeNub{background-color:var(--handle)}.rangeSlider .rangeHandle.rsActive .rangeNub{background-color:var(--handle-focus)}.rangeSlider .rangeFloat{color:var(--float-text);background-color:var(--float-inactive)}.rangeSlider.rsFocus .rangeFloat{background-color:var(--float)}.rangeSlider.rsDisabled{opacity:.5}.rangeSlider.rsDisabled .rangeNub{background-color:var(--handle-inactive)}.rangeSlider .rangeBar,.rangeSlider .rangeHandle{transition:opacity .2s ease}.track-note-container.svelte-3wvbf9{position:relative;display:inline-block;margin:0 10px;color:#222}.track-note-container.svelte-3wvbf9:before,.track-note-container.svelte-3wvbf9:after{content:" ";position:absolute;z-index:0;top:25px;width:20px;height:0;font-size:25px;border-bottom:solid 4px #ddd}.track-note-container.svelte-3wvbf9:before{left:-10px}.track-note-container.svelte-3wvbf9:after{right:-10px}.track-note-container.svelte-3wvbf9:first-child:before,.track-note-container.svelte-3wvbf9:last-child:after{display:none}.track-note-container.svelte-3wvbf9 .track-note:where(.svelte-3wvbf9){font-family:Arial,sans-serif;position:relative;z-index:1;margin:0;padding:0;text-align:center;border-radius:50%;width:50px;height:50px;background:#dde;border:3px solid #ccd;line-height:47px}.track-note-container.svelte-3wvbf9 .track-note:where(.svelte-3wvbf9) .note-name:where(.svelte-3wvbf9){-webkit-user-select:none;user-select:none}.track-note-container.svelte-3wvbf9 .track-note.playing:where(.svelte-3wvbf9){border-color:red}.track-note-container.svelte-3wvbf9 .track-note.type-none:where(.svelte-3wvbf9){color:transparent}.track-note-container.svelte-3wvbf9 .track-note.type-none:where(.svelte-3wvbf9) .note-name:where(.svelte-3wvbf9){line-height:44px;font-size:20px}.track-note-container.svelte-3wvbf9 .track-note.type-slap:where(.svelte-3wvbf9) .note-name:where(.svelte-3wvbf9),.track-note-container.svelte-3wvbf9 .track-note.type-ghost:where(.svelte-3wvbf9) .note-name:where(.svelte-3wvbf9){font-size:35px}.track-note-container.svelte-3wvbf9 .track-note.type-slap:where(.svelte-3wvbf9){background-color:#ded}.track-note-container.svelte-3wvbf9 .track-note.type-ghost:where(.svelte-3wvbf9){background-color:#eee}.track-note-container.svelte-3wvbf9 .track-note.type-ghost:where(.svelte-3wvbf9) .note-name:where(.svelte-3wvbf9){font-size:18px;text-shadow:0 0 2px #444}.track-note-container.svelte-3wvbf9 .track-note:where(.svelte-3wvbf9):hover{z-index:2;border-color:#e44}.track-note-container.svelte-3wvbf9 .track-note:where(.svelte-3wvbf9):hover .track-note-menu:where(.svelte-3wvbf9){visibility:visible;display:block}.track-note-container.svelte-3wvbf9 .track-note:where(.svelte-3wvbf9) .track-note-menu:where(.svelte-3wvbf9){visibility:collapse;display:none;width:220px;position:absolute;z-index:20;border:solid 2px #ccc;border-radius:5px;padding:5px 20px 20px;background:#eee}.track-note-container.svelte-3wvbf9 .track-note:where(.svelte-3wvbf9) .track-note-menu:where(.svelte-3wvbf9) .track_inputs_container:where(.svelte-3wvbf9){display:inline-block;text-align:center}.track-note-container.svelte-3wvbf9 .track-note:where(.svelte-3wvbf9) .track-note-menu:where(.svelte-3wvbf9) .track_select_container:where(.svelte-3wvbf9){display:inline-block;vertical-align:top;overflow:hidden}.track-note-container.svelte-3wvbf9 .track-note:where(.svelte-3wvbf9) .track-note-menu:where(.svelte-3wvbf9) .track_select_container:where(.svelte-3wvbf9) select:where(.svelte-3wvbf9){overflow-y:auto}.track-note-container.svelte-3wvbf9 .track-note:where(.svelte-3wvbf9) .track-note-menu:where(.svelte-3wvbf9) .track_select_container:where(.svelte-3wvbf9) select:where(.svelte-3wvbf9) option:where(.svelte-3wvbf9){min-width:50px;padding-left:5px;padding-right:5px}.track-note-container.svelte-g8snzt{position:relative;display:inline-block;margin:0 10px;color:#222}.track-note-container.svelte-g8snzt:before,.track-note-container.svelte-g8snzt:after{content:" ";position:absolute;z-index:0;top:25px;width:20px;height:0;font-size:25px;border-bottom:solid 4px #ddd}.track-note-container.svelte-g8snzt:before{left:-10px}.track-note-container.svelte-g8snzt:after{right:-10px}.track-note-container.svelte-g8snzt .track-note:where(.svelte-g8snzt){font-family:Arial,sans-serif;position:relative;z-index:1;margin:0;padding:0;text-align:center;border-radius:50%;top:13px;width:25px;height:25px;background:#223;border:3px solid #ccd;line-height:20px;color:#fff;font-size:1.2em}.track-note-container.svelte-g8snzt .track-note:where(.svelte-g8snzt):hover{z-index:2;border-color:#fff;cursor:pointer}section.svelte-1gat7zm{width:560px}.notes.svelte-1gat7zm{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:left;align-items:stretch}select.svelte-81oup7{max-width:100%;min-width:50%}.container.svelte-17demy1{width:100%;padding-right:var(--bs-gutter-x, .75rem);padding-left:var(--bs-gutter-x, .75rem);margin-right:auto;margin-left:auto;display:flex;flex-direction:row;justify-content:center;align-items:stretch}@media (min-width: 576px){.container.svelte-17demy1{max-width:540px}}@media (min-width: 768px){.container.svelte-17demy1{max-width:720px}}@media (min-width: 992px){.container.svelte-17demy1{max-width:960px}}@media (min-width: 1200px){.container.svelte-17demy1{max-width:1140px}}@media (min-width: 1400px){.container.svelte-17demy1{max-width:1320px}}#left.svelte-17demy1{flex:2}#center.svelte-17demy1{flex:3}#right.svelte-17demy1{flex:1}