@font-face{font-family:body;font-weight:400;src:url(/InputSansNarrow-Regular.ttf)}@font-face{font-family:body;font-weight:500;src:url(/InputSansNarrow-Medium.ttf)}@font-face{font-family:body;font-weight:700;src:url(/InputSansNarrow-Bold.ttf)}@font-face{font-family:title;font-weight:500;src:url(/PragmataPro-Bold.otf)}*{box-sizing:border-box}html,body,.app,#app{width:100vw;color:var(--color-panel-100)}h1{font-family:title;line-height:1;font-weight:400;color:var(--color-panel-75);display:block;margin:calc(var(--u) * 1) 0}h2{font-family:title;line-height:1;font-weight:400;color:var(--color-panel-75);display:block;margin:calc(var(--u) * 1) 0;text-transform:uppercase}.coltrane-text{font-family:body;color:var(--color-panel-100)}.coltrane-text p{max-width:calc(var(--u) * 40);line-height:1.418;margin-bottom:calc(var(--u) * 1)}.coltrane-text p+p{margin-bottom:calc(var(--u) * 2)}.coltrane-synesthesia_1,.coltrane-synesthesia_1>*{background-color:var(--color-1)!important;color:var(--fg-color-1)!important}.coltrane-synesthesia_2,.coltrane-synesthesia_2>*{background-color:var(--color-2)!important;color:var(--fg-color-2)!important}.coltrane-synesthesia_3,.coltrane-synesthesia_3>*{background-color:var(--color-3)!important;color:var(--fg-color-3)!important}.coltrane-synesthesia_4,.coltrane-synesthesia_4>*{background-color:var(--color-4)!important;color:var(--fg-color-4)!important}.coltrane-synesthesia_5,.coltrane-synesthesia_5>*{background-color:var(--color-5)!important;color:var(--fg-color-5)!important}.coltrane-synesthesia_6,.coltrane-synesthesia_6>*{background-color:var(--color-6)!important;color:var(--fg-color-6)!important}.coltrane-synesthesia_7,.coltrane-synesthesia_7>*{background-color:var(--color-7)!important;color:var(--fg-color-7)!important}.coltrane-synesthesia_8,.coltrane-synesthesia_8>*{background-color:var(--color-8)!important;color:var(--fg-color-8)!important}.coltrane-synesthesia_9,.coltrane-synesthesia_9>*{background-color:var(--color-9)!important;color:var(--fg-color-9)!important}.coltrane-synesthesia_10,.coltrane-synesthesia_10>*{background-color:var(--color-10)!important;color:var(--fg-color-10)!important}.coltrane-synesthesia_11,.coltrane-synesthesia_11>*{background-color:var(--color-11)!important;color:var(--fg-color-11)!important}.coltrane-synesthesia_12,.coltrane-synesthesia_12>*{background-color:var(--color-12)!important;color:var(--fg-color-12)!important}.coltrane-button{padding:0 calc(var(--u) * .5);font-family:body;font-size:calc(var(--u) * .75);height:calc(var(--u) * 2);border:none;cursor:pointer;display:grid;align-items:center;justify-content:center;text-decoration:none;background-color:var(--color-panel-75);color:var(--color-panel-50)}.coltrane-button.coltrane-button_inline{display:inline-block}.coltrane-button.coltrane-button_primary{background-color:var(--color-primary);color:var(--color-on-primary);font-weight:700}.coltrane-button.coltrane-button_secondary{background-color:var(--color-panel-75);color:var(--color-panel-25)}.coltrane-button.coltrane-button_tertiary{background-color:transparent;color:var(--color-panel-50);border:none}.coltrane-button.coltrane-button_disabled{background-color:var(--color-disabled);color:var(--color-on-disabled);cursor:not-allowed}.coltrane-button.coltrane-button_inverted.coltrane-button_secondary{border:1px solid var(--color-panel-75);background-color:transparent;color:var(--color-panel-50)}.coltrane-button.coltrane-button_inverted.coltrane-button_tertiary{background-color:transparent;color:var(--color-panel-50);border:none}.coltrane-button.coltrane-button_inverted.coltrane-button_current{font-weight:700;border-color:var(--color-panel-75);color:var(--color-panel-25)}.coltrane-button.coltrane-button_inverted:hover{border-color:var(--color-panel-50);color:var(--color-panel-25)}.coltrane-dropdown{position:relative;display:grid}.coltrane-dropdown__menu{position:absolute;top:100%;right:0;background-color:var(--color-panel-100);border:1px solid var(--color-panel-50);display:grid;gap:0;z-index:var(--z-dropdown);min-width:10rem;box-shadow:0 2px 8px #00000026}.coltrane-dropdown__option{padding:calc(var(--u) * .75);border:none;cursor:pointer;background-color:transparent;color:var(--color-panel-25);display:grid;text-align:left}.coltrane-dropdown__option:hover{background-color:var(--color-panel-75)}.coltrane-dropdown__option_active{background-color:var(--color-panel-50)}.coltrane-locale-selector__flag{height:calc(var(--u) * 1);width:calc(var(--u) * 1);object-fit:cover}.coltrane-locale-selector__option-content{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u) * .75);align-items:center;text-decoration:none;color:inherit}.coltrane-locale-selector__option-flag{height:calc(var(--u) * 1);width:calc(var(--u) * 1);object-fit:cover}.coltrane-locale-selector__option-label{font-size:.875rem}.coltrane-top-bar{height:var(--triple-u);color:var(--color-panel-25);background-color:var(--color-panel-100);display:grid;grid:"logo main-menu spacer meta-menu" 1fr/auto auto 1fr auto;padding:calc(var(--u) * .5);gap:calc(var(--u) * 1);place-content:center;place-items:center}.coltrane-top-bar__logo{height:var(--three-quarters-u);grid-area:logo}.coltrane-top-bar__main-menu{grid-area:main-menu;display:flex;gap:calc(var(--u) * .5)}.coltrane-top-bar__meta-menu{grid-area:meta-menu;display:flex;gap:calc(var(--u) * .5);place-items:stretch center}.coltrane-top-bar__version{color:var(--color-panel-50)}.app{margin:0;background-color:var(--color-panel-75);display:grid;grid:"header" auto "body" 1fr/1fr;place-content:stretch;height:100vh;width:100vw}.app__top-bar{grid-area:header}.app__body{height:100%;width:100%;grid-area:body}.app_no-layout{grid:1fr/1fr}.coltrane-dummy{font-family:body;font-size:10px;display:flex}.coltrane-dummy .coltrane-dummy__inner{padding:10px;margin:20px;flex:1}.coltrane-keyboard{position:relative}.coltrane-keyboard__key{position:absolute;left:0;top:0}.coltrane-keyboard__key_type_white{height:100%}.coltrane-keyboard__key_type_black{height:70%}.coltrane-keyboard-key{border:var(--panel-border);border-right:none;outline:none}.coltrane-keyboard-key:active{background-color:red}.coltrane-keyboard-key_type_white{background:#fff}.coltrane-keyboard-key_type_black{background:#000}.coltrane-label{position:relative;display:inline-block;font-family:body;line-height:1;color:var(--color-panel-75);-webkit-user-select:none;user-select:none;--webkit-user-select: none}.coltrane-label_active{font-weight:700}.coltrane-label_level_title{font-family:title;padding:var(--half-u);padding-top:1px;font-size:calc(var(--u) * 1.25);font-weight:500;text-transform:uppercase}.coltrane-label_level_subtitle{font-size:calc(var(--u) * .75);text-transform:uppercase;font-weight:700;line-height:1;height:calc(var(--u) * .625)}.coltrane-label_level_body,.coltrane-label_level_light{height:calc(var(--u) * .625);font-size:calc(var(--u) * .75)}.coltrane-label_bubble{height:auto;max-width:var(--double-u);place-items:center;display:inline-grid;border-radius:50%;aspect-ratio:1}.coltrane-label_bubble.coltrane-label_level_body{width:var(--triple-u)}.coltrane-label_bubble.coltrane-label_level_title{padding-bottom:7px}.coltrane-label_inverted{color:var(--color-panel-50)}.coltrane-label_synesthesia_1{background-color:var(--color-1);color:var(--fg-color-1)}.coltrane-label_synesthesia_2{background-color:var(--color-2);color:var(--fg-color-2)}.coltrane-label_synesthesia_3{background-color:var(--color-3);color:var(--fg-color-3)}.coltrane-label_synesthesia_4{background-color:var(--color-4);color:var(--fg-color-4)}.coltrane-label_synesthesia_5{background-color:var(--color-5);color:var(--fg-color-5)}.coltrane-label_synesthesia_6{background-color:var(--color-6);color:var(--fg-color-6)}.coltrane-label_synesthesia_7{background-color:var(--color-7);color:var(--fg-color-7)}.coltrane-label_synesthesia_8{background-color:var(--color-8);color:var(--fg-color-8)}.coltrane-label_synesthesia_9{background-color:var(--color-9);color:var(--fg-color-9)}.coltrane-label_synesthesia_10{background-color:var(--color-10);color:var(--fg-color-10)}.coltrane-label_synesthesia_11{background-color:var(--color-11);color:var(--fg-color-11)}.coltrane-label_synesthesia_12{background-color:var(--color-12);color:var(--fg-color-12)}.coltrane-label_interactive{cursor:pointer;text-decoration:underline}.coltrane-label_interactive:hover{background-color:var(--color-panel-75);color:var(--color-panel-25)}.coltrane-label_interactive:hover.coltrane-label_synesthesia_1{border:solid var(--stroke) var(--color-1);background-color:var(--fg-color-1);color:var(--color-1)}.coltrane-label_interactive:hover.coltrane-label_synesthesia_2{border:solid var(--stroke) var(--color-2);background-color:var(--fg-color-2);color:var(--color-2)}.coltrane-label_interactive:hover.coltrane-label_synesthesia_3{border:solid var(--stroke) var(--color-3);background-color:var(--fg-color-3);color:var(--color-3)}.coltrane-label_interactive:hover.coltrane-label_synesthesia_4{border:solid var(--stroke) var(--color-4);background-color:var(--fg-color-4);color:var(--color-4)}.coltrane-label_interactive:hover.coltrane-label_synesthesia_5{border:solid var(--stroke) var(--color-5);background-color:var(--fg-color-5);color:var(--color-5)}.coltrane-label_interactive:hover.coltrane-label_synesthesia_6{border:solid var(--stroke) var(--color-6);background-color:var(--fg-color-6);color:var(--color-6)}.coltrane-label_interactive:hover.coltrane-label_synesthesia_7{border:solid var(--stroke) var(--color-7);background-color:var(--fg-color-7);color:var(--color-7)}.coltrane-label_interactive:hover.coltrane-label_synesthesia_8{border:solid var(--stroke) var(--color-8);background-color:var(--fg-color-8);color:var(--color-8)}.coltrane-label_interactive:hover.coltrane-label_synesthesia_9{border:solid var(--stroke) var(--color-9);background-color:var(--fg-color-9);color:var(--color-9)}.coltrane-label_interactive:hover.coltrane-label_synesthesia_10{border:solid var(--stroke) var(--color-10);background-color:var(--fg-color-10);color:var(--color-10)}.coltrane-label_interactive:hover.coltrane-label_synesthesia_11{border:solid var(--stroke) var(--color-11);background-color:var(--fg-color-11);color:var(--color-11)}.coltrane-label_interactive:hover.coltrane-label_synesthesia_12{border:solid var(--stroke) var(--color-12);background-color:var(--fg-color-12);color:var(--color-12)}.coltrane-fretboard{position:relative;width:100%;container-type:size}.coltrane-fretboard__svg{width:100%;height:100%}.coltrane-fretboard__nut{stroke:var(--color-panel-100);stroke-width:3;vector-effect:non-scaling-stroke}.coltrane-fretboard__fret{stroke:var(--color-panel-75);stroke-width:1;vector-effect:non-scaling-stroke}.coltrane-fretboard__string{stroke:var(--color-panel-50);stroke-width:1;vector-effect:non-scaling-stroke}.coltrane-fretboard__fret-number{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);color:var(--color-panel-75);font-size:16px;font-family:body;pointer-events:none;-webkit-user-select:none;user-select:none}.coltrane-fretboard__tone{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;cursor:pointer;transition:opacity .1s ease}@container (width < 1000px){.coltrane-fretboard .coltrane-fretboard__tone{width:20px}}.coltrane-config{display:grid;grid:auto-flow/repeat(auto-fit,minmax(calc(var(--u) * 16),1fr));place-items:start stretch;place-content:stretch}.coltrane-config-section{height:100%;display:grid;grid:auto auto/1fr;border-left:1px dashed var(--color-panel-50);place-items:start stretch;place-content:start stretch}.coltrane-config-section__title{border-bottom:1px solid var(--color-panel-50)}.coltrane-config-section:first-child{border-left:none}.coltrane-config-section__body{display:grid;grid:auto-flow 1fr/auto 1fr;gap:calc(var(--u) * .5);padding:calc(var(--u) * 1);place-items:center stretch;place-content:space-evenly stretch}.coltrane-widget-selector{padding:calc(var(--m) / 2);background:var(--canvas-bg);color:var(--highlight-d)}.coltrane-widget-selector__widget{cursor:pointer;padding:calc(var(--m) / 2)}.coltrane-widget-selector__widget:hover{color:var(--highlight-b)}.coltrane-lute{font-family:body;background-color:var(--color-panel-25);width:100%;height:100%;display:grid;grid:"header" auto "body" 1fr "footer" auto/1fr;gap:var(--u)}.coltrane-lute__mobile-toggle{display:none;grid-area:header}@media(max-width:768px){.coltrane-lute__mobile-toggle{display:block}}.coltrane-lute__fretboard-wrapper{display:grid;place-items:center;grid-area:body}.coltrane-lute__config{grid-area:footer}@media(max-width:768px){.coltrane-lute__config{display:none;grid-area:body}}.coltrane-lute__config .coltrane-fretboard{width:100%}@media(max-width:768px){.coltrane-lute.coltrane-lute_configuring .coltrane-lute__fretboard-wrapper{display:none}.coltrane-lute.coltrane-lute_configuring .coltrane-lute__config{display:grid}}.coltrane-lute__tuning-input{display:grid;place-items:center}.coltrane-lute__key-controls{display:grid;grid-template-columns:auto auto auto auto;gap:var(--half-u);align-items:center}.coltrane-lute__input,.coltrane-lute__select{min-width:0px;font-family:var(--font-family-mono);font-size:calc(var(--u) * .75);padding:var(--half-u);border:1px solid var(--color-panel-50);border-radius:var(--quarter-u);background-color:var(--color-panel-25);color:var(--color-panel-75);text-align:center}.coltrane-lute__input:focus,.coltrane-lute__select:focus{outline:none;border-color:var(--color-panel-75)}.coltrane-lute__input::placeholder{color:var(--color-panel-50)}.coltrane-lute__select{min-width:80px;cursor:pointer}.coltrane-lute__checkbox-label{display:grid;grid-template-columns:auto auto;gap:var(--quarter-u);align-items:center;font-family:body;font-size:var(--u);color:var(--color-panel-75);cursor:pointer}.coltrane-lute__checkbox{margin:0;cursor:pointer}.coltrane-lyrics{margin:var(--half-u);position:relative;display:grid;grid:1fr/1fr;place-items:start center;background-color:var(--color-panel-25);font-family:body;font-size:var(--u);line-height:1;color:var(--color-panel-100)}.coltrane-lyrics__editor{width:calc(var(--body-font-width) * var(--text-column-max-width));overflow:hidden}.coltrane-lyrics__editor .tiptap:focus{outline:none}.coltrane-chord{display:inline-grid;background-color:var(--bg-color);border-radius:50%;padding:var(--quarter-u);width:calc(var(--u) * 2);height:calc(var(--u) * 2);align-items:center;justify-items:center}.coltrane-chord:after{content:attr(data-value);text-align:center;font-family:title;font-weight:500;font-size:calc(var(--u) * 1.25);color:var(--fg-color)}.coltrane-lyrics-chord-section{box-sizing:content-box;width:calc(var(--length) * var(--body-font-width));display:inline-grid;gap:var(--half-u)}.coltrane-lyrics-chord-section__chord{padding-right:var(--half-u)}.coltrane-tab{--tab-radius: 4px;height:30px;padding:0 10px;display:inline-flex;align-items:stretch;background-color:var(--color-panel-50);border-radius:var(--tab-radius) var(--tab-radius) 0 0;margin-right:2px;margin-bottom:-1px;-webkit-user-select:none;user-select:none;position:relative;cursor:grab;border-bottom:1px solid var(--color-panel-50);transition:background-color .2s ease}.coltrane-tab_active{background-color:var(--color-panel-25);border-bottom-color:var(--color-panel-25);z-index:1}.coltrane-tab_dragging{opacity:.6;background-color:var(--highlight-a);cursor:grabbing}.coltrane-tab__title{display:flex;align-items:center;padding-right:10px;white-space:nowrap;font-size:12px;cursor:pointer}.coltrane-tab__close{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;cursor:pointer;opacity:.5;width:16px;height:16px;margin:auto 0}.coltrane-tab__close:hover{opacity:1;color:var(--highlight-a)}:deep(.panel-drag-active){transition:outline .2s ease,background-color .2s ease}:deep(.panel-drag-active):not(.coltrane-panel_drop-target):hover{outline:2px dashed var(--highlight-a-rgb)}.coltrane-tab-group{display:flex;min-height:var(--double-u);padding-right:var(--half-u);position:relative;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.coltrane-tab-group__tab-container{position:relative;transition:background-color .2s}.coltrane-tab-group__tab-container_drag-over:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--highlight-a);z-index:10}.coltrane-tab-group__add-tab{display:flex;align-items:center;justify-content:center;height:var(--double-u);width:calc(var(--u) * 1.5);background-color:var(--color-panel-50);color:var(--color-panel-25);cursor:pointer;margin-left:calc(var(--half-u) * -1);flex-shrink:0}.coltrane-tab-group__add-tab:hover{background-color:var(--highlight-a);color:var(--color-panel-25)}.coltrane-tab-group__add-tab span{font-size:18px;font-weight:700}.coltrane-panel{display:flex;flex-direction:column;background-color:var(--color-panel-75);padding:var(--half-u);position:relative;box-sizing:border-box;transition:outline .2s ease}.coltrane-panel_drop-target{outline:2px dashed var(--highlight-a)}.coltrane-panel__active-widget{flex:1;place-self:stretch;background-color:var(--color-panel-25);display:grid;grid:1fr/1fr;place-items:stretch}.coltrane-panel__empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-panel-25);color:var(--color-panel-50);font-size:14px;gap:var(--u);transition:background-color .2s ease,outline .2s ease}.coltrane-panel__empty_drop-target{background-color:rgba(var(--highlight-a-rgb),.1);outline:2px dashed var(--highlight-a)}.coltrane-panel__add-button{padding:calc(var(--half-u) / 2) var(--half-u);background-color:var(--highlight-a);color:var(--color-panel-25);border:none;border-radius:3px;cursor:pointer;font-size:12px}.coltrane-panel__add-button:hover{background-color:var(--highlight-b)}.coltrane-svg-polygon{stroke-width:var(--stroke);fill-opacity:.8;vector-effect:non-scaling-stroke}.coltrane-svg-dot{fill:var(--color-panel-75);stroke:none}.coltrane-svg-dot_selected{fill:var(--color-panel-100);r:1.5}.coltrane-svg-circle{fill:none;stroke:var(--color-panel-50);stroke-width:var(--stroke);vector-effect:non-scaling-stroke}.coltrane-clock{padding:20px;align-items:center;justify-items:center;display:grid;width:100cqmin;height:100cqmin;aspect-ratio:1;position:relative}.coltrane-clock__drawing{grid-area:1/1/2/2}.coltrane-clock__dot{fill:var(--color-panel-75);stroke:none}.coltrane-clock__dot_selected{fill:var(--color-panel-100);r:1.5}.coltrane-clock__text{fill:var(--color-panel-75);font-size:3px}.coltrane-clock__node{width:100%;height:100%;display:grid;place-items:center}.coltrane-clock__node_selected{font-weight:700}.coltrane-clock__drag-line{stroke-width:var(--stroke-bold);stroke-dasharray:5,5;stroke:var(--color-panel-50);vector-effect:non-scaling-stroke}.coltrane-clock__drag-line_snapped{stroke-width:var(--stroke-bold);stroke-dasharray:none}.coltrane-clock__drag-line_distance_1{stroke:var(--color-1)}.coltrane-clock__drag-line_distance_2{stroke:var(--color-2)}.coltrane-clock__drag-line_distance_3{stroke:var(--color-3)}.coltrane-clock__drag-line_distance_4{stroke:var(--color-4)}.coltrane-clock__drag-line_distance_5{stroke:var(--color-5)}.coltrane-clock__drag-line_distance_6{stroke:var(--color-6)}.coltrane-clock__drag-line_distance_7{stroke:var(--color-7)}.coltrane-clock__drag-line_distance_8{stroke:var(--color-8)}.coltrane-clock__drag-line_distance_9{stroke:var(--color-9)}.coltrane-clock__drag-line_distance_10{stroke:var(--color-10)}.coltrane-clock__drag-line_distance_11{stroke:var(--color-11)}.coltrane-clock__drag-line_distance_12{stroke:var(--color-12)}.coltrane-clock__polygon{stroke-width:var(--stroke);fill-opacity:.8;vector-effect:non-scaling-stroke}.coltrane-clock__polyline{stroke-width:var(--stroke-bold);vector-effect:non-scaling-stroke;fill:none}.coltrane-widget-tone-clock{display:flex;justify-content:center;align-items:center;height:100vh}