/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Open Sans,Helvetica Neue,sans-serif;color:#fff;background-color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;border-color:#ffffff40;background-color:#ffffff0d;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.button:hover{background-color:#ffffff1a}.button:disabled{cursor:not-allowed;opacity:.4}.field{min-height:2.5rem;width:100%;border-radius:.375rem;border-width:1px;border-color:#fff3;--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.fretboard{position:relative;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(82 82 82 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(43 29 14 / var(--tw-bg-opacity, 1))}.legacy-nav-panel{position:fixed;bottom:0;left:0;right:25%;top:0;--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background-color:#101010}.legacy-nav-panel-open{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.legacy-nav-panel-closed{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.legacy-overlay{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.legacy-overlay-visible{pointer-events:auto;opacity:1}.legacy-nav-content{display:flex;height:100%}.legacy-nav-list{margin:0;display:flex;list-style-type:none;flex-wrap:wrap;align-items:stretch;padding:0}.legacy-nav-item{width:50%}.legacy-nav-link{display:flex;height:100%;flex-direction:column;align-items:stretch;padding:5vh;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.legacy-nav-link:hover,.legacy-nav-link:focus,.legacy-nav-link:active{background-color:#202020}.legacy-nav-link h1{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem}.legacy-nav-link p{margin-top:.4rem;margin-bottom:.4rem;font-size:.875rem;line-height:1.25rem}.legacy-instructions h1{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem}.legacy-instructions p{margin-top:1rem;margin-bottom:1rem;font-size:.875rem;line-height:1.5rem}.legacy-tab-container{height:100%;width:100%}.legacy-tab-content{display:flex;align-items:center;justify-content:center}.legacy-tab{display:flex;align-items:flex-end;z-index:0}.legacy-tab pre{margin:0;padding:0}.legacy-strings{position:absolute;left:0;top:0;display:grid;width:200vw;grid-template-columns:repeat(1,minmax(0,1fr));height:var(--strings-height);min-height:var(--strings-min-height);grid-template-rows:repeat(var(--string-count),minmax(0,1fr))}.legacy-string-row{display:grid;align-items:center}.legacy-string-row:after{content:"";display:block;width:100%;height:var(--string-thickness);background:linear-gradient(0deg,#777,#eee 50%,#999 80%);box-shadow:0 3px 3px #0009,0 -3px 3px #0009}.legacy-string-row-wound:after{background:repeating-linear-gradient(105deg,#555b5e,#e7e9e6 .8px,#858b8e 1.5px,#fafaf6 2.1px,#62686b 3px),linear-gradient(0deg,#777,#eee 50%,#999 80%);background-blend-mode:normal;box-shadow:0 3px 3px #000000a6,0 -3px 3px #000000a6}.legacy-instrument{position:relative;width:200vw;height:var(--instrument-height);min-height:var(--instrument-min-height);background-color:var(--instrument-bg);box-shadow:0 -20px 20px #0000007f,0 20px 20px #0000007f}.legacy-fret-grid{position:relative;height:100%;width:100vw;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.legacy-notes{position:absolute;left:0;top:0;display:grid;height:100%;width:100vw;min-height:var(--notes-min-height);grid-template-columns:var(--grid-columns);grid-template-rows:repeat(var(--string-count),minmax(0,1fr))}.legacy-note{z-index:var(--note-z, 899);display:grid;align-items:center;justify-content:center;grid-column-start:var(--note-column);grid-row-start:var(--note-row);color:var(--note-color)}.legacy-note span{display:grid;height:1.7rem;width:1.7rem;cursor:pointer;place-items:center;border-radius:9999px;border-width:2px;font-size:1rem;line-height:1.5rem;font-weight:700;border-color:var(--note-border);background-color:var(--note-bg);box-shadow:0 0 3px 3px #0009}.legacy-note-active{color:var(--note-active-color)}.legacy-note-active span{border-color:var(--note-active-border);background-color:var(--note-active-bg);transform:scale(1.2)}.legacy-fret-numbers{position:absolute;left:0;display:grid;width:100vw;z-index:var(--numbers-z);top:calc(-1 * var(--numbers-height));height:var(--numbers-height);min-height:var(--numbers-min-height);grid-template-columns:var(--numbers-columns);grid-template-rows:1fr}.legacy-fret-number{display:grid;align-items:center;justify-content:center;font-weight:700;height:var(--numbers-height);min-height:var(--numbers-min-height);grid-column-start:var(--number-column);grid-column-end:var(--number-column)}.legacy-frets{position:absolute;left:0;top:0;display:grid;width:100vw;z-index:var(--frets-z);height:var(--frets-height);min-height:var(--frets-min-height);grid-template-columns:var(--frets-columns);grid-template-rows:1fr}.legacy-fret{position:relative;display:grid;height:100%;align-items:center;justify-content:center;z-index:var(--fret-z);grid-column-start:var(--fret-column);box-shadow:inset 5px 0 5px #0000004d;border-right:3px solid var(--fret-border-light);border-left:3px solid var(--fret-border-dark);background-color:var(--fret-bg)}.legacy-fret:nth-child(2){box-shadow:inset 10px 0 10px #0009}.legacy-fret-first-real{padding-left:3px;border-left:0}.legacy-fret:first-child{border:0;border-right:2rem solid white;background-color:var(--nut-bg)}.legacy-fret-last{padding-right:3px;border-right:0;justify-content:start;background-color:transparent}.legacy-fret-last:after{content:"";display:block;height:100%;width:2vw;border-right:2vw solid var(--neck-bg);background-color:var(--fret-bg)}.legacy-fret-marker:before,.legacy-fret-marker:after{content:"";position:absolute;display:block;height:1rem;width:1rem;border-radius:9999px;top:calc(50% - .5rem);left:calc(50% - .5rem);background-color:var(--dot-bg)}.legacy-fret-marker:before{display:none}.legacy-fret-double-marker:before{top:calc(33.3333333333% - .5rem);display:block}.legacy-fret-double-marker:after{top:calc(66.6666666666% - .5rem)}.legacy-range{pointer-events:none;position:absolute;left:0;top:0;height:100vh;width:100vw;z-index:var(--range-z)}.legacy-range-focus{position:absolute;top:0;height:100vh;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;left:var(--focus-edge);right:var(--focus-edge);z-index:var(--focus-z);background-color:var(--range-focus-bg)}.legacy-range-focus.is-visible,.legacy-range-blur.is-visible{opacity:1}.legacy-range-blur{position:absolute;top:0;height:100vh;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;z-index:var(--blur-z);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.legacy-range-blur-left{left:0;width:var(--blur-edge)}.legacy-range-blur-right{right:0;width:var(--blur-edge)}.legacy-grid{display:grid;height:100%;width:100%;background:linear-gradient(180deg,rgb(0 0 0 / 60%) 0%,transparent 20%,transparent 80%,rgb(0 0 0 / 60%) 100%);grid-template-columns:1fr 2fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr))}.legacy-grid>div{display:flex;padding:1rem}.legacy-grid>div:nth-child(1){z-index:var(--grid-z);flex-direction:column}.legacy-grid>div:nth-child(1) button{height:3.4rem;width:3.4rem;border-radius:9999px}.legacy-grid>div:nth-child(2){z-index:var(--grid-z);flex-direction:row;align-items:flex-start;justify-content:space-between}.legacy-grid>div:nth-child(2)>label{margin-bottom:.5rem;display:flex;width:100%;align-items:center;justify-content:center}.legacy-grid>div:nth-child(2)>div:first-child{flex-grow:1}.legacy-grid>div:nth-child(2)>div:last-child{white-space:nowrap}.legacy-grid>div:nth-child(3){z-index:var(--grid-z);flex-direction:column;align-items:flex-start;justify-content:flex-start}.legacy-grid>div:nth-child(3)>p,.legacy-grid>div:nth-child(3)>label{margin-bottom:.5rem;display:flex;width:100%;align-items:center;justify-content:flex-end}.legacy-grid>div:nth-child(4){height:var(--grid-board-height);grid-column-start:1;grid-column-end:4;grid-row-start:2;grid-row-end:3;align-items:center;justify-content:center;padding:0}.legacy-grid>div:nth-child(5){z-index:var(--grid-z);flex-direction:row;align-items:flex-end;justify-content:flex-start}.legacy-grid>div:nth-child(6){z-index:var(--grid-z);flex-direction:column;align-items:flex-start;justify-content:flex-start}.legacy-grid>div:nth-child(7){z-index:var(--grid-z);align-items:flex-end;justify-content:flex-end}.legacy-nav-close-button{position:absolute;top:0;height:100%;width:3rem;cursor:pointer;border-width:0px;padding:0;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;right:calc(-3rem + 1px);background-color:#000;box-shadow:-3px 0 6px #0006,6px 0 12px #0006;display:none}.legacy-nav-close-button.is-visible{display:block}.legacy-nav-close-button:hover,.legacy-nav-close-button:focus,.legacy-nav-close-button:active{color:#fff;background-color:#080808}.legacy-nav-close-button:active{outline:0}.legacy-sequence-container,.legacy-sequence{display:flex;width:100%;align-items:center;justify-content:space-between}.legacy-sequence-note{display:flex;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.legacy-sequence-note:before{content:"";position:absolute;z-index:-1;width:3rem;height:3rem;border-radius:50%;background-color:#ffffff1a;transition:background-color .3s;display:none}.legacy-sequence-note:hover:before,.legacy-sequence-note:focus:before,.legacy-sequence-note:active:before{display:block}.legacy-sequence-note.is-current{position:relative;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.legacy-sequence-note.is-current:before{background-color:orange;display:block;cursor:default}.legacy-sequence-button{display:flex;height:3rem;width:4rem;align-items:center;justify-content:center;border-radius:9999px;border-width:0px;padding:0;font-size:1.875rem;line-height:2.25rem;margin:0;background-color:transparent}.legacy-sequence-button:disabled{color:#ffffff1a;background-color:transparent}.legacy-sequence-button:hover,.legacy-sequence-button:focus,.legacy-sequence-button:active{background-color:#ffffff1a}.legacy-sequence-button:disabled:hover,.legacy-sequence-button:disabled:focus,.legacy-sequence-button:disabled:active{background-color:transparent;cursor:default}.legacy-sequence-button:first-child{margin-right:2vw}.legacy-sequence-button:first-child>svg{transform:translate(-.2rem)}.legacy-sequence-button:last-child{margin-left:2vw}.legacy-sequence-button:last-child>svg{transform:translate(.2rem)}.legacy-form-select{cursor:pointer;border-width:0px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));margin:0 .2vw;background-color:#ffffff1a}.legacy-form-select option{color:#fff;background-color:#0000007f}.legacy-form-button{cursor:pointer;border-width:1px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));margin:0 .5vw;padding:1vh 1vw;background-color:transparent;font-size:1.2rem}.legacy-practice-controls{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;white-space:nowrap}.legacy-practice-controls label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}.legacy-practice-controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:9rem;height:1.25rem;background:linear-gradient(to right,white 0%,white var(--tempo-progress),#737373 var(--tempo-progress),#737373 100%) center / 100% 6px no-repeat}.legacy-practice-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:orange;cursor:pointer}.legacy-practice-controls input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:orange;cursor:pointer}.legacy-practice-controls input[type=checkbox]{accent-color:orange}.legacy-accidentals-toggle{margin-top:.5rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;font-size:.875rem;line-height:1.25rem}.legacy-accidentals-toggle input[type=checkbox]{order:2;accent-color:orange}.legacy-tempo-control{margin-bottom:.75rem}.legacy-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}.legacy-grid>div{min-width:0}.legacy-grid>div:nth-child(2)>div:first-child{min-width:0}.legacy-sequence-container{min-width:0;overflow:visible}.legacy-sequence{min-width:0;overflow:visible;flex:1 1 auto}.legacy-sequence-note{flex:1 1 0;min-width:0;padding-left:.25rem;padding-right:.25rem}.legacy-sequence-note:before{width:2.5rem;height:2.5rem}.legacy-instruments-panel{left:25%;right:0}.legacy-instruments-panel.legacy-nav-panel-closed{transform:translate(100%)}.legacy-instruments-panel.legacy-nav-panel-open{transform:translate(0)}.legacy-instruments-content{display:flex;height:100%;flex-direction:column;gap:1.5rem;padding:2rem}.legacy-instruments-content h1{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem}.legacy-instruments-close-button{position:absolute;left:calc(-3rem + 1px);top:0;display:flex;height:100%;width:3rem;cursor:pointer;align-items:center;justify-content:center;border-width:0px;padding:0;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background-color:#000;box-shadow:-3px 0 6px #0006,6px 0 12px #0006;display:none}.legacy-instruments-close-button.is-visible{display:flex}.legacy-instruments-close-button:hover,.legacy-instruments-close-button:focus,.legacy-instruments-close-button:active{color:#fff;background-color:#080808}.legacy-grid>div.legacy-instrument-menu-trigger{display:flex;width:100%;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:.25rem}.legacy-instrument-menu-trigger .legacy-nav-icon-button-wrapper{display:flex;width:100%;flex-direction:column;align-items:flex-end}.legacy-instrument-menu-trigger .legacy-nav-icon-button-wrapper>button{height:auto;width:3.4rem;flex-shrink:0;align-self:flex-end;border-radius:9999px}.legacy-instrument-menu-trigger .legacy-nav-icon-button-wrapper>button.legacy-instrument-open-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:none}.legacy-instrument-open-button .legacy-instrument-icon{display:block;height:auto;width:2.1rem;max-width:100%;-o-object-fit:contain;object-fit:contain;transition:none;filter:brightness(0) saturate(100%) invert(57%) sepia(5%) saturate(480%) hue-rotate(176deg) brightness(91%) contrast(86%)}.legacy-instrument-open-button:hover .legacy-instrument-icon,.legacy-instrument-open-button:focus .legacy-instrument-icon,.legacy-instrument-open-button:active .legacy-instrument-icon{filter:brightness(0) invert(1)}.legacy-grid>div.legacy-tab-sequence-cell{grid-column-start:1;grid-column-end:4;grid-row-start:3;grid-row-end:4;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.legacy-tab-sequence-cell>.legacy-tab-range-container,.legacy-tab-sequence-cell>.legacy-sequence-container{width:50%}.legacy-tab-range-container{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.legacy-tab-range-container .legacy-tab-container{height:auto;width:100%}.legacy-tab-range-container .legacy-range-selector-container{display:flex;width:100%;align-items:center;justify-content:center;padding:0}.legacy-tab-range-container label{display:flex;width:100%;justify-content:center}.legacy-tab-range-container .legacy-form-select{max-width:100%;text-align:center}.legacy-instruments-content{overflow-y:auto}.instrument-builder{display:flex;min-height:0px;flex-direction:column;gap:1rem;max-width:44rem}.instrument-builder-type-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.instrument-builder-type{display:flex;min-width:0px;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;border-width:1px;border-color:#ffffff1a;background-color:#ffffff0d;padding:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.instrument-builder-type:hover{cursor:pointer}.instrument-builder-type img{height:2.25rem;width:2.25rem;-o-object-fit:contain;object-fit:contain;filter:brightness(0) saturate(100%) invert(57%) sepia(5%) saturate(480%) hue-rotate(176deg) brightness(91%) contrast(86%)}.instrument-builder-type:hover,.instrument-builder-type:focus-visible,.instrument-builder-type.is-selected{border-color:#ffffff4d;background-color:#ffffff1a;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.instrument-builder-type:hover img,.instrument-builder-type:focus-visible img,.instrument-builder-type.is-selected img{filter:brightness(0) invert(1)}.instrument-builder-field{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.instrument-builder-field .legacy-form-select{width:100%;max-width:100%;font-size:1rem;line-height:1.5rem}.instrument-builder-input{min-width:0px;border-radius:.25rem;border-width:1px;border-color:#fff3;--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.instrument-builder-string-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.instrument-builder-string-heading h2{margin:0;font-size:1rem;line-height:1.5rem;font-weight:600}.instrument-builder-count{display:flex;align-items:center;gap:.75rem}.instrument-builder-count button{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;border-color:#fff3;background-color:#ffffff0d;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.instrument-builder-count button:disabled{cursor:not-allowed;opacity:.3}.instrument-builder-count span{min-width:1rem;text-align:center;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.instrument-builder-hint{margin:0;font-size:.75rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.instrument-builder-strings{display:flex;flex-direction:column;gap:.5rem}.instrument-builder-string{display:grid;align-items:center;gap:.5rem;grid-template-columns:1.5rem minmax(0,1fr) minmax(0,1.25fr)}.instrument-builder-string-number{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.instrument-builder-string label{min-width:0px}.instrument-builder-string select{width:100%}.instrument-builder-actions .legacy-form-button{margin:0;font-size:.875rem;line-height:1.25rem}.instrument-builder-delete{display:flex;align-items:center;gap:.5rem;border-color:#f8717180;--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.instrument-builder-error{margin:0;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.instrument-builder-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.instrument-builder-save{flex-shrink:0;white-space:nowrap}.instrument-builder-name-row{display:flex;align-items:flex-end;gap:.5rem}.instrument-builder-name-row .instrument-builder-field{min-width:0px;flex:1 1 0%}.instrument-builder-name-row .instrument-builder-input{width:100%}.instrument-builder-name-row .legacy-form-button{margin:0;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-color:#ffffff40;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.instrument-builder-save{border-color:#ffffff40;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.instrument-builder-delete{border-color:#f8717199;--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.instrument-builder-delete.is-enabled{border-color:#f8717199;background-color:#ef44441a;--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.instrument-builder-delete.is-enabled:hover,.instrument-builder-delete.is-enabled:focus-visible{background-color:#ef444433}.instrument-builder-delete.is-disabled,.instrument-builder-delete:disabled{cursor:not-allowed;border-color:#ffffff1a;background-color:#ffffff0d;--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1));opacity:.6}.instrument-builder-name-row .legacy-form-button svg{height:.875rem;width:.875rem}select,.legacy-form-select{box-sizing:border-box;min-width:0;padding:.5rem 2.25rem .5rem .75rem;border:1px solid rgb(255 255 255 / 20%);border-radius:.25rem;color:#fff;background-color:#262626;font:inherit;font-size:.875rem;line-height:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23d4d4d4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.75rem .5rem}select:focus-visible,.legacy-form-select:focus-visible{outline:2px solid rgb(255 255 255 / 70%);outline-offset:1px}select:disabled,.legacy-form-select:disabled{cursor:not-allowed;opacity:.55}.instrument-builder select,.instrument-builder .legacy-form-select{padding-right:2.25rem;background-position:right .75rem center}.control-button{display:inline-flex;min-height:2rem;align-items:center;justify-content:center;gap:.5rem;border-radius:.25rem;border-width:1px;border-color:#fff3;background-color:#ffffff0d;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.control-button:hover:not(:disabled),.control-button:focus-visible:not(:disabled){cursor:pointer;background-color:#ffffff1a}.control-button:focus-visible{outline-style:solid;outline-width:2px;outline-offset:1px;outline-color:#ffffffb3}.control-button:disabled{cursor:not-allowed;opacity:.3}.control-button-icon{height:2rem;min-height:2rem;width:2rem;padding:0}.control-button-icon svg{height:1rem;width:1rem}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.grid{display:grid}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.legacy-nav-icon-button-wrapper{align-items:center;justify-content:center}.legacy-nav-icon-button-wrapper>button{margin:0;display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:0px;background-color:transparent;padding:0;font-size:2rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.legacy-nav-icon-button-wrapper>button:hover,.legacy-nav-icon-button-wrapper>button:focus,.legacy-nav-icon-button-wrapper>button:active{color:#fff;background-color:#080808}.legacy-nav-icon-button-wrapper>button:active{outline:0}@media(max-width:640px){.legacy-instruments-panel{left:0}.legacy-instruments-content{gap:1rem;padding:1rem}.instrument-builder-type{padding:.5rem .25rem}.instrument-builder-type img{height:1.75rem;width:1.75rem}}@media(max-width:420px){.instrument-builder-name-row{align-items:flex-end;gap:.25rem}.instrument-builder-save{padding-left:.6rem;padding-right:.6rem}}@media(max-width:640px){.instrument-builder-name-row{gap:.25rem}.instrument-builder-name-row .legacy-form-button{gap:.25rem;padding-left:.5rem;padding-right:.5rem}}