@charset "UTF-8";.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--nav-color: #205a88;--bright-nav-color: #207ac4;--medium-nav-color: #bfd8f6;--light-nav-color: #f1f6fd;--selected-nav-color: #e2efff;--dark-nav-color: #1a3044;--highlight-color: #687aff;--font-color: var(--darker-color);--primary-color: #945fb4;--light-primary-color: #edc5ff;--very-light-primary-color: #faeeff;--dark-primary-color: #571f71;--very-dark-primary-color: #271231;--secondary-color: #9BC483;--light-secondary-color: #E2F1DE;--dark-secondary-color: #204609;--tertiary-color: #A6D7DE;--light-tertiary-color: #D9F5F9;--dark-tertiary-color: #428994;--darker-tertiary-color: #286068;--darker-success-color: rgb(0, 128, 68);--darkest-alert-color: #5E0021;--darker-alert-color: #84153D;--alert-color: #FF689E;--light-alert-color: #FF92B9;--very-light-alert-color: #FFCCDE;--header-font: "Calistoga";--body-font: "Poppins";--border-1: 5px;--shadow-1: 0px 0px 25px 0px #1628361e;--left-nav-width: 140px;--widget-border: 1.5px solid var(--lightest-dark-color);--primary-bg-color: #e6e8f2;--secondary-bg-color: #fcfdff;--dark-warm-color: #433146;--medium-dark-warm-color: #683d70;--warm-color: #906099;--light-warm-color: #ceabd4;--medium-light-warm-color: #f2daf7;--very-light-warm-color: #f9f0fb;--pale-dark-color: #d7e5ee;--lightest-dark-color: #cad2df;--lighter-dark-color: #A7BCCB;--dark-color: #5A6D7C;--darker-color: #2D3E4A;--darkest-color: #162836;--contrast-color: rgb(87 116 142);--fret-line-color: #778b9b;--default-line-color: var(--darker-color);--placeholder-cool-color: #7C8D99;--placeholder-warm-color: #938D83;--disabled-color: #93a1aa;--A: #c96666;--AsharpBflat: #cb7f64;--B: #cc9762;--C: #c1a94f;--CsharpDflat: #8ea561;--D: #5ba073;--DsharpEflat: #5b9594;--E: #5b89b4;--F: #bc6daa;--FsharpGflat: #a96bb1;--G: #9568b7;--GsharpAflat: #b16b93;--Avibrant: #cf3131;--AsharpBflatvibrant: #d25b30;--Bvibrant: #d37f2a;--Cvibrant: #c29800;--CsharpDflatvibrant: #7faf20;--Dvibrant: #2f9e56;--DsharpEflatvibrant: #17b2b0;--Evibrant: #1b72c4;--Fvibrant: #c42ba0;--FsharpGflatvibrant: #ab2bbc;--Gvibrant: #7c27be;--GsharpAflatvibrant: #ba2a7b;--tabColor: rgb(205, 169, 25);--tabFontColor: rgb(59, 53, 30);--Alight: #ffabab8c;--Clight: #e4cb7278;--Dlight: #9feab985;--Elight: #a2ccf47d;--Glight: #cfa9eb85;--Apale: #f9e4e4;--AsharpBflatpale: #fbe8e2;--Bpale: #fce7d4;--Cpale: #fbf4d4;--CsharpDflatpale: #eef9d7;--Dpale: #e5faec;--DsharpEflatpale: #e3f7f6;--Epale: #d5ebfb;--Fpale: #fadff4;--FsharpGflatpale: #f7e3fa;--Gpale: #f3e2fc;--GsharpAflatpale: #f8daeb;--Adark: #a32f2f;--AsharpBflatdark: #b45530;--Bdark: #b86f26;--Cdark: #a2871a;--CsharpDflatdark: #62842a;--Ddark: #268849;--DsharpEflatdark: #2a8176;--Edark: #2d669c;--Fdark: #a5378d;--FsharpGflatdark: #8c2a9e;--Gdark: #693194;--GsharpAflatdark: #832d6b;--Cdarker: #776727;--Adarker: #8d2f2f;--Gdarker: #643488;--Edarker: #336390;--Ddarker: #246d3d;--Cmutedpale: #e7e4d4;--Amutedpale: #e6d7d7;--Gmutedpale: #dfdae5;--Emutedpale: #d3dce6;--Dmutedpale: #d5dcd7;--line-color-slate: rgba(60, 79, 94, 1);--line-color-raincloud: #9aaebc;--line-color-violet: var(--Gvibrant);--line-color-sky: var(--Evibrant);--line-color-dragonfruit: var(--Fvibrant);--line-color-green: var(--Dvibrant);--line-color-gold: var(--Cvibrant);--line-color-coral: var(--Bvibrant);--line-color-rose: var(--Avibrant);--default-line-color: var(--line-color-slate);--note-thickness: 2px}@font-face{font-family:Poiret One;src:url(/assets/PoiretOne-Regular-De5KW2dz.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Audiowide;src:url(/assets/Audiowide-Regular-8MRs-3Oc.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.controls-container{--highlight-width: auto;--highlight-x-pos: 0;display:grid;width:fit-content}.controls-container.fullWidth{width:auto}.controls{display:inline-flex;justify-content:space-between;outline:1.5px solid var(--dark-color);outline-offset:-1.5px;border-radius:30px;max-width:500px;font-size:12px;padding:3px;margin:auto;overflow:hidden;position:relative}.controls.fullWidth{width:calc(100% - 6px)}.controls.segsml{padding:0 3px}.controls.segsml .segment label{padding:5.5px 10px 4px}.controls input{opacity:0;margin:0;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;cursor:pointer;height:100%}.segment{position:relative;text-align:center;z-index:1;display:grid;grid-auto-flow:column;align-items:center}.segment svg{margin-left:8px;width:14px;height:14px}.segment svg+label{padding-left:4px!important}.segment label{cursor:pointer;display:block;font-weight:500;text-transform:uppercase;padding:6.5px 10px 5px;transition:color .5s ease}.segment.active label,.segment.active svg{color:var(--light-nav-color)}.controls:before{content:"";background:var(--nav-color);border-radius:30px;width:var(--highlight-width);transform:translate(var(--highlight-x-pos));position:absolute;top:2px;bottom:2px;left:0;z-index:0}.controls.segsml:before{background-color:var(--dark-color)}.controls.segsml .segment.active label{color:#f5f5f5}.controls.ready:before{transition:transform .3s ease,width .3s ease}.multiselect-group{display:grid;grid-gap:5px;grid-auto-flow:column;grid-template-columns:70px repeat(13,33px);width:fit-content}.multiselect-group div{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1.5px solid white;background:#fff;border-radius:5px;display:grid;height:auto;grid-auto-flow:column;column-gap:0;justify-content:center;align-content:center;padding:2px 5px}.multiselect-group div:first-child{background:none;border:none;font-weight:700;text-transform:uppercase;font-size:80%;justify-content:end}.multiselect-group div:first-child:hover{background:none;cursor:default}.multiselect-group div:hover,.multiselect-group label,.multiselect-group input{cursor:pointer}.multiselect-group div:hover{background-color:#f0f8ff;border-color:#4c4c8b}.multiselect-group label{margin-left:10px}.ms-checked,.multiselect-group div.ms-checked,.ms-mixed,.multiselect-group div.ms-mixed{border-color:#4c4c8b;background-color:#f0f8ff}div.ms-unchecked{background:#fff}.switch{display:inline-block;height:20px;position:relative;width:40px;margin-bottom:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switchBg{bottom:0;left:0;right:0;top:0;position:absolute;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s;border-radius:34px}.switchInput{width:0;height:0;overflow:hidden}.switchHandle{bottom:2px;height:16px;left:2px;position:absolute;width:16px;border-radius:50%;transform:translate(0);outline:none}.switchHandle.isChecked{transform:translate(20px)}.toggleWrapper{border-radius:19px;color:#2d3e4a;background-color:#ffffffb3;display:grid;grid-auto-flow:column;align-content:center;align-items:center;width:fit-content;gap:10px;height:38px;font-weight:500;text-transform:uppercase;font-size:12px}.chordsWrapper{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.chordsWrapper.medium{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.chordsWrapper.large{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.chordsFretboardStickyWrapper{position:static;background:#fbfbfe;width:100%}.chordsFretboardStickyWrapper .fretboardTopRow{display:none}.chordsFretboardStickyWrapper .fretwrapper{border-top:none}@media(min-height:800px){.chordsFretboardStickyWrapper{position:-webkit-sticky;position:sticky;bottom:0;z-index:10;box-shadow:0 -3px 8px #2324291a}}.emptytab{text-align:center;padding:6px}.tabwrapper{position:relative;min-width:100px;background:#fff;display:grid;grid-template-rows:auto 1fr;border-radius:5px}.tabwrapper.tabselected .tabtitle{background:var(--selected-nav-color)}.tabwrapper.tabselected{border-color:var(--nav-color);border-radius:5px}.tabwrapper{container-type:inline-size;container-name:chordcard}.tabwrapper .tabheader-wrapper{position:relative}.tabwrapper .sectionheader{position:relative;overflow-x:hidden;white-space:nowrap}.tabwrapper .hoverwrapper{height:35px;overflow-x:hidden}.tabnoteroot{font-weight:700}.rotate90{transform:rotate(-90deg)}.finger-number.tabrootnotefont{color:var(--tabColor)}.dot.tabrootnoteoverbarre.highlightNote.contrast{--ratio: 2;border-color:var(--darker-color);height:calc(20% / var(--ratio));width:calc(20% / var(--ratio));margin-left:calc(-10% / var(--ratio) - 2px)}.finger-number.openstring{font-size:28px!important}.finger-number.openstring:hover{cursor:pointer}.openstring:last-of-type{position:relative;right:1px}.tabtitle{font-size:15px;line-height:15px;padding:4px 6px;display:grid;grid-auto-flow:column;gap:2px;text-align:center;justify-content:center;align-items:center;border:1.5px solid var(--lightest-dark-color);border-top:none}.chordTitles{display:grid;border-right:1.5px solid var(--lightest-dark-color);padding-right:6px}.chordTitles .chordSubtitle{font-size:85%}.tabadminactions{font-size:12px;text-align:center;line-height:20px;text-transform:uppercase;letter-spacing:1px;padding:2px 6px;display:grid;gap:3px;justify-content:center;grid-auto-flow:column;align-items:center;border:1.5px solid var(--lightest-dark-color);border-top:none;background:#fff}.tabposition{font-size:12px;text-align:center;line-height:12px;text-transform:uppercase;letter-spacing:1px;padding:2px 6px;display:grid;justify-content:space-between;grid-template-columns:20px auto 20px;align-items:center;border:1.5px solid var(--lightest-dark-color);border-top:none;background:#fff}.tabposition.tabposition span:first-child,.tabposition.tabposition span:last-child{display:grid;justify-content:center;align-items:center;width:20px;font-size:20px;line-height:20px;font-weight:500;cursor:pointer;background-color:#fff;border-radius:100%}.tabposition.tabposition span.disabled{color:var(--lighter-dark-color);cursor:default}.chordgrid-container{display:grid;grid-template-columns:15px 1fr;align-self:end;gap:5%;margin-right:5%}.fret-number{display:grid;align-items:center;grid-template-rows:20% auto}.fret-number-text{text-align:right;line-height:12px;padding-right:3px;font-size:12px;font-weight:500;font-family:Fira Sans Condensed,Helvetica,sans-serif}.grid-wrapper{position:relative;background-color:#fff;height:fit-content}.flat-tab{font-family:Noto Music,sans-serif;font-size:17px;line-height:4px;margin:0 0 9px 1px}.fretboard-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:0}.fretboard-grid.grid1rows{grid-template-rows:repeat(1,1fr)}.fretboard-grid.grid2rows{grid-template-rows:repeat(2,1fr)}.fretboard-grid.grid3rows{grid-template-rows:repeat(3,1fr)}.fretboard-grid.grid4rows{grid-template-rows:repeat(4,1fr)}.fret-cell{aspect-ratio:1;border:1px solid var(--lighter-dark-color);background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.fret-cell.top-border{border-top:2px solid var(--lighter-dark-color);box-shadow:0 -2px 0 var(--lighter-dark-color)}.fret-cell.left-border{border-left:2px solid var(--lighter-dark-color)}.fret-cell.right-border{border-right:2px solid var(--lighter-dark-color)}.fret-cell.bottom-border{border-bottom:2px solid var(--lighter-dark-color)}.barre{position:absolute;--ratio: 2;opacity:75%;height:calc(20% / var(--ratio));right:0;border-radius:9999px;background-color:var(--dark-color);width:80%;margin-right:-5%;transform:translateY(-50%)}.dot{--ratio: 2;position:absolute;height:calc(20% / var(--ratio));width:calc(20% / var(--ratio));border-radius:9999px;background-color:var(--contrast-color)}.dot.highlightNote,.dot.contrast{border-color:var(--darker-color)}.dot{transform:translateY(-50%);margin-left:calc(-10% / var(--ratio) - 2px);font-size:10px;font-weight:700;text-align:center;line-height:12px;color:#fff;text-shadow:1px .5px 0 rgba(0,0,0,.1)}.dot:hover{cursor:pointer;opacity:75%}.chordtabgrid{padding:3px 10px 6px 6px;display:grid;grid-template-rows:auto 1fr auto;gap:5px;border:1.5px solid var(--lightest-dark-color);border-top:none;border-radius:0 0 5px 5px;min-width:fit-content;min-height:fit-content;background-color:#fff}.chordtabgrid.straightCorners{border-radius:0}.finger-numbers{display:grid;grid-template-columns:15px 1fr;text-align:center;height:16px}.string-openness,.chordnotes{display:grid;grid-auto-flow:column;position:relative;height:15px;margin-right:5%}.string-openness div,.chordnotes div{--boxwidth: calc((95% - 15px)/5) ;--spacerwidth: calc(15px + 5%) ;position:absolute;height:15px;text-align:center}.string-openness div:nth-of-type(2),.chordnotes div:nth-of-type(2){width:var(--boxwidth);left:calc(var(--spacerwidth) - var(--boxwidth) * .5)}.string-openness div:nth-of-type(3),.chordnotes div:nth-of-type(3){width:var(--boxwidth);left:calc(var(--spacerwidth) + var(--boxwidth) * .5)}.string-openness div:nth-of-type(4),.chordnotes div:nth-of-type(4){width:var(--boxwidth);left:calc(var(--spacerwidth) + var(--boxwidth) * 1.5)}.string-openness div:nth-of-type(5),.chordnotes div:nth-of-type(5){width:var(--boxwidth);left:calc(var(--spacerwidth) + var(--boxwidth) * 2.5)}.string-openness div:nth-of-type(6),.chordnotes div:nth-of-type(6){width:var(--boxwidth);left:calc(100% - var(--boxwidth) * 1.5)}.string-openness div:nth-of-type(7),.chordnotes div:nth-of-type(7){width:var(--boxwidth);left:calc(100% - var(--boxwidth) / 2)}.finger-numbers .hand{display:grid;align-items:center;justify-content:end}.finger-numbers-6-strings{display:grid;grid-template-columns:repeat(6,1fr);text-align:center}.string-openness .finger-number{font-size:22px}.finger-number{font-weight:500;font-family:Fira Sans Condensed,Helvetica,sans-serif;font-size:12px;line-height:16px;height:16px;color:var(--darker-color)}.fingerspan{display:grid;height:100%;align-items:center}.adminplaceholder{background:#fffcfc80;outline:1px dashed var(--dark-color)!important;outline-offset:-2px;border-radius:9999px;margin:1px;text-align:center}.dotplaceholder{background:#fffcfc80;outline:1px dashed var(--dark-color)!important;outline-offset:1px;--ratio: 2;--percent: 20%;position:absolute;height:calc(var(--percent) / var(--ratio));width:calc(var(--percent) / var(--ratio));margin-left:calc(-1 * var(--percent) / 2 / var(--ratio));border-radius:9999px;transform:translateY(-50%);font-size:10px;font-weight:700;text-align:center;line-height:12px;color:#fff}.dotplaceholder:hover{cursor:pointer;opacity:75%}.nohover{cursor:default;opacity:inherit}.grid1rows~.dotplaceholder,.grid1rows~.barre,.grid1rows~div>.dot,.grid1rows~.dot{--ratio: 2;--hpercent: 100%;--wpercent: 20%;height:calc(var(--hpercent) / var(--ratio));width:calc(var(--wpercent) / var(--ratio))}.grid1rows~.dotplaceholder.noneditable:hover,.grid1rows~.barre.noneditable:hover,.grid1rows~div>.dot.noneditable:hover,.grid1rows~.dot.noneditable:hover{cursor:default;opacity:initial}.grid2rows~.dotplaceholder,.grid2rows~.barre,.grid2rows~div>.dot,.grid2rows~.dot{--ratio: 2;--hpercent: 50%;--wpercent: 20%;height:calc(var(--hpercent) / var(--ratio));width:calc(var(--wpercent) / var(--ratio))}.grid2rows~.dotplaceholder.noneditable:hover,.grid2rows~.barre.noneditable:hover,.grid2rows~div>.dot.noneditable:hover,.grid2rows~.dot.noneditable:hover{cursor:default;opacity:initial}.grid3rows~.dotplaceholder,.grid3rows~.barre,.grid3rows~div>.dot,.grid3rows~.dot{--ratio: 2;--hpercent: 33.3%;--wpercent: 20%;height:calc(var(--hpercent) / var(--ratio));width:calc(var(--wpercent) / var(--ratio))}.grid3rows~.dotplaceholder.noneditable:hover,.grid3rows~.barre.noneditable:hover,.grid3rows~div>.dot.noneditable:hover,.grid3rows~.dot.noneditable:hover{cursor:default;opacity:initial}.grid4rows~.dotplaceholder,.grid4rows~.barre,.grid4rows~div>.dot,.grid4rows~.dot{--ratio: 2;--hpercent: 25%;--wpercent: 20%;height:calc(var(--hpercent) / var(--ratio));width:calc(var(--wpercent) / var(--ratio))}.grid4rows~.dotplaceholder.noneditable:hover,.grid4rows~.barre.noneditable:hover,.grid4rows~div>.dot.noneditable:hover,.grid4rows~.dot.noneditable:hover{cursor:default;opacity:initial}.blueprintTabWrapper{max-width:260px}@container chordcard (width <=150px){.fingerspan{display:none}.title{font-size:13px}div.title.editablefortitle,.tabdotnumbers{display:none!important}}@container chordcard (width <=120px){.chordnotes .finger-number{font-size:10.5px}.chordpickerwrapper.simplepicker{grid-auto-flow:row}.tabwrapper .sectionheader:hover{overflow-x:visible;width:max-content;z-index:200;box-shadow:0 4px 12px #0000002e;border-radius:4px 4px 4px 0;position:absolute}.scaleSelect{font-size:80%}.finger-numbers-6-strings.openorclosed .finger-number{font-size:18px}.finger-number.openstring{font-size:23px!important}}@container chordcard (width >150px){.finger-numbers{opacity:0}.admineditor.finger-numbers{opacity:1}}@container chordcard (width >200px){.fingerspan,.chordnotes .finger-number,.tabposition{font-size:16px}div.title{display:grid}}@container chordcard (width >=400px){.tabtitle{font-size:30px;line-height:30px}.chordTitles div.menu-trigger svg{width:32px!important;height:32px!important}.string-openness{height:25px}.fret-number-text{font-size:28px}.finger-number,.finger-number.openstring{font-size:24px!important}.xstring{font-size:38px}.dot{font-size:30px;border-width:4px!important}}@media(max-width:700px){.chordsWrapper,.chordsWrapper.medium,.chordsWrapper.large{grid-template-columns:none;grid-auto-flow:row;gap:5px}.chordsWrapper .tabwrapper,.chordsWrapper.medium .tabwrapper,.chordsWrapper.large .tabwrapper{max-width:none}.responsive-component-wrapper{height:fit-content!important}}@media print{.tabposition{display:none}}.scalepickerwrapper2{display:grid;grid-gap:0;grid-auto-flow:row;align-items:center;justify-content:center}.scalepickerwrapper{display:grid;grid-gap:0;grid-auto-flow:column;align-items:center;justify-content:center;padding:10px 15px;border:1.5px solid var(--lightest-dark-color);border-top:none}.scaleSelectWrapper{display:grid;grid-gap:0;grid-auto-flow:column;align-items:center;justify-content:left}.scaleSelectSolo{border-radius:5px;width:60px}.scaleSelectLeft{border-radius:5px 0 0 5px;width:70px}.scaleSelectMiddle{border-left:0px}.scaleSelectRight{border-left:0px;border-radius:0 5px 5px 0}.scaleInfo{width:fit-content;font-size:17px;font-weight:500;justify-self:center}.scaleTable{display:grid;overflow-x:scroll;background:#fff;font-size:17px;border:1.5px solid var(--lightest-dark-color);border-top:0;border-radius:0 0 5px 5px}.scaleTable .modeName{width:90px;display:flex;align-items:center;justify-content:right;font-size:14px;font-weight:700;text-transform:uppercase}.scaleTable .scaleList{border-bottom:1px solid var(--lightest-dark-color);padding:5px;gap:7px}.highlightedMode{background:var(--selected-nav-color)}.scaleTable .scaleList.highlightedMode{border-bottom:none}.formulaStep{display:grid;align-items:center;justify-content:center;font-size:80%;color:var(--dark-color)}.wholeStep,.halfStep{display:grid;align-content:center}.halfStep{font-weight:700;width:20px;height:20px;background:var(--dark-color);color:#f5f5f5;border-radius:100%}.wholeStep{font-weight:700;width:20px;height:20px;background:var(--lightest-dark-color);border-radius:100%}.scaleNote{position:relative;padding:5px;display:grid;grid-auto-flow:row;justify-content:center;border-radius:5px;gap:2px}.scaleNote.relativeMajor{background-color:#c5d4ec53;outline:#c5d4ec 1px solid;outline-offset:-1px}.scaleSelect{position:relative}.scaleSelect .ghost{color:var(--dark-color)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:38px;font-family:Fira Sans Condensed,Helvetica,sans-serif;font-weight:500;font-size:16px;padding:8px 20px 8px 10px;background-color:#fff;border:1.5px solid var(--darker-color);cursor:pointer}.scaleSelect:before,.scaleSelect:after{--size: .3rem;content:"";position:absolute;right:8px;pointer-events:none}.scaleSelect:before{border-left:var(--size) solid transparent;border-right:var(--size) solid transparent;border-bottom:var(--size) solid black;top:40%}.scaleSelect:after{border-left:var(--size) solid transparent;border-right:var(--size) solid transparent;border-top:var(--size) solid black;top:55%}div.chordpickerwrapper{display:grid;grid-gap:0;grid-auto-flow:column;align-items:center;align-self:center;justify-content:center}div.chordpickerwrapper.simplepicker{font-size:14px}div.chordpickerwrapper.simplepicker .scaleSelect:before{display:none}div.chordpickerwrapper.simplepicker .scaleSelect:after{top:45%}div.chordpickerwrapper.simplepicker .scaleSelectLeft,div.chordpickerwrapper.simplepicker .scaleSelectRight,div.chordpickerwrapper.simplepicker .scaleSelectMiddle{background:none;border-radius:0;border:none;border-bottom:1.5px solid var(--dark-color);width:fit-content}div.chordpickerwrapper.simplepicker select{height:26px;padding:3px 20px 3px 3px;font-size:inherit}.modeWheelWrapper{display:grid;width:-webkit-fill-available;background:#fff;justify-self:center;align-items:center;border-radius:5px}.modeWheelWrapper .scaleInfoWrapper{display:grid;z-index:1;padding:10px;background-color:#fff;border:1.5px solid var(--lightest-dark-color);border-top:none}.modeWheelWrapper .wheelwrapper{display:grid;align-items:center;justify-content:center;border:1.5px solid var(--lightest-dark-color);border-top:none;border-radius:0 0 5px 5px;padding:10px}.wheelcontainer{position:relative;margin:0 auto;display:flex;justify-content:center;align-items:center;color:var(--dark-color);overflow:hidden}.wheel{position:absolute;border:3px solid var(--dark-color);border-radius:50%;overflow:hidden;box-sizing:border-box}.inner{position:absolute;border:3px solid var(--dark-color);border-radius:50%;color:var(--darker-color);font-family:Rajdhani,Helvetica,sans-serif,monospace;font-weight:700;clip-path:circle(50%)}.wheel span.line{position:absolute;left:calc(50% - 1px);width:2px;height:100%;background:var(--lighter-dark-color);transform:rotate(calc(30deg * var(--i) - 15deg))}.number,.letter{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:circle(50%)}.number>div,.letter>div{position:absolute;transform:rotate(calc(30deg * var(--i) - 15deg));transform-origin:50% 100%;text-align:center;font-weight:500}.number>div div,.letter>div div{display:grid}.number div{top:0;right:0;bottom:0;left:0;left:calc(50% - 26px);width:52px;height:50%;font-size:18px;clip-path:polygon(0% -22px,100% -22px,50% 100%);background:#fff}div.number>div{rotate:15deg}div.letter>div{top:0;right:0;bottom:0;left:0;padding:10px 0 0;left:calc(50% - 52px);width:104px;height:calc(50% - 10px);rotate:15deg;clip-path:polygon(0% -2px,100% -2px,50% 100%)}.centerHole{position:absolute;border:3px solid var(--dark-color);border-radius:50%;box-sizing:border-box;background:#fff;width:154px;height:154px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;display:grid;align-items:center;justify-content:center}.centerHole div.holeContent{font-size:20px;font-weight:500}.chordHighlighted{background-color:#ffebcd!important}.modeWheelWrapper .wheelcontainer.medium .centerHole{width:116px;height:116px}.modeWheelWrapper .wheelwrapper{--medWidth: 300px;--largeWidth: 400px;min-width:var(--largeWidth)}.modeWheelWrapper .wheelwrapper.medium{min-width:fit-content}.wheelcontainer{--medWidth: 300px;--largeWidth: 400px;width:var(--largeWidth);height:var(--largeWidth)}.wheelcontainer.medium{--arcWidth: calc((3.14 * var(--medWidth))/12);width:var(--medWidth);height:var(--medWidth)}.wheel{--largeWidth: 400px;width:var(--largeWidth);height:var(--largeWidth)}.wheelcontainer.medium .wheel{width:var(--medWidth);height:var(--medWidth)}.inner{width:200px;height:200px}.wheelcontainer.medium .inner{width:160px;height:160px}.wheelcontainer.medium div.letter>div{left:calc(50% - var(--arcWidth) / 2);width:var(--arcWidth)}.wheelcontainer.medium .number div{font-size:18px}.modeWheelWrapper.circleOfFifths .wheelwrapper{--medWheel: 300px;--smlWheel: 300px;--largeWheel: 400px;--outerRingPad: 28px;--qualityRingPad: 22px;--keySigRingPad: 0px;--totalPadAdvanced: calc(var(--keySigRingPad) + var(--outerRingPad) + var(--qualityRingPad));--totalPadSimple: 0px;--totalPadSimpleWithSig: var(--keySigRingPad);--largeContainer: calc(var(--largeWheel) + (var(--totalPadAdvanced) * 2));--medContainer: calc(var(--medWheel) + (var(--totalPadAdvanced) * 2));--smlContainer: calc(var(--smlWheel) + (var(--totalPadSimple) * 2));--smlWithSigContainer: calc(var(--smlWheel) + (var(--totalPadSimpleWithSig) * 2));--largeKeySigDiameter: calc(var(--largeWheel) + (var(--keySigRingPad) * 2));--medKeySigDiameter: calc(var(--medWheel) + (var(--keySigRingPad) * 2));--smlKeySigDiameter: calc(var(--smlWheel) + (var(--keySigRingPad) * 2));--largeRomanDiameter: calc(var(--largeWheel) + (calc(var(--keySigRingPad) + var(--outerRingPad)) * 2));--medRomanDiameter: calc(var(--medWheel) + (calc(var(--keySigRingPad) + var(--outerRingPad)) * 2));--keySigArcLarge: calc((3.14159 * var(--largeKeySigDiameter)) / 12);--keySigArcMed: calc((3.14159 * var(--medKeySigDiameter)) / 12);--keySigArcSml: calc((3.14159 * var(--smlKeySigDiameter)) / 12);--romanArcLarge: calc((3.14159 * var(--largeRomanDiameter)) / 12);--romanArcMed: calc((3.14159 * var(--medRomanDiameter)) / 12);--qualityArcLarge: calc((3.14159 * var(--largeContainer)) / 12);--qualityArcMed: calc((3.14159 * var(--medContainer)) / 12);min-width:var(--largeContainer)}.modeWheelWrapper.circleOfFifths .wheelwrapper.keySigs{--keySigRingPad: 130px;--outerRingPad: 0px;--qualityRingPad: 0px;--totalPadSimpleWithSig: var(--keySigRingPad)}.modeWheelWrapper.circleOfFifths .keySigRing .keySigRadialLine{position:absolute;left:calc(50% - 1px);width:2px;height:100%;background:var(--lighter-dark-color);transform:rotate(calc(30deg * var(--i) - 15deg))}.modeWheelWrapper.circleOfFifths .wheelwrapper.medium,.modeWheelWrapper.circleOfFifths .wheelwrapper.small{min-width:fit-content}.modeWheelWrapper.circleOfFifths .wheelcontainer{position:relative;width:var(--largeContainer);height:var(--largeContainer);--romanArcWidth: var(--romanArcLarge);--qualityArcWidth: var(--qualityArcLarge);--keySigArcWidth: var(--keySigArcLarge);background:#fff}.modeWheelWrapper.circleOfFifths .wheelcontainer.small{width:var(--smlContainer);height:var(--smlContainer);--keySigArcWidth: var(--keySigArcSml);background:#fff}.modeWheelWrapper.circleOfFifths .wheelcontainer.hasSig{width:var(--smlWithSigContainer);height:var(--smlWithSigContainer);--keySigArcWidth: var(--keySigArcSml);background:#fff}.modeWheelWrapper.circleOfFifths .wheelcontainer.medium{width:var(--medContainer);height:var(--medContainer);--romanArcWidth: var(--romanArcMed);--qualityArcWidth: var(--qualityArcMed);--keySigArcWidth: var(--keySigArcMed);background:#fff}.modeWheelWrapper.circleOfFifths .wheel{width:var(--largeWheel);height:var(--largeWheel);z-index:3;background:#fff}.modeWheelWrapper.circleOfFifths .wheelcontainer.small .wheel,.modeWheelWrapper.circleOfFifths .wheelcontainer.hasSig .wheel{width:var(--smlWheel);height:var(--smlWheel)}.modeWheelWrapper.circleOfFifths .wheelcontainer.medium .wheel{width:var(--medWheel);height:var(--medWheel)}.modeWheelWrapper.circleOfFifths .inner{width:200px;height:200px;z-index:4}.modeWheelWrapper.circleOfFifths .wheelcontainer.medium .inner,.modeWheelWrapper.circleOfFifths .wheelcontainer.small .inner,.modeWheelWrapper.circleOfFifths .wheelcontainer.hasSig .inner{width:160px;height:160px}.modeWheelWrapper.circleOfFifths .wheelcontainer.medium div.letter>div{left:calc(50% - var(--arcWidth) / 2);width:var(--arcWidth)}.modeWheelWrapper.circleOfFifths .grayedOut{background-color:#e8eaf1}.modeWheelWrapper.circleOfFifths .grayedOut .staticNote,.modeWheelWrapper.circleOfFifths .staticNote{background-color:#cbd2df54!important}.modeWheelWrapper.circleOfFifths .wheelcontainer.medium .number div,.modeWheelWrapper.circleOfFifths .wheelcontainer.small .number div,.modeWheelWrapper.circleOfFifths .wheelcontainer.hasSig .number div{font-size:14px;font-weight:700;color:var(--dark-color)}.modeWheelWrapper.circleOfFifths .keySigRing{position:absolute;background:#fff;border:3px solid var(--dark-color);border-radius:50%;box-sizing:border-box;inset:calc(var(--outerRingPad) + var(--qualityRingPad));clip-path:circle(50%);pointer-events:none;z-index:3}.modeWheelWrapper.circleOfFifths .wheelcontainer.hasSig .keySigRing{top:0;right:0;bottom:0;left:0}.modeWheelWrapper.circleOfFifths .keySigRing .keySigSlot{position:absolute;transform:rotate(calc(30deg * var(--i) - 15deg));transform-origin:50% 100%;top:0;right:0;bottom:0;left:0;left:calc(50% - var(--keySigArcWidth) / 2);width:var(--keySigArcWidth);height:50%;rotate:15deg;display:grid;place-items:start center;box-sizing:border-box;clip-path:polygon(0 0,100% 0,50% 100%)}.modeWheelWrapper.circleOfFifths .keySigRing .keySigSlot div{max-width:100px}.modeWheelWrapper.circleOfFifths .keySigRing .keySigSlot svg{width:auto;height:auto;display:block}.modeWheelWrapper.circleOfFifths .outerQuality{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:circle(50%);pointer-events:none;z-index:1;background:#fff}.modeWheelWrapper.circleOfFifths .outerQuality .outerQualitySlot{position:absolute;transform:rotate(calc(30deg * var(--i) - 15deg)) translateZ(0);transform-origin:50% 100%;top:0;right:0;bottom:0;left:0;left:calc(50% - (var(--qualityArcWidth) + 2px) / 2);width:calc(var(--qualityArcWidth) + 2px);height:50%;rotate:15deg;clip-path:polygon(-1% 0,101% 0,50% 100%);opacity:1;backface-visibility:hidden;will-change:transform;background:transparent}.modeWheelWrapper.circleOfFifths .outerQuality .outerQualitySlot.isMajor{background:#dadcf6}.modeWheelWrapper.circleOfFifths .outerQuality .outerQualitySlot.isMinor{background:#c0c4ed}.modeWheelWrapper.circleOfFifths .outerQuality .outerQualitySlot.isDim{background:#9da2d2}.modeWheelWrapper.circleOfFifths .outerQuality .outerQualityLabel{position:absolute;transform:rotate(calc(30deg * var(--i) - 15deg));transform-origin:50% 100%;top:0;right:0;bottom:0;left:0;left:calc(50% - var(--qualityArcWidth) / 2);width:var(--qualityArcWidth);height:50%;rotate:15deg;display:grid;place-items:start center;font-family:Rajdhani,Helvetica,sans-serif,monospace;font-weight:900;color:#111;font-size:12px;line-height:2;letter-spacing:.3px}.modeWheelWrapper.circleOfFifths .outer{position:absolute;inset:var(--qualityRingPad);clip-path:circle(50%);pointer-events:none;z-index:2}.modeWheelWrapper.circleOfFifths .outer>div{position:absolute;transform:rotate(calc(30deg * var(--i) - 15deg));transform-origin:50% 100%;text-align:center;font-family:Rajdhani,Helvetica,sans-serif,monospace;font-weight:800;color:var(--darker-color);top:0;right:0;bottom:0;left:0;left:calc(50% - var(--romanArcWidth) / 2);width:var(--romanArcWidth);height:50%;rotate:15deg;display:grid;place-items:start center;clip-path:polygon(0 0,100% 0,50% 100%)}.modeWheelWrapper.circleOfFifths .outer>div.hasRoman{overflow:hidden;box-sizing:border-box;background:#ffffff6e}.modeWheelWrapper.circleOfFifths .outer>div.rootRoman{background:#ffffffec}.modeWheelWrapper.circleOfFifths .outer>div{font-size:18px;line-height:2}.modeWheelWrapper.circleOfFifths .wheelcontainer.medium .outer>div,.modeWheelWrapper.circleOfFifths .wheelcontainer.small .outer>div,.modeWheelWrapper.circleOfFifths .wheelcontainer.hasSig .outer>div{font-size:16px}.modeWheelWrapper.circleOfFifths .wheelcontainer .outer .line{-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - var(--totalPadAdvanced) - 2px),#000 calc(50% - var(--totalPadAdvanced) - 1px) 100%);mask:radial-gradient(circle,transparent 0 calc(50% - var(--totalPadAdvanced) - 2px),#000 calc(50% - var(--totalPadAdvanced) - 1px) 100%)}.modeWheelWrapper.circleOfFifths .wheelcontainer.medium .centerHole,.modeWheelWrapper.circleOfFifths .wheelcontainer.small .centerHole,.modeWheelWrapper.circleOfFifths .wheelcontainer.hasSig .centerHole{width:124px;height:124px}.modeWheelWrapper.circleOfFifths .wheelcontainer.medium .centerHole.widerHole,.modeWheelWrapper.circleOfFifths .wheelcontainer.small .centerHole.widerHole,.modeWheelWrapper.circleOfFifths .wheelcontainer.hasSig .centerHole.widerHole{width:166px;height:166px}.modeWheelWrapper.circleOfFifths .wheelcontainer .centerHole.widerHole{width:206px;height:206px}.circleoffifthsinfo{margin-top:10px;border-top:1px solid var(--lighter-dark-color);padding-top:10px;display:grid;gap:10px;grid-auto-flow:column;justify-content:center;align-items:center}.circleoffifthsinfo span{align-items:center;display:grid;grid-auto-flow:column;gap:3px}.hasTwoSignatures div.keySignatureSvgWrap{width:76px!important}.hasTwoSignatures div.keySignatureSvgWrap:nth-of-type(2){margin-top:-3px}.hasTwoSignatures div.keySignatureSvgWrap svg{max-width:76px!important}.advancedPickers{display:grid;justify-content:center;grid-auto-flow:column;border:1.5px solid var(--lightest-dark-color);border-top:none}.advancedPickers .scalepickerwrapper{border:none}.markdownWrapper{display:grid;width:-webkit-fill-available;min-width:200px;background:#fff;justify-self:center;align-items:center;border-radius:5px}.markdownContent{display:grid;overflow:scroll;background:#fff;font-size:17px;border:1.5px solid var(--lightest-dark-color);border-top:0;border-radius:0 0 5px 5px;padding:20px}.markdownContent h1{font-size:28px;font-weight:500;margin-bottom:3px}.markdownContent ul{list-style:disc;padding-left:15px}.markdownContent p{margin-top:5px}.markdownContent code{font-family:monospace;background-color:#f4f4f4;font-size:.9em;padding:2px;margin:0 2px;border-radius:5px}.markdownContent pre{background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;padding:16px;font-family:monospace;line-height:1.4}.markdownContent pre code{background:none;padding:0;font-size:1em;border-radius:none}.markdownActions{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:10px}textarea.markdownTextarea{width:-webkit-fill-available;min-height:100px;resize:vertical;font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.4}.markdownRender{padding:10px}.resizable-wrapper{position:relative}.resizable-content{width:100%;height:100%}.piano-wrapper{justify-self:center}.piano-note-label-above{flex:1;text-align:center;font-size:12px;color:#6b7280;-webkit-user-select:none;user-select:none;font-weight:500}.piano-container{position:relative}.piano-white-keys{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;gap:.5px;grid-auto-flow:column;grid-auto-columns:1fr}.piano-white-key{flex:1;background-color:#fff;border:2px solid var(--lighter-dark-color);border-right:none;box-sizing:border-box;border-radius:0 0 4px 4px;position:relative;cursor:pointer;transition:background-color .2s ease}.piano-white-key:last-child{border-right:2px solid var(--lighter-dark-color)}.piano-white-key:hover{background-color:#f3f4f6}.piano-white-key-label{position:absolute;bottom:3px;left:50%;transform:translate(-50%);font-size:12px;font-family:Rajdhani,Helvetica,sans-serif,monospace;font-weight:700;-webkit-user-select:none;user-select:none;z-index:1}.piano-white-key-label>span{display:block;text-align:center}.piano-black-keys{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;pointer-events:none}.piano-black-key-spacer{flex:1}.piano-black-key-container{flex:1;position:relative}.piano-black-key{position:absolute;right:-1px;transform:translate(50%);width:62%;height:54%;background-color:#1f2937;border:1px solid #17191c;border-radius:0 0 4px 4px;cursor:pointer;pointer-events:auto;z-index:10;box-shadow:0 2px 4px -1px #0000004d,0 2px 4px -1px #0000000f;transition:background-color .2s ease}.piano-black-key:hover{background-color:#131922}.piano-black-key-label{position:absolute;bottom:3px;left:50%;transform:translate(-50%);font-size:10px;font-family:Rajdhani,Helvetica,sans-serif,monospace;font-weight:700;color:#fff;-webkit-user-select:none;user-select:none}.piano-black-key-label>span{display:block;text-align:center}.piano-octave-row{display:grid;grid-auto-flow:column;width:100%;padding:0 0 4px}.piano-octave-row :last-child{border-right:none}.leftpianofinger,.rightpianofinger{-webkit-user-select:none;user-select:none}.piano-black-label-container:first-of-type .leftpianofinger:before{content:"L";left:-20px;position:absolute}.piano-black-label-container:first-of-type .rightpianofinger:before{content:"R";left:-20px;position:absolute}.piano-note-label-above-black.wrappedfingers{display:grid;grid-auto-flow:row;-webkit-user-select:none;user-select:none;gap:2px}.piano-note-label-above-black.wrappedfingers span{display:grid;position:relative}.piano-white-key-fingers-row{display:grid;grid-auto-flow:column;width:100%;justify-items:center;font-size:.8rem;margin-top:2px}.piano-white-key-fingers-row .wrappedfingers{display:grid;grid-auto-flow:row;-webkit-user-select:none;user-select:none;gap:2px}.piano-white-key-fingers-row .wrappedfingers span{display:grid;position:relative}.piano-white-key-fingers-row .wrappedfingers:first-of-type .leftpianofinger:before{content:"L";left:-14px;position:absolute}.piano-white-key-fingers-row .wrappedfingers:first-of-type .rightpianofinger:before{content:"R";left:-14px;position:absolute}.piano-octave-span{display:grid;align-items:center;text-align:center;text-transform:uppercase;font-size:12px;font-weight:600;color:var(--dark-color);-webkit-user-select:none;user-select:none;border-right:2px solid #d1d5db;padding:0 3px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.piano-note-labels-above-wrapper{position:relative;width:100%;margin:4px 0;height:26px;padding:2px 0;display:grid;align-items:center;border-top:1px solid var(--lightest-dark-color)}.piano-note-labels-above{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%}.piano-note-labels-above-black{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.piano-black-label-container{position:relative;display:grid;align-items:center;pointer-events:none}.piano-note-label-above-black{position:absolute;right:0;transform:translate(50%);width:60%;text-align:center;font-size:.8rem;-webkit-user-select:none;user-select:none;pointer-events:all}.piano-tooltip{background-color:#000000d9;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;pointer-events:none;white-space:nowrap;z-index:500}.editplaceholder{outline:1px dashed var(--dark-color);text-align:center;line-height:12px;border-radius:9999px;min-width:13px;margin-top:2px}.editplaceholder:hover{cursor:pointer}.keyswrapper{position:relative;display:grid;align-items:center;align-self:center;padding:5px 12px;overflow-x:scroll;border:1.5px solid var(--lightest-dark-color);border-radius:0 0 5px 5px;background:#fff}.piano-context-menu{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:500;min-width:160px;padding:4px 0}.piano-context-menu-item{display:block;width:100%;padding:8px 16px;text-align:left;background:none;border:none;cursor:pointer;font-size:14px;color:#374151;transition:background-color .15s ease}.piano-context-menu-item:hover{background-color:#f3f4f6}.focusedKey{box-shadow:0 0 0 4px #7f7f8280}.focusedKey.xxsmall{box-shadow:0 0 0 3px #7f7f8280}.pianoChordsWrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:start;gap:20px}.pianoChordsWrapper .fretcontrolswrapper{margin:0}.pianoChordsWrapper>div{width:auto!important}@keyframes pulse2{0%{box-shadow:0 0 3px 6px #d1d1d180}to{box-shadow:0 0 4px 6px #7f7f8280}}@keyframes pulse{0%{box-shadow:0 0 #303034d6}25%{box-shadow:0 0 0 4px #2626469d}75%{box-shadow:0 0 0 6px #5757709d}to{box-shadow:0 0 0 4px #d2d2df32}}@keyframes pulseSmall{0%{box-shadow:0 0 #303034d6}25%{box-shadow:0 0 0 2px #2626469d}75%{box-shadow:0 0 0 3px #5757709d}to{box-shadow:0 0 0 2px #d2d2df32}}.ksedit{padding:10px 12px;border:1.5px solid var(--lightest-dark-color);border-top:none!important;justify-content:center}.keySignatureWidget .ksCanvas{padding:10px 12px;border:1.5px solid var(--lightest-dark-color);border-radius:0 0 5px 5px;border-top:none;display:grid}.keySignatureWidget .keySignatureSvg{display:block;width:100%;max-width:100%;overflow:visible;justify-self:center}.keySignatureWidget .ksStaffLine{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.keySignatureWidget .ksClef{fill:currentColor;opacity:.85}.keySignatureWidget .ksLabel{fill:currentColor;font-size:12px;opacity:.8}.keySignatureWidget .ksAccidental{fill:currentColor}.keySignatureWidget .ksAccidental rect,.keySignatureWidget .ksAccidental path{fill:inherit}.ksAccidental.Fsharp{fill:var(--FsharpGflat)!important}.ksAccidental.Csharp{fill:var(--CsharpDflat)!important}.ksAccidental.Gsharp{fill:var(--GsharpAflat)!important}.Dsharp{fill:var(--DsharpEflat)!important}.ksAccidental.Asharp{fill:var(--AsharpBflat)!important}.ksAccidental.Esharp{fill:var(--F)!important}.ksAccidental.Bsharp{fill:var(--C)!important}.ksAccidental.Bflat{fill:var(--AsharpBflat)!important}.ksAccidental.Eflat{fill:var(--DsharpEflat)!important}.ksAccidental.Aflat{fill:var(--GsharpAflat)!important}.ksAccidental.Dflat{fill:var(--CsharpDflat)!important}.ksAccidental.Gflat{fill:var(--FsharpGflat)!important}.ksAccidental.Cflat{fill:var(--B)!important}.ksAccidental.Fflat{fill:var(--E)!important}.keySignatureSvgWrap{display:grid;align-items:center;justify-content:center;width:100%}.keySignatureSvg,.keySignatureLabelSvg{display:block;margin:0 auto;width:auto;letter-spacing:-1px;font-weight:500}.keySignatureLabelSvg .ksLabel{font-size:12px}.keySignatureLabelSvg.mini .ksLabel{font-size:12px;fill:var(--darker-color)}.keySignatureSvg.size-1+.keySignatureLabelSvg .ksLabel{font-size:14px}.keySignatureSvg.size-2+.keySignatureLabelSvg .ksLabel{font-size:16px}.menu-wrapper{position:relative;display:inline-block}.menu-trigger-chevron{width:1rem;height:1rem;color:#6b7280;transition:transform .2s ease}.menu-trigger{background-color:inherit;border:none;border-radius:10px;padding:2px;display:grid;grid-auto-flow:column;align-items:center;transition:background-color .2s ease,box-shadow .2s ease}.menu-trigger:hover{cursor:pointer}.menu-trigger:hover{background-color:var(--medium-nav-color);cursor:pointer}.menu-trigger[aria-expanded=true] .menu-trigger-chevron{transform:rotate(180deg)}.menu-trigger:focus{outline:none;box-shadow:0 0 0 1px #6388c5,0 0 0 2px #3b82f61a;cursor:pointer}.menu-trigger svg{width:18px;height:18px;color:#4b5563;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-dropdown{position:absolute;overflow-y:scroll;height:auto;max-height:200px;min-width:180px;width:max-content;padding:8px 0;background-color:#fff;border:2px solid var(--dark-color);border-radius:5px;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #00000004;z-index:1000;font-size:14px;font-weight:500}.menu-dropdown>div{margin-right:10px;margin-left:10px}.menu-dropdown:focus{outline:none}.menu-top-left{bottom:100%;right:0;margin-bottom:3px}.menu-top-right{bottom:100%;left:0;margin-bottom:3px}.menu-bottom-left{top:100%;right:0;margin-top:3px}.menu-bottom-right{top:100%;left:0;margin-top:3px}.menu-section button{border-radius:5px;padding:6px}.menu-item{display:grid;grid-auto-flow:column;align-items:center;justify-content:left;gap:10px;width:-webkit-fill-available;width:-moz-available;width:stretch;color:var(--darker-color);background:none;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.menu-item.red,.menu-item.red .menu-icon{color:#95244e}.menu-vis-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#999;padding:2px 4px 6px}.menu-item.is-active{font-weight:600}.menu-vis-check{color:var(--primary-color);font-weight:700}.menu-vis-row{display:flex;align-items:center}.menu-vis-row .menu-item{flex:1}.menu-vis-iconbtn{display:flex;align-items:center;justify-content:center;padding:6px;background:none;border:none;border-radius:5px;color:var(--primary-color);cursor:pointer}.menu-vis-iconbtn:hover{background-color:var(--selected-nav-color)}.menu-vis-iconbtn svg{width:16px;height:16px}.menu-vis-editicon{width:14px;height:14px;margin-left:4px;opacity:.6}.menu-category-select{width:100%;padding:6px 8px;font:inherit;font-size:14px;color:var(--darker-color);background:#fff;border:1px solid var(--lightest-dark-color, #ccc);border-radius:6px;cursor:pointer}button.delete-btn-in-menu{border-radius:5px;font-family:inherit!important;border:none!important;background-color:transparent;margin-left:-10px}button.delete-btn-in-menu:hover{background-color:transparent}.menu-item:hover,.menu-item:focus{background-color:var(--selected-nav-color);outline:none;border-radius:5px}.checkbox-wrapper{position:relative}.checkbox-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox-visual{width:1rem;height:1rem;border:2px solid var(--lighter-dark-color);border-radius:1px;transition:all .2s ease;position:relative}.checkbox-visual.checked{background-color:#2563eb;border-color:#2563eb}.checkbox-checkmark{width:.75rem;height:.75rem;color:#fff;position:absolute;top:.125rem;left:.125rem}.menu-separator{border-top:1px solid var(--lightest-dark-color);margin-top:5px;margin-bottom:5px}.menu-icon{width:20px;height:20px;color:var(--dark-color)}.menu-header{padding:0 0 8px;text-align:left;font-size:.9rem;font-weight:600;color:var(--dark-color);text-transform:uppercase;letter-spacing:.05em}.size-section-header{padding:5px 0;text-align:left}.size-label{font-size:.8rem;font-weight:600;color:var(--dark-color);text-transform:uppercase;letter-spacing:.05em}.size-label-small{font-size:.7rem;color:var(--dark-color)}.size-option.selected{background-color:var(--selected-nav-color);color:#1d4ed8}.radio-visual{width:1rem;height:1rem;border:2px solid var(--lighter-dark-color);border-radius:50%;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.radio-visual.checked{border-color:#2563eb;background-color:#fff}.radio-dot{width:.375rem;height:.375rem;background-color:#2563eb;border-radius:50%}.edit-toggle-active{background-color:#bfd8f6!important;outline:1px solid var(--bright-nav-color);outline-offset:-.5px}.edit-toggle-active .edit-toggle-icon,.edit-toggle-active:hover .edit-toggle-icon{color:var(--bright-nav-color)}.context-menu{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;min-width:160px;padding:4px 0}.context-menu-item{display:block;width:100%;padding:8px 16px;text-align:left;background:none;border:none;cursor:pointer;font-size:14px;color:#374151;transition:background-color .15s ease}.context-menu-item:hover{background-color:#f3f4f6}@media print{.menu-dropdown,.context-menu{display:none}}.tab-creator-container{width:100%;max-width:1536px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.tab-creator-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.tab-creator-title{font-size:1.875rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.mode-buttons{display:flex;gap:.5rem}.freeform-textarea{font-family:Courier New,Courier,monospace;font-size:1rem;min-height:300px;letter-spacing:.3em;line-height:1.8}.builder-row{font-family:Courier New,Courier,monospace;font-size:.875rem}.string-label-builder{color:hsl(var(--muted-foreground));font-weight:600;width:2rem;display:inline-block;font-family:Courier New,Courier,monospace}.builder-cell{width:3rem;height:2rem;padding:0;text-align:center;font-family:Courier New,Courier,monospace;border:1px solid hsl(var(--border))}.builder-cell-invalid{background-color:hsl(var(--destructive)/.1);color:hsl(var(--destructive));border-color:hsl(var(--destructive))}.view-card{padding:2rem;box-shadow:0 10px 15px -3px #0000001a}.view-metadata{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.875rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.metadata-item{display:flex;flex-direction:column}.metadata-label{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.metadata-value{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground))}.view-content{background-color:hsl(var(--background));border:2px solid hsl(var(--border));padding:1.5rem;border-radius:.75rem;overflow-x:auto;box-shadow:inset 0 2px 4px #0000000f}.view-tab{font-family:Courier New,Courier,monospace;font-size:1.125rem;letter-spacing:.2em}.tab-line{line-height:2}.string-label{color:hsl(var(--muted-foreground));font-weight:600}.fret-number{display:inline-block;text-align:center;min-width:2ch;cursor:pointer;transition:background-color .2s}.fret-number.selected{background-color:hsl(var(--accent))}.fret-number.invalid{color:hsl(var(--destructive));font-weight:700}.muted-string{display:inline-block;text-align:center;min-width:2ch;color:hsl(var(--muted-foreground));font-weight:700}.dash{display:inline-block}.play-metadata{display:flex;gap:1.5rem;font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:1rem}.play-content{background-color:hsl(var(--muted));padding:1rem;border-radius:.5rem;overflow-x:auto}.play-tab{font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.6;letter-spacing:.1em}.highlight-playing{background-color:hsl(var(--chart-1));color:hsl(var(--chart-1-foreground));font-weight:700;padding:0 .25rem;border-radius:.25rem}.tabLegend{margin-top:10px;padding:8px 10px;border-radius:8px;background:#e6e8f282;font-size:12px;line-height:1.4;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px 16px}.tabLegend code{background-color:var(--lightest-dark-color);font-weight:500;color:var(--darkest-color)}.tabLegendGroupTitle{font-weight:600;opacity:.9;margin-bottom:2px}.tabLegendItem{display:inline-flex;align-items:baseline;gap:6px;margin-right:12px;margin-bottom:4px}.tabLegendSym{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;padding:1px 5px;border-radius:6px;background:var(--lightest-dark-color);font-size:11px}.tabLegendLabel{opacity:.8}.tabSystems{display:grid;grid-auto-rows:max-content;gap:10px;width:100%}.tabSystem{display:grid;grid-auto-rows:max-content;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid hsl(var(--border));background-color:hsl(var(--muted));overflow-x:auto}.tabGrid{--rowH: 1.75rem;--rowW: 2rem;--col-gap: 10px;position:relative;display:grid;grid-template-rows:1.75rem repeat(6,var(--rowW));row-gap:0;column-gap:var(--col-gap);align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-variant-ligatures:none;-webkit-user-select:none;user-select:none}.cell{display:grid;place-items:center;height:32px;position:relative;z-index:2}.labelCell{font-size:1rem;color:var(--darker-color);pointer-events:none}.barCell{font-size:1rem;color:hsl(var(--foreground));pointer-events:none;border-left:1.5px solid var(--dark-color);margin-left:-1.5px}.noteCell{font-size:1rem;color:hsl(var(--foreground));pointer-events:none}.playColBG{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:.4rem;z-index:1;pointer-events:none;background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));opacity:0;box-shadow:0 0 0 1px hsl(var(--accent)/.5) inset}.playColBG.on{opacity:.9}.beatCell{height:1.25rem;border-radius:999px;cursor:pointer;display:grid;width:fit-content;place-items:center;background-color:var(--light-nav-color);border:1px solid hsl(var(--border));transition:background-color .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease;z-index:3}.beatCell:hover{background-color:var(--selected-nav-color);border-color:hsl(var(--selected-nav-color));transform:translateY(-1px)}.beatCell.active{background-color:var(--bright-nav-color);border-color:var(--bright-nav-color);transform:translateY(1px)}.beatCell.active .beatCaret{color:#fff}.beatCaret{font-size:1rem;line-height:1;color:var(--dark-color);pointer-events:none}.beatCell.noTiming{cursor:default;opacity:.45;background-color:hsl(var(--muted)/.4);border-color:hsl(var(--border));box-shadow:none;transform:none}.beatCell.noTiming:hover{background-color:hsl(var(--muted)/.4);border-color:hsl(var(--border));box-shadow:none;transform:none}.noTimingLabel{margin-top:.25rem;font-size:.85rem;color:hsl(var(--muted-foreground));opacity:.8}.titleCell{font-size:11px;font-weight:700;letter-spacing:.02em;justify-content:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid rgba(255,255,255,.08)}.tabSystem .stringRowCell{position:relative}.tabSystem .stringRowCell:before{content:"";position:absolute;left:calc(-.5 * var(--col-gap));right:calc(-.5 * var(--col-gap));top:50%;border-bottom:1.5px solid var(--dark-color);pointer-events:none;z-index:0}.tabGrid .cell.stringRowCell.labelCell:before{border-bottom:none}.tabGrid .barCell.afterStringName.stringRowCell:before{left:0;right:calc(-.8 * var(--col-gap))}.stringRowCell.lastString{border:none}.tabGrid .lastString:after{content:"";position:absolute;border-left:1.5px solid var(--dark-color);width:1.5px;height:calc(100% + 1.5px);left:0;top:-50%}.tabGrid .firstString{border:none;height:50%}.tabGrid .firstString:after{content:"";position:absolute;border-left:1.5px solid var(--dark-color);width:1.5px;height:calc(100% + 1.5px);left:0;top:50%}.tabGrid .endOfMeasure:nth-last-child(1).stringRowCell:before,.tabGrid .endOfMeasure:nth-last-child(2).stringRowCell:before,.tabGrid .endOfMeasure:nth-last-child(3).stringRowCell:before,.tabGrid .endOfMeasure:nth-last-child(4).stringRowCell:before,.tabGrid .endOfMeasure:nth-last-child(5).stringRowCell:before,.tabGrid .endOfMeasure:nth-last-child(6).stringRowCell:before{left:-5px;width:5px}.tabSystem .stringRowCell>*{position:relative;z-index:1}.mediaWrapper{display:grid;width:-webkit-fill-available;min-width:200px;background:#fff;justify-self:center;align-items:center;border-radius:5px}.mediaContent{display:grid;overflow:scroll;background:#fff;font-size:17px;border:1.5px solid var(--lightest-dark-color);border-top:0;border-radius:0 0 5px 5px;padding:20px}.mediaContent ul{list-style:circle}.item-tag{display:inline-grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--dark-color);color:var(--dark-color);border-radius:12px;margin:2px 5px 2px 0;padding:3px 8px;font-size:.8rem;line-height:.8rem;font-family:Poppins,sans-serif;font-weight:500;width:fit-content!important}.item-tag i{padding-left:5px}.tag-error{color:var(--darker-alert-color);border:1px solid var(--darker-alert-color)}.tag-warning{color:var(--dark-primary-color);border:1px solid var(--dark-primary-color)}.tag-success{color:var(--dark-secondary-color);border:1px solid var(--dark-secondary-color)}.tag-clickable:hover{cursor:pointer}.tag-clickable a{color:inherit;font-weight:inherit;text-decoration:inherit}.item-tag.tag-clickable.tag-default{border:1px solid var(--dark-color);background:var(--very-light-secondary-color)}.item-tag.tag-clickable.tag-success{background:var(--light-secondary-color)}.item-tag.tag-clickable.tag-error{background:var(--very-light-alert-color)}.item-tag.tag-clickable.tag-warning{background:var(--primary-color)}.tag-clickable:hover,.item-tag.tag-clickable.tag-default:hover,.item-tag.tag-clickable.tag-success:hover,.item-tag.tag-clickable.tag-error:hover,.item-tag.tag-clickable.tag-warning:hover{background:#fff}.item-tag .deletable:hover{cursor:pointer;color:var(--alert-color)}.icon-tag{width:16px;height:16px}.icon40px{width:40px;height:40px}.icon15px{width:15px;height:15px}.icon30px{width:30px;height:30px}.iconAdder{margin-bottom:24px;padding:16px 18px;border:1px solid #e3e3ec;border-radius:12px;background:#fafafe;max-width:760px}.iconAdder code{background:#ececf3;padding:1px 5px;border-radius:4px;font-size:.9em}.iconAdder__row{display:flex;gap:8px;margin-top:8px}.iconAdder__row input{flex:1;padding:8px 10px;border:1px solid #d6d6e0;border-radius:8px}.iconAdder__result{display:flex;gap:22px;align-items:flex-start;margin-top:16px}.iconAdder__preview{display:flex;flex-direction:column;align-items:center;gap:6px;color:#444;flex:0 0 auto}.iconAdder__snippet{flex:1;min-width:0}.iconAdder__snippet pre{background:#1e1e2e;color:#e3e3e3;padding:10px 12px;border-radius:8px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;font-size:12px}.iconPreviewWrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;text-align:center}.iconPreview{display:grid;justify-items:center;gap:5px;align-items:center;align-content:center;background:#f6fbff;border-radius:10px;padding:10px}.chordReqTable{width:100%;border-collapse:collapse;margin-top:14px}.chordReqTable th,.chordReqTable td{text-align:left;padding:10px 14px;border-bottom:1px solid #ececf2;font-size:15px}.chordReqTable th{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#555}.chordReqTable__actions{display:flex;gap:8px;white-space:nowrap}.dashboardSection{margin-bottom:10px}.dashboardSectionHeader{margin-bottom:12px}.dashboardTileGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.dashboardTile{display:grid;border-radius:14px;padding:12px;background:var(--panel-bg, #fff);box-shadow:0 2px 10px #0000000f;cursor:pointer;transition:transform .08s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none}.dashboardTile .badge{font-size:.78rem;padding:2px 6px}.dashboardTile:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001a}.dashboardTile:focus{outline:1px solid var(--highlight-color);outline-offset:1px}.dashboardTileTitle{font-weight:700;font-size:1.02rem;line-height:1.2;margin-bottom:8px}.dashboardTileMeta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.dashboardTileOwner{opacity:.8;font-size:.9rem}.dashboardTileLink{text-decoration:none;color:inherit;display:block}.string-chip-row{display:flex;flex-wrap:wrap;gap:8px}.string-chip{min-width:26px;height:26px;padding:0 6px;border:1px solid var(--border-color, #ccc);border-radius:999px;background:transparent;color:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.string-chip:hover{transform:translateY(-1px);background-color:#fff}.string-chip.selected{background:var(--nav-color);color:#fff;border-color:var(--dark-color)}.bulkSelectorButton{display:grid;position:absolute;align-items:center;top:8px;left:8px;z-index:30;width:28px;height:28px;border-radius:999px;border:2px solid rgba(194,24,91,.6);background:#fff;color:#c2185b;font-weight:700;font-size:24px;line-height:24px;box-shadow:#0000002e 0 2px 8px;cursor:pointer;padding:0}.shareBox{display:grid;justify-content:center;justify-self:center;padding:20px;margin:0 auto;border-radius:20px;background:#ffffffdf;border:1px solid var(--lightest-dark-color);align-items:center;max-width:500px;width:70%}.shareBox h1,.shareBox h2{color:#a670c9;margin-bottom:10px;font-weight:400}.shareBox select{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}.shareBox input,.shareBox select{height:30px}#mainNav{position:sticky;top:0;z-index:200;background-color:#53606e;padding:5px 20px;display:grid;grid-auto-flow:column;justify-content:space-between;column-gap:20px;margin:0;height:fit-content;color:#fff}#mainNav a{color:#fff;text-transform:uppercase;width:fit-content}#mainNav .mainNavLeft{display:grid;grid-auto-flow:column;justify-content:left;column-gap:20px}#navTitle{color:#f2c0ff;padding-right:20px;border-right:rgb(242,192,255) 1px solid}.sync-status{display:flex;align-items:center;font-size:14px}.statusHeader{margin-right:5px;font-weight:700;text-transform:uppercase}.sync-status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:5px}.sync-dot-green{background-color:#22c55e}.sync-dot-red{background-color:#ef4444}.sync-dot-yellow{background-color:#facc15}.sync-last-synced{margin-left:8px}.blueprintsWrapper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.chordTypesWrapper{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chordTypeWrapper{display:grid;align-content:start;gap:5px;background-color:#f6f7fa;border-radius:5px;padding:20px}.notesSequenceList{display:grid;text-align:center;grid-auto-flow:column;margin-bottom:20px}.notesSequenceList span{display:block}@media(max-width:700px){.chordTypesWrapper,.blueprintsWrapper{grid-auto-flow:row;grid-template-columns:none}}input.autocomplete{margin-bottom:5px!important}.no-suggestions{display:grid;grid-template-columns:1fr auto;align-content:space-between;color:var(--dark-primary-color);padding:6px 6px 6px 10px;border-radius:6px;background:var(--light-primary-color)}.no-suggestions button{background:none;color:var(--dark-primary-color);border-color:var(--dark-primary-color)}.suggestions{background:#fff;border:1px solid rgb(212,212,212);list-style:none;padding:5px;max-height:143px;overflow-y:auto;width:100%;border-radius:10px;position:absolute;z-index:1000;box-shadow:var(--shadow-1);margin-top:0}.suggestions li{padding:5px 10px;margin-bottom:5px}.suggestions li:last-of-type{margin-bottom:0}.suggestions li:hover{background-color:var(--light-nav-color);color:var(--nav-color)}.suggestion-active{background-color:var(--nav-color);color:var(--light-nav-color)}.suggestion-active,.suggestions li:hover{cursor:pointer;border-radius:8px}.suggestions li span{display:block}.suggestions li span.subtext{font-size:.8rem;color:var(--dark-color);line-height:.85rem;margin-bottom:5px}.fretboardEditorWrapper{display:grid;background:#fff;padding:10px;border-top:1.5px solid var(--lightest-dark-color);overflow-x:scroll}.fretboardTopRow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:10px;background:#fff;padding:10px;border-bottom:none;border-top:none}.fretboardTopRow>.toggleWrapper,.fretboardTopRow>.scaleInfo{flex:0 0 auto}.fretboardLines{display:grid;background:#fff;padding:10px;border-top:1.5px solid var(--lightest-dark-color)}.fretboardLines .toggleWrapper{height:auto;min-height:38px;align-content:center}.fretcontrolswrapper{position:relative;display:grid;grid-template-rows:auto auto 1fr}.fretcontrolswrapper>div:last-child{grid-row:auto}.fretwrapper{display:grid;align-items:center;align-self:center;border:1.5px solid var(--lightest-dark-color);border-radius:0 0 5px 5px;background:#fff;overflow-x:scroll}.fretcontrolswrapper.modes{min-width:fit-content}.fretcontrolswrapper.small .fretwrapper{padding:5px 10px 5px 0}.fretcontrolswrapper.medium .fretwrapper{padding:5px 15px 5px 0}.fretcontrolswrapper.small .fretheader,.fretcontrolswrapper.medium .fretheader{font-size:14px}.fretcontrolswrapper.small .fretcell{height:24px;padding:5px}.fretcontrolswrapper.small .fretrow .fretcell:nth-child(2),.fretcontrolswrapper.medium .fretrow .fretcell:nth-child(2){left:0;margin-right:0}.fretcontrolswrapper.medium .fretcell{height:34px;padding:3px}.fretcontrolswrapper.small .fretrow,.fretcontrolswrapper.small .fretheader{--smallcellw: 46px;--stringnumcellw: 16px;grid-template-columns:var(--stringnumcellw) var(--smallcellw) repeat(auto-fit,minmax(var(--smallcellw),1fr));grid-auto-columns:minmax(var(--smallcellw),1fr)}.fretheader:first-of-type{padding-top:10px}.fretcontrolswrapper.medium .fretrow,.fretcontrolswrapper.medium .fretheader{grid-template-columns:50px 50px repeat(auto-fit,minmax(50px,1fr));grid-auto-columns:minmax(50px,1fr)}.fretbody{display:grid;position:relative}.fretrow.hiddenrow .stringnum{color:var(--lighter-dark-color)}.fretrow .fretcell{display:grid;align-items:center;justify-content:center;font-size:13px;border-right:2px solid var(--fret-line-color);position:relative;padding:5px 3px;height:42px;grid-auto-flow:column;gap:5px}.fretrow .fretcell:nth-child(n+3):before{content:"";position:absolute;top:50%;left:0;border-top:2px solid var(--fret-line-color);width:100%;transform:translateY(-50%)}.fretrow:last-child .fretcell:nth-child(n+3):before{border-top:5px solid var(--fret-line-color);margin-left:-2px;width:calc(100% + 2px)}.fretrow:nth-last-child(2) .fretcell:nth-child(n+3):before{border-top:4.5px solid var(--fret-line-color)}.fretrow:nth-last-child(3) .fretcell:nth-child(n+3):before{border-top:4px solid var(--fret-line-color)}.fretrow:nth-last-child(4) .fretcell:nth-child(n+3):before{border-top:3px solid var(--fret-line-color)}.fretrow:nth-last-child(4) .fretcell:nth-child(5):after,.fretrow:nth-last-child(4) .fretcell:nth-child(7):after,.fretrow:nth-last-child(4) .fretcell:nth-child(9):after,.fretrow:nth-last-child(4) .fretcell:nth-child(11):after,.fretrow:nth-last-child(4) .fretcell:nth-child(17):after,.fretrow:nth-last-child(4) .fretcell:nth-child(19):after,.fretrow:nth-last-child(4) .fretcell:nth-child(21):after,.fretrow:nth-last-child(4) .fretcell:nth-child(23):after,.fretrow:nth-last-child(4) .fretcell:nth-child(25):after{content:"";display:block;width:18px;height:18px;background-color:var(--fret-line-color);opacity:70%;border-radius:50%;position:absolute;right:calc(50% - 9px);top:calc(50% + 7px);transform:translateY(50%);z-index:1}.fretrow:nth-last-child(3) .fretcell:nth-child(14):after,.fretrow:nth-last-child(5) .fretcell:nth-child(14):after{content:"";display:block;width:18px;height:18px;background-color:var(--fret-line-color);opacity:70%;border-radius:50%;position:absolute;right:calc(50% - 9px);top:calc(50% + 7px);transform:translateY(50%);z-index:1}.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(5):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(7):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(9):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(11):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(17):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(19):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(21):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(23):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(25):after{top:calc(50% - 2px)}.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(3) .fretcell:nth-child(14):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(5) .fretcell:nth-child(14):after{top:calc(50% - 2px)}.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(5):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(7):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(9):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(11):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(17):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(19):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(21):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(23):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(25):after{top:calc(50% + 1.5px)}.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(3) .fretcell:nth-child(14):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(5) .fretcell:nth-child(14):after{top:calc(50% + 1.5px)}.fretrow:nth-last-child(5) .fretcell:nth-child(n+3):before{border-top:2.5px solid var(--fret-line-color)}.fretrow:nth-child(2) .fretcell,.fretrow:last-child .fretcell{border-right:0px}.fretrow:nth-child(2) .fretcell:after{content:"";position:absolute;top:25%;right:0;border-right:2px solid var(--fret-line-color);height:50%;transform:translateY(50%)}.fretrow:last-child .fretcell:after{content:"";position:absolute;top:-25%;right:0;border-right:2px solid var(--fret-line-color);height:50%;transform:translateY(50%)}.fretrow,.fretheader{display:grid;grid-auto-flow:column;grid-template-columns:60px repeat(auto-fit,minmax(50px,1fr));grid-auto-columns:minmax(50px,1fr)}.fretrow .fretcell:nth-child(2):before{content:none!important;display:none!important;border-top:none!important;width:0!important}.fretheader{color:var(--dark-color);font-weight:500;font-family:Rajdhani,Helvetica,sans-serif,monospace;text-align:center}.fretheader:first-of-type{margin:0 0 5px}.fretheader div.nut{content:"Nut";text-transform:uppercase;color:#5a6d7c;font-weight:500}.fretheader div:nth-child(5),.fretheader div:nth-child(7),.fretheader div:nth-child(9),.fretheader div:nth-child(11),.fretheader div:nth-child(14),.fretheader div:nth-child(17),.fretheader div:nth-child(19),.fretheader div:nth-child(21),.fretheader div:nth-child(23),.fretheader div:nth-child(25){font-weight:700;color:#282930}.stringnum{position:relative;left:5px;margin-right:0;display:grid;align-items:center;justify-content:center;color:#282930;font-weight:700;font-family:Rajdhani,Helvetica,sans-serif,monospace}.note{display:grid;gap:1px;grid-auto-flow:column;width:40px;height:40px;align-items:center;justify-self:center;justify-content:center;font-size:15.5px;font-family:Rajdhani,Helvetica,sans-serif,monospace;font-weight:700;border-radius:100%;z-index:20;position:relative}.note:hover{cursor:pointer}.fret-overlay polyline,.fret-overlay path{fill:none;stroke:var(--fret-line-color);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.fret-overlay line{stroke:var(--default-line-color);stroke-width:4;stroke-linecap:round}.fret-overlay .pending-line-ring-rotator{transform-origin:center;transform-box:fill-box;animation:pendingLineSpin 2.2s linear infinite}@keyframes pendingLineSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fret-overlay .pending-line-ring-outer{pointer-events:none;stroke-linecap:round;stroke-linejoin:round}.fret-overlay .pending-line-ring-source .pending-line-ring-outer{fill:#6d4bd11a;stroke:#6d4bd1;stroke-width:3.5px;stroke-dasharray:7 5}.fret-overlay .pending-line-ring-hover .pending-line-ring-outer{fill:#8b5cf624;stroke:#8b5cf6;stroke-width:3.5px;stroke-dasharray:7 5;stroke-linecap:round;stroke-linejoin:round}.lineEditHint{width:100%;font-size:13px;font-weight:500;text-transform:none;letter-spacing:normal;color:#6d4bd1;padding:2px 0 6px}.fret-overlay .pending-line-ring-hover .pending-line-ring-rotator{animation-duration:1.4s}.fret-overlay .fret-line-hitarea{stroke:transparent;stroke-width:18px;pointer-events:stroke;cursor:pointer}.fret-overlay .fret-line{stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.fret-overlay .fret-line.selected{stroke-dasharray:6 8;animation:selectedLineDashMove .6s linear infinite}@keyframes selectedLineDashMove{0%{stroke-dashoffset:0}to{stroke-dashoffset:-14}}.linePaletteWrapper{display:flex;flex-wrap:wrap;gap:8px;align-items:center;height:fit-content}.lineColorPalette{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.piano-container .note{display:grid;gap:1px;grid-auto-flow:column;width:15px;height:15px;line-height:14px;align-items:end;justify-self:center;justify-content:center;font-family:Rajdhani,Helvetica,sans-serif,monospace;font-weight:700;font-size:12px;border-radius:100%;bottom:1px}.piano-container .note.default{border:none;background:none;bottom:3px}.piano-container .note:hover{cursor:pointer}.piano-black-key-label .default{color:#fff}.piano-black-key-label .default:hover{color:#f2f2f2}.note .nameanddegree{display:grid;grid-auto-flow:row;justify-items:center}.note .nameanddegree span{line-height:15.5px;letter-spacing:-1px}.note.medium .nameanddegree span{line-height:13px!important}.note.small .nameanddegree span{line-height:11px}.default{background-color:#f4f5f8;color:var(--darker-color);border:var(--note-thickness) solid rgba(45,62,74,.5647058824)}.default.piano-black-key{background-color:#1f2937}.default.piano-black-key:hover{background-color:#253141}.default.piano-white-key{background-color:#fff}.default.piano-white-key:hover{background-color:#f4f5f8}.default.pastel{border-color:var(--lighter-dark-color);background-color:#f9fcff}.hideNote{opacity:0}.hideNote:hover{cursor:default}.isEditing .hideNote{opacity:1}.isEditing .hideNote:hover{background-color:#eae9f1;cursor:context-menu}.fretrow .fretcell:nth-child(2) .hideNote:before{color:var(--dark-color);position:relative;top:2px;left:.5px}.fretrow:first-of-type .fretcell:nth-child(2) .hideNote:before{content:"E"}.fretrow:nth-of-type(2) .fretcell:nth-child(2) .hideNote:before{content:"B"}.fretrow:nth-of-type(3) .fretcell:nth-child(2) .hideNote:before{content:"G"}.fretrow:nth-of-type(4) .fretcell:nth-child(2) .hideNote:before{content:"D"}.fretrow:nth-of-type(5) .fretcell:nth-child(2) .hideNote:before{content:"A"}.fretrow:nth-of-type(6) .fretcell:nth-child(2) .hideNote:before{content:"E"}.note:hover{background-color:#e9eaf1;color:var(--darker-color)}.note.highlightNote:not(.pastel):hover{color:#fff}.fretrow .fretcell:nth-child(3){left:-2px;margin-right:-2px}.fretrow:nth-child(2) .fretcell:nth-child(n+3):before{margin-left:0}.fretrow:last-child .fretcell:nth-child(n+3):before{border-top:5px solid var(--fret-line-color);margin-left:0;width:100%}.fretrow .fretcell:nth-child(2) .hideNote{opacity:1}.highlightNote{color:#fff;border:var(--note-thickness) solid rgba(45,62,74,.231372549)}.focusedNote{box-shadow:0 0 0 3px #2626469d;animation:pulse 6s infinite ease-in-out}@keyframes pulse{0%{box-shadow:0 0 0 3 #2626469d}25%{box-shadow:0 0 0 3px #c4c4f196}75%{box-shadow:0 0 0 3px #6262bf9d}to{box-shadow:0 0 0 3px #2626469d}}.note.small{width:24px;height:24px;font-size:11px;line-height:11px}.note.xsmall{width:20px;height:20px;font-size:11px;line-height:11.5px;letter-spacing:-.5px;border-width:1.5px}.note.xxsmall{width:7px;height:7px;font-size:11px;content-visibility:hidden}.note.medium{width:30px;height:30px;font-size:13px;line-height:13px}.note.large{width:50px;height:50px;font-size:20px;line-height:20px}.note.pastel.staticNote{outline-offset:.5px}.note,.dot{display:grid;align-items:center}.highlightNote.pastel:hover,.pastel:hover{background-color:#fff}.A.pastel{background-color:var(--Apale);color:var(--Adark)}.A{border-color:var(--Adark)!important}.Bflat.pastel,.Asharp.pastel{background-color:var(--AsharpBflatpale);color:var(--AsharpBflatdark)}.Bflat,.Asharp{border-color:var(--AsharpBflatdark)!important}.B.pastel{background-color:var(--Bpale);color:var(--Bdark)}.B{border-color:var(--Bdark)!important}.C.pastel{background-color:var(--Cpale);color:var(--Cdark)}.C{border-color:var(--Cdark)!important}.Dflat.pastel,.Csharp.pastel{background-color:var(--CsharpDflatpale);color:var(--CsharpDflatdark)}.Dflat,.Csharp{border-color:var(--CsharpDflatdark)!important}.D.pastel{background-color:var(--Dpale);color:var(--Ddark)}.D{border-color:var(--Ddark)!important}.Eflat.pastel,.Dsharp.pastel{background-color:var(--DsharpEflatpale);color:var(--DsharpEflatdark)}.Eflat,.Dsharp{border-color:var(--DsharpEflatdark)!important}.E.pastel{background-color:var(--Epale);color:var(--Edark)}.E{border-color:var(--Edark)!important}.F.pastel{background-color:var(--Fpale);color:var(--Fdark)}.F{border-color:var(--Fdark)!important}.Gflat.pastel,.Fsharp.pastel{background-color:var(--FsharpGflatpale);color:var(--FsharpGflatdark)}.Gflat,.Fsharp{border-color:var(--FsharpGflatdark)!important}.G.pastel{background-color:var(--Gpale);color:var(--Gdark)}.G{border-color:var(--Gdark)!important}.Aflat.pastel,.Gsharp.pastel{background-color:var(--GsharpAflatpale);color:var(--GsharpAflatdark)}.Aflat,.Gsharp{border-color:var(--GsharpAflatdark)!important}.octaveWrapper{display:grid;text-align:center;background:#9494c666;justify-self:center;border-radius:6px;vertical-align:middle;width:12px;height:12px;line-height:12px}.small .octaveWrapper{width:10px;height:10px;line-height:10px}.highlightNote .octaveWrapper{background:#2b2b4a45}.octave2.octaveWrapper,.octave3.octaveWrapper,.octave4.octaveWrapper,.octave5.octaveWrapper,.octave6.octaveWrapper{background:#26263d35}.octave2.pastel.default .octaveWrapper,.octave3.pastel.default .octaveWrapper,.octave4.pastel.default .octaveWrapper,.octave5.pastel.default .octaveWrapper,.octave6.pastel.default .octaveWrapper{background:#acacca87}.octave2.pastel.highlightNote .octaveWrapper,.octave3.pastel.highlightNote .octaveWrapper,.octave4.pastel.highlightNote .octaveWrapper,.octave5.pastel.highlightNote .octaveWrapper,.octave6.pastel.highlightNote .octaveWrapper{background:#fff}.octave2.contrast .octaveWrapper,.octave3.contrast .octaveWrapper,.octave4.contrast .octaveWrapper,.octave5.contrast .octaveWrapper,.octave6.contrast .octaveWrapper{background-color:#4c506a3a}.octave2.contrast.highlightNote,.octave3.contrast.highlightNote,.octave4.contrast.highlightNote,.octave5.contrast.highlightNote,.octave6.contrast.highlightNote{color:#fff}.octave2.contrast.highlightNote .octaveWrapper,.octave3.contrast.highlightNote .octaveWrapper,.octave4.contrast.highlightNote .octaveWrapper,.octave5.contrast.highlightNote .octaveWrapper,.octave6.contrast.highlightNote .octaveWrapper{background:#2b2b48a1;color:#fff}.A{background-color:var(--A)}.A.fontcoloronly{color:var(--A);background-color:inherit;border:none}.A.fontcoloronly.contrast{color:var(--darker-color)}.A.fontcoloronly:hover{background-color:inherit}.A:hover{background-color:var(--Adark)}.A.staticNote:hover{background-color:var(--A)}.A.piano-black-key{background-color:var(--Adark)}.Asharp,.Bflat{background-color:var(--AsharpBflat)}.Asharp.fontcoloronly,.Bflat.fontcoloronly{color:var(--AsharpBflat);background-color:inherit;border:none}.Asharp.fontcoloronly:hover,.Bflat.fontcoloronly:hover{background-color:inherit}.Asharp:hover,.Asharp.piano-black-key,.Bflat:hover,.Bflat.piano-black-key{background-color:var(--AsharpBflatdark)}.Asharp.piano-black-key,.Bflat.piano-black-key{border-color:#0003}.Asharp.piano-black-key:hover,.Bflat.piano-black-key:hover,.Asharp.staticNote:hover,.Bflat.staticNote:hover{background-color:var(--AsharpBflat)}.B{background-color:var(--B)}.B.fontcoloronly{color:var(--B);background-color:inherit;border:none}.B.fontcoloronly:hover{background-color:inherit}.B:hover{background-color:var(--Bdark)}.B.staticNote:hover{background-color:var(--B)}.C{background-color:var(--C)}.C.fontcoloronly{color:var(--C);background-color:inherit;border:none}.C:hover{background-color:var(--Cdark)}.C.staticNote:hover{background-color:var(--C)}.Csharp,.Dflat{background-color:var(--CsharpDflat)}.Csharp.fontcoloronly,.Dflat.fontcoloronly{color:var(--CsharpDflat);background-color:inherit;border:none}.Csharp.fontcoloronly:hover,.Dflat.fontcoloronly:hover{background-color:inherit}.Csharp:hover,.Csharp.piano-black-key,.Dflat:hover,.Dflat.piano-black-key{background-color:var(--CsharpDflatdark)}.Csharp.piano-black-key,.Dflat.piano-black-key{border-color:#0003}.Csharp.piano-black-key:hover,.Dflat.piano-black-key:hover,.Csharp.staticNote:hover,.Dflat.staticNote:hover{background-color:var(--CsharpDflat)}.D{background-color:var(--D)}.D.fontcoloronly{color:var(--D);background-color:inherit;border:none}.D.fontcoloronly:hover{background-color:inherit}.D:hover{background-color:var(--Ddark)}.D.staticNote:hover{background-color:var(--D)}.Dsharp,.Eflat{background-color:var(--DsharpEflat)}.Dsharp.fontcoloronly,.Eflat.fontcoloronly{color:var(--DsharpEflat);background-color:inherit;border:none}.Dsharp.fontcoloronly:hover,.Eflat.fontcoloronly:hover{background-color:inherit}.Dsharp:hover,.Dsharp.piano-black-key,.Eflat:hover,.Eflat.piano-black-key{background-color:var(--DsharpEflatdark)}.Dsharp.piano-black-key,.Eflat.piano-black-key{border-color:#0003}.Dsharp.piano-black-key:hover,.Eflat.piano-black-key:hover,.Dsharp.staticNote:hover,.Eflat.staticNote:hover{background-color:var(--DsharpEflat)}.E{background-color:var(--E)}.E.fontcoloronly{color:var(--E);background-color:inherit;border:none}.E.fontcoloronly:hover{background-color:inherit}.E:hover{background-color:var(--Edark)}.E.staticNote:hover{background-color:var(--E)}.F{background-color:var(--F)}.F.fontcoloronly{color:var(--F);background-color:inherit;border:none}.F.fontcoloronly:hover{background-color:inherit}.F:hover{background-color:var(--Fdark)}.F.staticNote:hover{background-color:var(--F)}.Fsharp,.Gflat{background-color:var(--FsharpGflat)}.Fsharp.fontcoloronly,.Gflat.fontcoloronly{color:var(--FsharpGflat);background-color:inherit;border:none}.Fsharp.fontcoloronly:hover,.Gflat.fontcoloronly:hover{background-color:inherit}.Fsharp:hover,.Fsharp.piano-black-key,.Gflat:hover,.Gflat.piano-black-key{background-color:var(--FsharpGflatdark)}.Fsharp.piano-black-key,.Gflat.piano-black-key{border-color:#0003}.Fsharp.piano-black-key:hover,.Gflat.piano-black-key:hover,.Fsharp.staticNote:hover,.Gflat.staticNote:hover{background-color:var(--FsharpGflat)}.G{background-color:var(--G)}.G.fontcoloronly{color:var(--G);background-color:inherit;border:none}.G.fontcoloronly:hover{background-color:inherit}.G:hover{background-color:var(--Gdark)}.G.staticNote:hover{background-color:var(--G)}.Gsharp,.Aflat{background-color:var(--GsharpAflat)}.Gsharp.fontcoloronly,.Aflat.fontcoloronly{color:var(--GsharpAflat);background-color:inherit;border:none}.Gsharp.fontcoloronly:hover,.Aflat.fontcoloronly:hover{background-color:inherit}.Gsharp:hover,.Gsharp.piano-black-key,.Aflat:hover,.Aflat.piano-black-key{background-color:var(--GsharpAflatdark)}.Gsharp.piano-black-key,.Aflat.piano-black-key{border-color:#0003}.Gsharp.piano-black-key:hover,.Aflat.piano-black-key:hover,.Gsharp.staticNote:hover,.Aflat.staticNote:hover{background-color:var(--GsharpAflat)}.contrast.default{background-color:#fff;border-color:#485f71dd!important;color:var(--darker-color)}.contrast.default:hover{background-color:var(--lightest-dark-color)}.contrast.staticNote{outline-offset:.5px}.contrast.highlightNote{background-color:var(--contrast-color);border-color:#28353fde!important;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.contrast.highlightNote:hover{background-color:var(--dark-color)}.contrast.piano-white-key{background-color:var(--pale-dark-color);color:var(--darker-color)}.contrast.piano-white-key:hover{background-color:var(--lighter-dark-color)}.contrast.piano-black-key{background-color:var(--contrast-color)}.cellbackground,.octavebackground{position:absolute;height:100%;display:grid;align-items:center;justify-content:center;width:100%;opacity:90%}.cellbackground.tophalf,.octavebackground.tophalf{top:0;height:50%}.cellbackground.bottomhalf,.octavebackground.bottomhalf{top:50%;height:50%}.octavebackground{opacity:100%}.octavebackground.oct2{background:#075797b0}.octavebackground.oct3{background:#0073d0c9;opacity:59%}.octavebackground.oct4{background:#0073d0c9;opacity:37%}.octavebackground.oct5{background:#0073d0c9;opacity:15%}.octavebackground.oct6{background:var(--lightest-dark-color);opacity:10%}.cellbackground.shapeRight{width:50%;left:0%}.cellbackground.shapeLeft{width:50%;left:50%}.fretrow:first-of-type .cellbackground.shapeLeft,.fretrow:last-of-type .cellbackground.shapeLeft{left:calc(50% - 1px)}.fretrow:first-of-type .cellbackground.shapeRight,.fretrow:last-of-type .cellbackground.shapeRight{width:calc(50% - 1px)}.cellbackground.C{background:var(--Clight)}.cellbackground.C~.cellbackground.A{width:50%;left:50%}.cellbackground.C:has(+.cellbackground.A){width:50%}.cellbackground.A{background:var(--Alight)}.cellbackground.A~.cellbackground.G{width:50%;left:50%}.cellbackground.A:has(+.cellbackground.G){width:50%}.cellbackground.G{background:var(--Glight)}.cellbackground.G~.cellbackground.E{width:50%;left:50%}.cellbackground.G:has(+.cellbackground.E){width:50%}.cellbackground.E{background:var(--Elight)}.cellbackground.E~.cellbackground.D{width:50%;left:50%}.cellbackground.E:has(+.cellbackground.D){width:50%}.cellbackground.D{background:var(--Dlight)}.cellbackground.D~.cellbackground.C{width:50%;left:50%}.cellbackground.D:has(+.cellbackground.C){width:50%}.staticNote{cursor:default;background:none;outline:2px solid var(--lighter-dark-color);color:var(--dark-color);outline-offset:-1px}.staticNote:hover{background-color:unset;color:var(--dark-color)}.staticNote.highlightNote,.staticNote.highlightNote:hover{color:#fff}.staticNote:hover{cursor:default}.cagedSelectorWrapper{display:grid;grid-auto-flow:column;gap:10px;width:fit-content;justify-self:center;align-items:center}.cagedSelector{--cellW: 5.5px;--cellH: 3.5px;--numCols5: 5;--numCols4: 4;--numRows: 6;display:grid;grid-template-columns:repeat(4,var(--cellW));width:calc(var(--cellW) * var(--numCols4));height:calc(var(--cellH) * var(--numRows))}.cagedSelector.caged5wide{grid-template-columns:repeat(5,var(--cellW));width:calc(var(--cellW) * var(--numCols5));height:calc(var(--cellH) * var(--numRows))}.cagedSelector div{width:var(--cellW);height:var(--cellH)}.cagedSelector.clickable:hover{cursor:pointer;opacity:80%}.cagedSelector:before{margin-top:3px}.cagedSelector.Csel:before,.cagedSelector.Asel:before,.cagedSelector.Gsel:before,.cagedSelector.Esel:before,.cagedSelector.Dsel:before{position:absolute;margin-left:5px;font-weight:700}.cagedSelector.Csel.shapeOn:before,.cagedSelector.Asel.shapeOn:before,.cagedSelector.Gsel.shapeOn:before,.cagedSelector.Esel.shapeOn:before,.cagedSelector.Dsel.shapeOn:before{color:#fff}.cagedSelector.Csel:before{content:"C";margin-left:8px;color:var(--Cdarker)}.cagedSelector.Csel.shapeOn :nth-child(n+1):nth-child(-n+4),.cagedSelector.Csel.shapeOn :nth-child(n+6):nth-child(-n+11),.cagedSelector.Csel.shapeOn :nth-child(n+13):nth-child(-n+15),.cagedSelector.Csel.shapeOn :nth-child(n+17):nth-child(-n+24){background:var(--C)}.cagedSelector.Csel :nth-child(n+1):nth-child(-n+4),.cagedSelector.Csel :nth-child(n+6):nth-child(-n+11),.cagedSelector.Csel :nth-child(n+13):nth-child(-n+15),.cagedSelector.Csel :nth-child(n+17):nth-child(-n+24){background:var(--Cmutedpale)}.cagedSelector.Asel{margin-left:calc(-1 * var(--cellW))}.cagedSelector.Asel:before{content:"A";margin-left:10px;color:var(--Adarker)}.cagedSelector.Asel.shapeOn :nth-child(n+2):nth-child(-n+4),.cagedSelector.Asel.shapeOn :nth-child(n+6):nth-child(-n+16),.cagedSelector.Asel.shapeOn :nth-child(n+18):nth-child(-n+20),.cagedSelector.Asel.shapeOn :nth-child(n+22):nth-child(-n+24){background:var(--A)}.cagedSelector.Asel :nth-child(n+2):nth-child(-n+4),.cagedSelector.Asel :nth-child(n+6):nth-child(-n+16),.cagedSelector.Asel :nth-child(n+18):nth-child(-n+20),.cagedSelector.Asel :nth-child(n+22):nth-child(-n+24){background:var(--Amutedpale)}.cagedSelector.Gsel{margin-left:-1px}.cagedSelector.Gsel:before{content:"G";margin-left:6px;color:var(--Gdarker)}.cagedSelector.Gsel.shapeOn :nth-child(n):nth-child(-n+11),.cagedSelector.Gsel.shapeOn :nth-child(n+13):nth-child(-n+15),.cagedSelector.Gsel.shapeOn :nth-child(n+17):nth-child(-n+19),.cagedSelector.Gsel.shapeOn :nth-child(n+21):nth-child(-n+24){background:var(--G)}.cagedSelector.Gsel :nth-child(n):nth-child(-n+11),.cagedSelector.Gsel :nth-child(n+13):nth-child(-n+15),.cagedSelector.Gsel :nth-child(n+17):nth-child(-n+19),.cagedSelector.Gsel :nth-child(n+21):nth-child(-n+24){background:var(--Gmutedpale)}.cagedSelector.Esel{margin-left:calc(-1 * var(--cellW))}.cagedSelector.Esel:before{content:"E";margin-left:9px;color:var(--Edarker)}.cagedSelector.Esel.shapeOn :nth-child(n+2):nth-child(-n+4),.cagedSelector.Esel.shapeOn :nth-child(n+6):nth-child(-n+11),.cagedSelector.Esel.shapeOn :nth-child(n+13):nth-child(-n+20),.cagedSelector.Esel.shapeOn :nth-child(n+22):nth-child(-n+24){background:var(--E)}.cagedSelector.Esel :nth-child(n+2):nth-child(-n+4),.cagedSelector.Esel :nth-child(n+6):nth-child(-n+11),.cagedSelector.Esel :nth-child(n+13):nth-child(-n+20),.cagedSelector.Esel :nth-child(n+22):nth-child(-n+24){background:var(--Emutedpale)}.cagedSelector.Dsel{margin-left:calc(-1 * var(--cellW))}.cagedSelector.Dsel:before{content:"D";margin-left:11px;color:var(--Ddarker)}.cagedSelector.Dsel.shapeOn :nth-child(n+2):nth-child(-n+4),.cagedSelector.Dsel.shapeOn :nth-child(n+7):nth-child(-n+14),.cagedSelector.Dsel.shapeOn :nth-child(n+17):nth-child(-n+19),.cagedSelector.Dsel.shapeOn :nth-child(n+22):nth-child(-n+24),.cagedSelector.Dsel.shapeOn :nth-child(n+27):nth-child(-n+29){background:var(--D)}.cagedSelector.Dsel :nth-child(n+2):nth-child(-n+4),.cagedSelector.Dsel :nth-child(n+7):nth-child(-n+14),.cagedSelector.Dsel :nth-child(n+17):nth-child(-n+19),.cagedSelector.Dsel :nth-child(n+22):nth-child(-n+24),.cagedSelector.Dsel :nth-child(n+27):nth-child(-n+29){background:var(--Dmutedpale)}.fretbody{position:relative}.fret-overlay{position:absolute;top:0;left:0;pointer-events:none;z-index:10;overflow:visible}.fret-overlay .fret-line,.fret-overlay .fret-line-note-ring,.fret-overlay .fret-line-note-ring-segment,.fret-overlay .pending-line-ring-outer{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.fret-overlay .fret-line-note-ring,.fret-overlay .fret-line-note-ring-segment{opacity:.98;pointer-events:none}.fret-overlay .fret-line-note-ring-multi{pointer-events:none}.fret-overlay .fret-line-note-ring.hidden-note-ring,.fret-overlay .fret-line-note-ring-underlay{fill:#fff}.fret-overlay .fret-line.slate,.fret-overlay .fret-line-note-ring.slate,.fret-overlay .fret-line-note-ring-segment.slate{stroke:var(--line-color-slate)}.fret-overlay .fret-line.raincloud,.fret-overlay .fret-line-note-ring.raincloud,.fret-overlay .fret-line-note-ring-segment.raincloud{stroke:var(--line-color-raincloud)}.fret-overlay .fret-line.violet,.fret-overlay .fret-line-note-ring.violet,.fret-overlay .fret-line-note-ring-segment.violet{stroke:var(--line-color-violet)}.fret-overlay .fret-line.sky,.fret-overlay .fret-line-note-ring.sky,.fret-overlay .fret-line-note-ring-segment.sky{stroke:var(--line-color-sky)}.fret-overlay .fret-line.dragonfruit,.fret-overlay .fret-line-note-ring.dragonfruit,.fret-overlay .fret-line-note-ring-segment.dragonfruit{stroke:var(--line-color-dragonfruit)}.fret-overlay .fret-line.green,.fret-overlay .fret-line-note-ring.green,.fret-overlay .fret-line-note-ring-segment.green{stroke:var(--line-color-green)}.fret-overlay .fret-line.gold,.fret-overlay .fret-line-note-ring.gold,.fret-overlay .fret-line-note-ring-segment.gold{stroke:var(--line-color-gold)}.fret-overlay .fret-line.coral,.fret-overlay .fret-line-note-ring.coral,.fret-overlay .fret-line-note-ring-segment.coral{stroke:var(--line-color-coral)}.fret-overlay .fret-line.rose,.fret-overlay .fret-line-note-ring.rose,.fret-overlay .fret-line-note-ring-segment.rose{stroke:var(--line-color-rose)}.linePaletteWrapper{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:10px;align-items:center}.linePaletteWrapper svg.menu-icon{width:18px;height:18px}.lineColorPalette{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.lineColorSwatch{width:22px;height:22px;min-width:22px;padding:0;border-radius:999px;border:2px solid rgba(60,79,94,.2)}.lineColorSwatch.active{transform:scale(1.08);border-color:#1e293be6}.lineColorSwatch.slate{background:var(--line-color-slate)}.lineColorSwatch.raincloud{background:var(--line-color-raincloud)}.lineColorSwatch.violet{background:var(--line-color-violet)}.lineColorSwatch.sky{background:var(--line-color-sky)}.lineColorSwatch.dragonfruit{background:var(--line-color-dragonfruit)}.lineColorSwatch.green{background:var(--line-color-green)}.lineColorSwatch.gold{background:var(--line-color-gold)}.lineColorSwatch.coral{background:var(--line-color-coral)}.lineColorSwatch.rose{background:var(--line-color-rose)}.lineColorLegendRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lineLegendPill{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:999px;background:#f7f8fc}.lineLegendDot{width:12px;height:12px;min-width:12px;border-radius:999px;box-shadow:inset 0 0 0 1px #00000040}.lineLegendDot.slate{background:var(--line-color-slate, rgba(60, 79, 94, .9))}.lineLegendDot.raincloud{background:var(--line-color-raincloud, #64748b)}.lineLegendDot.violet{background:var(--line-color-violet, #8b5cf6)}.lineLegendDot.sky{background:var(--line-color-sky, #1a5fe0)}.lineLegendDot.dragonfruit{background:var(--line-color-dragonfruit, #d946ef)}.lineLegendDot.green{background:var(--line-color-green, #22c55e)}.lineLegendDot.gold{background:var(--line-color-gold, #f59e0b)}.lineLegendDot.coral{background:var(--line-color-coral, #f97316)}.lineLegendDot.rose{background:var(--line-color-rose, #f43f5e)}.lineLegendText{font-size:.9em;line-height:1;white-space:nowrap}.lineLegendPill .inlineedit{display:inline-flex;align-items:center;gap:4px}.lineLegendPill .inlineedit .btn{padding:6px 2px}.lineLegendPill .inlineedit .btn svg{width:14px;height:14px}.lineLegendPill .inlineedit input[type=text]{width:100px;min-width:100px;max-width:120px;height:21px}.lineLegendReorderBtn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:20px;line-height:20px;padding:0;border:none;border-radius:999px;background:transparent;color:var(--darker-color);cursor:pointer}.lineLegendReorderBtn:hover:not(:disabled){background:#3c4f5e24}.lineLegendReorderBtn:disabled{opacity:.35;cursor:default}h1,h2,h3{-webkit-hyphens:auto;hyphens:auto;letter-spacing:0!important}h1{margin:0;font-size:28px}h1.headline{font-family:var(--header-font),serif;color:var(--darkest-color);font-size:60px;line-height:68px;margin-bottom:.15rem;text-align:center;font-weight:400;max-width:720px}h1 a{letter-spacing:0}h2{font-size:21px;margin:0;font-weight:400;color:var(--darker-color)}h3{font-size:18px;font-weight:500;color:var(--dark-color);margin:0 0 10px}h4{margin:0 0 10px}.labelwithcheckbox>label{display:grid;grid-template-columns:auto 1fr;gap:5px}.darkcolor{color:var(--dark-color)}.darkercolor{color:var(--darker-color)}.darkestcolor{color:var(--darkest-color)}sup{font-size:12px;font-weight:700}small{font-size:13px;display:block}.warm{color:var(--medium-dark-warm-color)}.rel{position:relative}.verticalcenter{display:grid;align-self:center}ul{list-style:none}img{width:100%;object-fit:cover}hr{margin-bottom:1rem;border:none;width:100%;height:1px;color:#dddfe3;background-color:#dddfe3}blockquote{quotes:"“" "”" "‘" "’";border-left:3px solid #dedee4;padding:0 10px;margin:0}blockquote:before{color:var(--primary-bg-color);content:open-quote;font-size:3em;margin-right:10px;vertical-align:-5px}blockquote p{display:inline}p{margin-bottom:.5rem}.rotateNeg90{rotate:-90deg}.rotate90{rotate:90deg}.aligncenter{display:grid;align-items:center}.single-checkbox-wrapper{border:1px solid black;border-radius:20px;height:30px;display:grid;grid-auto-flow:column;gap:10px;align-items:center;justify-content:start;padding:0 20px}.bigwarmhug .single-checkbox-wrapper{background:var(--very-light-warm-color)!important;border:0;height:38px}.single-checkbox-wrapper:hover,.single-checkbox-wrapper>label{cursor:pointer}.single-checkbox-wrapper>input{cursor:pointer}.input-wrapper{position:relative}.bigwarmhug .input-wrapper{margin-top:20px}.input-wrapper input,.input-wrapper select{position:relative;background:none}.bigwarmhug .lwfloat{background:none;top:-18px;left:0;padding:0}.lwfloat{position:absolute;text-transform:uppercase;font-size:12px;font-weight:600;top:-9px;z-index:1;left:15px;background-color:var(--secondary-bg-color);padding:0 5px}p:last-child{margin-bottom:0}p:only-child{margin:0}.impactText{font-size:20px;line-height:18px;font-weight:500;font-family:var(--body-font),sans-serif}.centerVertically{display:grid;gap:0;align-items:center}.heightfitcontent{height:fit-content!important}.margin-sides-wrapper{margin-left:30px;margin-right:30px;display:grid;justify-content:center}.gridcol{grid-auto-columns:auto;display:grid;grid-auto-flow:column;gap:10px;align-items:center}.gridrow{display:grid;grid-auto-rows:auto;grid-auto-flow:row;gap:10px;align-items:start}.gridcol2packed{grid-auto-columns:auto 1fr;display:grid;grid-auto-flow:column;align-items:center;gap:10px}.gridcolpacked{justify-content:start;display:grid;grid-auto-flow:column;align-items:center;gap:10px}.containerfull{margin:0}.bgwhite{background-color:#fff}.containermiddle{display:grid;grid-template-rows:1fr;align-content:start;min-height:auto;border-radius:var(--border-1);padding:20px}.containermiddlenogrid{background:#fbfbfe;box-shadow:var(--shadow-1);min-height:auto;border-radius:var(--border-1);padding:20px}.containerwithheader{display:grid;grid-template-rows:auto 1fr;padding:0;height:-webkit-fill-available}.split-2-header{display:grid;grid-template-columns:auto 1fr;align-items:center}.split-2-header :nth-child(2){justify-self:end}.whiteshadowtile{padding:30px;background:#fff;box-shadow:var(--shadow-1);border-radius:var(--border-1)}.containerinnersolid{padding:20px;background:#fff;box-shadow:var(--shadow-1);border-radius:var(--border-1)}.containerforleftnavandbody{display:grid;grid-template-columns:calc(var(--left-nav-width) + 20px) 1fr;gap:20px;margin:0;padding:20px;background:#fff;box-shadow:var(--shadow-1);border-radius:var(--border-1)}.containerbodyonly{flex:1;display:grid;grid-template-columns:1fr;margin:0;padding:0}.landingleftnav{display:grid;grid-auto-flow:column;justify-content:left;align-items:center;gap:20px}.landingleftnav a{color:var(--darkest-color)}div.leftnav{padding:0;border-right:1px solid var(--lighter-dark-color)}.rightnav{display:grid}.containerforleftnavandbody div.leftnav hr{color:var(--lighter-dark-color);background:var(--lighter-dark-color)}div.leftnav ul{color:var(--lighter-dark-color);display:grid;row-gap:5px;margin:0;padding:0}div.leftnav li{display:grid;gap:10px}div.leftnav li a{display:grid;grid-auto-flow:column;justify-content:left;align-items:center;padding:5px 0;margin:0;font-size:16px;color:var(--dark-nav-color);font-weight:500;text-decoration:none;border-bottom:0}div.leftnav li a svg{padding-right:2px;width:24px}div.leftnav li a.selected{font-weight:500;color:var(--light-nav-color);background:var(--nav-color);border-radius:5px}div.leftnav li a.selected:hover{color:#fff}div.leftnav a:hover{color:var(--nav-color)}div.leftnav .navsectiontitle{text-transform:uppercase;color:var(--darker-color);font-weight:600;font-size:13px;line-height:13px;margin-bottom:8px;letter-spacing:.5px}.landing{padding:20px 30px 30px;display:grid;grid-template-rows:auto;justify-items:center;grid-gap:20px}.landing h2{text-align:center;font:var(--body-font),sans-serif;color:#32345e;font-size:34px;font-weight:400;margin-top:0}.landing h3{max-width:1000px;text-align:center;font:var(--body-font),sans-serif;color:#32345e;font-size:24px;font-weight:400}.promosubtext{font-size:12px;text-transform:uppercase;letter-spacing:3px}.gradientText1{color:#4275af;background-image:linear-gradient(40deg,#a72eb9,#5084c0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landingbg{display:grid;align-items:center;background-image:url(/assets/bg-Dgttt4-Q.png);background-position:top center;background-repeat:no-repeat;background-size:auto 500px;background-attachment:fixed;min-height:500px}.landingtile{grid-auto-flow:column;column-gap:15px}.landingtile p{font-size:20px;line-height:25px;color:var(--darker-color);margin:8px 0}.landingtile h1{font-size:30px;line-height:30px}.landingtile h2{color:var(--dark-warm-color);font-size:24px;line-height:25px;padding-top:5px}.landingtilebottom{margin-top:20px;display:grid;grid-auto-flow:column;justify-content:left;align-content:center;align-items:center;column-gap:8px}.landingpgpicbox{display:grid;justify-content:center;align-items:center;width:300px;border-radius:10px}.landingpgpicbox img{border-radius:10px}.center{text-align:center;display:grid;grid-auto-flow:column;column-gap:5px;justify-content:center}.centerbox{display:grid;justify-content:center}.centertext{text-align:center}.width500{width:500px}.width700{width:700px}.width90percent{width:90vw}.width70percent{width:70vw}#leftnav{width:290px}.footer{margin-top:40px;padding:0 20px 20px;font-size:.85rem;display:flex;gap:20px;align-items:center;justify-content:space-between}.googleSignin{display:flex;justify-content:center;margin:12px 0}.authDivider{display:flex;align-items:center;text-align:center;color:#888;font-size:.85rem;margin:14px 0}.authDivider:before,.authDivider:after{content:"";flex:1;border-bottom:1px solid #ddd}.authDivider span{padding:0 12px}.signInMethods{margin-top:28px;padding:6px 20px 14px;border:1px solid #e6e6ee;border-radius:12px;background:#faf9fd}.signInMethods__title{margin:14px 0 6px;font-size:1.05rem}.signInMethods__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.signInMethods__row+.signInMethods__row{border-top:1px solid #ececf2}.signInMethods__info{display:flex;align-items:center;gap:10px}.signInMethods__method{font-weight:600}.signInMethods__status{font-size:.8rem;color:#777;background:#ececf2;border-radius:999px;padding:2px 10px}.signInMethods__status.is-on{color:#1a7f37;background:#e6f4ea}.signInMethods__hint{font-size:.8rem;color:#999}.signInMethods .btn{white-space:nowrap;margin:0}.signInMethods .btn-light{background:#fff;border:1px solid #d6d6e0;color:#555}.termsGate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#14121e8c;display:flex;align-items:center;justify-content:center;padding:20px}.termsGate__box{background:#fff;border-radius:14px;max-width:460px;width:100%;padding:28px 30px;box-shadow:0 20px 60px #0000004d;text-align:center}.termsGate__title{margin:0 0 12px}.termsGate__body{margin:0 0 22px;color:#444;line-height:1.5}.termsGate__agree{min-width:160px;margin:0}.termsGate__logout{display:block;margin:14px auto 0;background:none;border:none;color:#888;text-decoration:underline;cursor:pointer;font-size:.85rem}.adminTierBar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px;padding:12px 16px;background:#f3effa;border:1px solid #e0d8f0;border-radius:10px}.adminTierBar__count{font-weight:600}.adminTierBar select{margin-left:8px}.adminTierBar .btn{margin:0}.adminUserName{font-weight:700;margin:6px 0 2px}.adminAccess{margin:6px 0 0}.adminAccess small{display:block;color:#888}.adminAccess span{font-weight:600}.adminUserSelect{display:block;text-align:right;margin:0 0 4px}.adminTierPicker{display:block;margin:8px 0}.adminTierPicker small{display:block;color:#888;margin-bottom:2px}.adminTierPicker select{width:100%}.promoCodes__row{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #ececf2}.promoCodes__label{min-width:180px;color:#555}.promoCodes__code{flex:1;font-size:1.2em;font-family:monospace}.dangerZone{margin-top:28px;padding:16px 20px;border:1px solid #f0d6d6;border-radius:12px;background:#fcf4f4}.dangerZone__title{margin:0 0 10px;color:#b3261e;font-size:1rem}.adminUserDelete{margin-top:8px;color:#b3261e}.intentChips{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 6px}.intentChip{padding:7px 16px;border-radius:999px;border:1px solid #d6d6e0;background:#fff;color:#555;font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.intentChip:hover{background:#f5f2fc;border-color:#b9a8e8;color:#555}.intentChip.is-active,.intentChip.is-active:hover{background:#5b3fb0;border-color:#5b3fb0;color:#fff;font-weight:600}.alert-link,.alert-link:link,.alert-link:visited,.alert-link:hover,.alert-link:focus,.alert-link:active{color:inherit;background:none}.alert-link{font-weight:700;text-decoration:underline}.alert-link:hover{opacity:.85}.infoNote{display:inline-flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:8px;background:#eef3ff;border:1px solid #d6e0ff;color:#33415c;font-size:.88em;line-height:1.45}.infoNote__icon{line-height:1.45}.aiSongField{width:100%;padding:8px 10px;border:1px solid #d6d6e0;border-radius:8px;font-size:14px}.aiFieldHint{font-weight:400;color:#999;font-size:.85em}.aiModeBadge{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:600;line-height:1;color:#fff;background:linear-gradient(135deg,#6d4bd1,#9b5de5,#c44ed9)}.aiModeBadge svg{display:block;width:14px;height:14px;color:#fff;flex-shrink:0}.songSeedForm{margin:0 0 16px;padding:16px;border:1px solid var(--lightest-dark-color, #e3e3e3);border-radius:10px;background:#fafafa}.songSeedForm label{display:block;margin-bottom:12px;font-weight:600;font-size:13px}.songSeedForm input[type=text],.songSeedForm textarea,.songSeedForm select{display:block;width:100%;margin-top:5px;padding:8px 10px;font-weight:400;font-family:inherit;border:1px solid var(--lightest-dark-color, #ccc);border-radius:6px;box-sizing:border-box}.songSeedForm textarea{resize:vertical}.songSeedForm code{font-weight:400}.catalogSongLink{background:none;border:none;padding:0;font:inherit;text-align:left;color:#6d4bd1;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.catalogSongLink:hover{background:none;color:#8b5cf6}.versionHistoryBtn{display:inline-flex;align-items:center;gap:6px;margin-top:4px}.versionList{margin-top:12px;max-height:340px;overflow-y:auto}.versionRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ececf2}.versionRow:last-child{border-bottom:none}.versionMeta{color:#888;font-size:13px;margin-top:2px}.versionCurrent{margin-left:8px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#3a9a6b;border:1px solid currentColor;border-radius:10px;padding:1px 7px}.footer a{color:unset;text-decoration:underline;font-weight:400}.footertopline{border-top:1px solid var(--lighter-dark-color);margin:30px 30px 0;padding:20px 0}.footer div sup{font-size:9px;font-weight:400}img#logo-footer{width:40px;object-fit:initial}.footer a.logolink{text-decoration:none;height:28px}.footer .footerleft{display:grid;grid-auto-flow:column;align-content:center;align-items:center;column-gap:5px}.footerlogo{display:grid;grid-auto-flow:column;align-items:center;gap:5px;padding-right:10px;margin-right:5px;border-right:1px solid rgba(126,126,126,.607)}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-warm{color:var(--warm-color)}.text-white{color:#fff}.text-dark{color:var(--light-dark-color)}.strong{font-weight:700}.inlineedit{display:grid;grid-auto-flow:column;justify-content:start;align-items:center;gap:5px;width:fit-content;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.inlinetextareaedit{display:grid;grid-auto-flow:row;grid-template-rows:1fr auto;gap:5px}.inlinetextareaeditbuttons{display:grid;grid-auto-flow:column;justify-content:end;gap:5px}.forcelinebreak{line-break:anywhere}#full-screen-button{text-transform:uppercase;font-weight:500;cursor:pointer}.inlineblock{display:inline-block}.btn{display:grid;grid-auto-flow:column;column-gap:4px;align-items:center;width:fit-content;color:var(--darkest-color);background:#ffffff3f;padding:6px 10px;font-size:14px;font-weight:500;font-family:var(--body-font),sans-serif;line-height:10px;border:1.5px solid var(--darkest-color);border-radius:15px;cursor:pointer;transition:background-color .2s ease-in;outline:none;margin:0;text-decoration:none;white-space:nowrap}.btn svg{color:var(--darkest-color);width:16px;height:16px;margin-bottom:-4px;margin-top:-4px}.btn:hover{background-color:#fff}.btn:disabled,.btn-disabled,.btn:disabled:hover,.btn-disabled:hover{background:var(--primary-bg-color);color:var(--lighter-dark-color);border-color:var(--lighter-dark-color);cursor:default;opacity:1}.btn:disabled svg,.btn-disabled svg,.btn:disabled:hover svg,.btn-disabled:hover svg{color:var(--lighter-dark-color)}.link-small{font-size:14px}.btn-animate-width{transition:width .2s ease-out;position:relative;overflow:hidden}.inlinegrid{display:inline-grid}.alert-container{width:100%;position:fixed;top:5px;left:0;z-index:999;pointer-events:none}.alert{padding:10px 20px;margin:0 auto 20px;background:var(--darker-alert-color);color:#fff;border-radius:6px;max-width:600px;min-width:300px;pointer-events:initial;display:flex;flex-direction:row;justify-content:space-between}.alert span{display:grid;justify-self:flex-start;align-self:center}.alert .alert-msg{display:block;align-self:center}.showpointer{cursor:pointer}.alert-primary,.alert-secondary{background-color:var(--primary-color);color:var(--very-light-primary-color);border:0;border-bottom:1px solid var(--dark-primary-color)}svg.alert-primary,svg.alert-secondary{border-bottom:none}.btn-primary{padding:7px 15px;background-color:var(--primary-color);color:var(--very-light-primary-color);border:0;border-bottom:1px solid var(--dark-primary-color)}.btn-primary:hover{background-color:var(--dark-primary-color);color:var(--very-light-primary-color)}.btn-primary svg.menu-icon{color:var(--very-light-primary-color)}.btn-secondary{border:0;border-bottom:1px solid var(--dark-secondary-color)}.btn-alert{border-color:var(--very-light-alert-color);border-bottom:1px solid var(--darker-alert-color)}.btn-alert-border{border-color:var(--darker-alert-color);color:var(--darker-alert-color);transition:width .2s ease-out;position:relative;overflow:hidden}.btn-alert-border svg{color:var(--darker-alert-color)}.btn-secondary,.bg-secondary{background:var(--secondary-color);color:var(--dark-secondary-color)}.btn-alert,.bg-alert{background:var(--very-light-alert-color);color:var(--darker-alert-color)}.btn-icon{display:inline-block;background:none;font-size:1.1rem;border:none;cursor:pointer;outline:none;padding:0}.btn-large{font-size:18px;padding:10px 20px;line-height:normal;height:fit-content;column-gap:11px;border-radius:30px}.btn-large svg.menu-icon{width:20px}.btn-small{font-size:12px;padding:3px 10px!important;line-height:12px;height:fit-content;column-gap:4px}.btn-small.p5{padding:5px!important}.btn-small svg{width:12px;height:fit-content}.btn-small.btn-primary{padding:4px 10px!important}.danger-color{color:var(--darker-alert-color)}.btn-success,.bg-success,.alert-success{background:var(--secondary-color);color:var(--dark-secondary-color)}.btn-warning,.bg-warning,.alert-warning{background:#f3eebe;color:#3b3927}.btn-danger,.bg-danger,.alert-danger,.notification-error{background:var(--very-light-alert-color)!important;color:var(--darker-alert-color)!important}.alert-color{color:var(--darker-alert-color)}.inline-notification{padding:10px 15px;background:var(--light-secondary-color);color:var(--dark-secondary-color);line-height:22px;border-radius:6px;pointer-events:initial;display:grid;grid-auto-flow:column;gap:10px;align-items:center}.notification-warm{background:var(--medium-light-warm-color);color:var(--medium-dark-warm-color)}.round-img{border-radius:50%;width:150px;height:150px;object-fit:cover}.round-img-avg{border-radius:50%;width:120px;height:120px;object-fit:cover}.round-img-reg{border-radius:50%;width:60px;height:60px;object-fit:cover}.round-img-sml{border-radius:50%;width:38px;height:38px;object-fit:cover}.round-img-xsml{border-radius:50%;width:30px;height:30px;object-fit:cover;border:1px solid rgba(123,123,143,.4509803922)}.round-img-med{border-radius:50%;width:200px;height:200px;object-fit:cover}.round-img-lrg{border-radius:50%;width:260px;height:260px;object-fit:cover}.no-border-radius{border-radius:0}.border-radius-5{border-radius:5px}section{margin:0}section.mytable{display:table;width:100%}section.mytable>*{display:table-row}section.mytable .col{display:table-cell}.search-wrapper{display:grid;grid-gap:10px;grid-template-columns:auto min-content;margin-bottom:20px}.nogap{gap:0}.inlineedit input[type=text],.inlineedit select{margin:0;height:27px;font-size:16px;padding:0 10px 0 15px;width:200px;border-radius:999px}.inlinetextareaedit textarea{margin:0;height:27px;font-size:16px;padding:0 10px}input[type=text].searchbar{border:0;margin:0;padding:0;border-radius:0;background:none;height:27px}.searchbar-wrapper{display:grid;align-items:center;grid-gap:10px;grid-template-columns:min-content auto min-content;width:100%;height:30px;padding:0 10px 0 15px;font-size:14px;border:1.5px solid var(--darker-color);border-radius:15px;background:#ffffff80;font:inherit;font-weight:400;color:var(--darker-color);outline:none}.searchbar-wrapper :last-child{height:27px;align-items:center;display:grid}.search-icon{display:grid;align-items:center;height:27px}.searchbar{display:block;outline:none;background:#fff;opacity:.8;width:100%;padding:.4rem .4rem .4rem 0;font-size:1.2rem;font:inherit;border:none;color:var(--darker-color)}.searchbar-clear{align-self:center;justify-self:end}.form{display:grid;grid-auto-flow:row}.form-header{display:block;font-size:14px;color:var(--dark-color);font-weight:500;padding-bottom:5px}.form-header2{display:block;color:var(--very-dark-color);text-transform:uppercase;font-size:12px;font-weight:600}.form-text{display:block;color:var(--dark-color);font-weight:500;font-size:12px}#reload_href{font-size:13px!important}input[type=text],input[type=email],input[type=password],input[type=date],input[type=file],textarea{display:block;height:30px;padding:4px 15px;margin-bottom:15px;font-size:14px;border:1.5px solid var(--darker-color);border-radius:20px;font:inherit;font-weight:400;color:var(--darker-color);outline:none}textarea{padding-top:12px!important;padding-bottom:12px!important;margin-bottom:0!important;resize:vertical}::placeholder,input::placeholder,input::-webkit-input-placeholder,input:-ms-input-placeholder{color:var(--placeholder-warm-color)}.bigwarmhug input[type=text],.bigwarmhug input[type=email],.bigwarmhug input[type=password],.bigwarmhug input[type=date],.bigwarmhug input[type=file],.bigwarmhug select,.bigwarmhug textarea,.warmwrapper{background:var(--very-light-warm-color)!important;border:0;height:38px;display:grid;width:-webkit-fill-available}.bigwarmhug select{height:46px;border-radius:20px;padding:0 15px}.warmwrapper{border-radius:19px;padding:0 15px}.borderwrapper{border:1.5px solid var(--darker-color);border-radius:30px;padding:3px 12px;height:30px}.pr-6{padding-right:6px}.form input[type=submit]{font-size:14px;height:30px;line-height:10px;font-weight:400}.row-split-evenly{display:grid;grid-auto-flow:column;grid-gap:30px}.auto2split{display:grid;grid-gap:20px;grid-template-columns:auto 1fr}.gap45{grid-gap:45px;gap:45px}.gap0{grid-gap:0;gap:0}.split300px1fr{display:grid;grid-template-columns:300px 1fr;gap:30px}.even2split,.even2split-spacebtwn{display:grid;grid-template-columns:1fr 1fr}.justifystart{justify-content:start}.even2split-spacebtwn :nth-child(2){justify-self:end}.evennsplit{display:grid;grid-auto-flow:column}.grid-gap-20{grid-gap:20px}.grid-gap-30{grid-gap:30px}.badge{display:grid;grid-auto-flow:column;gap:4px;justify-content:center;align-items:center;font-family:var(--body-font);font-size:13px;font-weight:500;border-radius:9999px;background-color:#ffffff61;width:fit-content;padding:3px 7px}.badge.betabadge{color:var(--darker-primary-color);background:var(--light-primary-color)}.badge.badge-sml{padding:2px 6px;font-size:12px;line-height:12px}.badge.border{border-width:1px;border-style:solid}.unsavedbadge{color:#3a3a25;background:#f0ebba}.neutralbadge{color:var(--darker-tertiary-color);background:var(--light-tertiary-color)}.neutralbadge.border{border-color:var(--darker-tertiary-color)}.successbadge{color:var(--dark-secondary-color);background:var(--light-secondary-color)}.successbadge.border{border-color:#93b180}.warningbadge{color:var(--very-dark-primary-color);background:var(--light-primary-color)}.warningbadge.border{border-color:#d0bb89}.errorbadge{color:var(--darker-alert-color);background:var(--very-light-alert-color)}.errorbadge.border{border-color:#c6829b}.darkbadge{color:var(--darker-color);background:#fff2}.darkbadge.border{border-color:#8495a1}.sortorderbadge{border:1px solid var(--lighter-dark-color);padding:0 3px;font-size:.6rem}header{position:sticky;z-index:900;height:fit-content;width:100%;top:0;transition:background-color .2s ease-out;transition:box-shadow .2s ease-out}header.headerbg{background-color:#f9fafc52;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:var(--shadow-1);transition:background-color .4s ease-in;transition:box-shadow .4s ease-in}#school-header-wrapper{background:linear-gradient(to right,var(--secondary-bg-color) 0%,#d7f2db 49%,var(--secondary-bg-color) 100%);padding:2px 30px;margin:-30px 0 20px;display:grid;gap:10px;grid-auto-flow:column;align-items:center;justify-content:center;letter-spacing:4px;font-size:13px;font-family:var(--body-font);text-transform:uppercase;font-weight:600}.plantiles{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:20px}.plantile{display:grid;grid-auto-flow:row;align-items:start;padding:30px;gap:15px;background:linear-gradient(to right,#f8effa59,#e8f1ff59);border-radius:15px;font-size:14px;font-weight:400}.plantile h1{font-size:18px;line-height:18px;font-weight:700;font-family:var(--body-font);text-align:center;text-transform:uppercase;margin:0}.plantile .promobox{background:linear-gradient(to top right,#f8effae6,#e8f1ffb3);color:var(--dark-primary-color);text-align:center;border-radius:10px;padding:5px 20px;display:grid}.plantile .promobox,.plantile .featuretitle{font-size:18px;font-weight:700;height:fit-content;text-transform:uppercase;letter-spacing:1px;margin-top:0}.plantile .togglebox{display:grid;grid-auto-flow:column;align-items:center;width:fit-content;margin:auto}.plantile .pricebox{display:grid;grid-auto-flow:column;align-items:center;gap:9px;width:fit-content;margin:auto}p.plansubtitle{font-size:1.1em;color:var(--dark-color);text-align:center;line-height:normal;margin:0}.plantile .pricebox h1{font-size:46px;line-height:44px;font-weight:600;font-family:var(--body-font),sans-serif;text-transform:none}.plantile .pricebox .red{color:var(--darker-alert-color);font-size:26px;opacity:60%}.plantile .pricebox .green{color:var(--darker-success-color);font-size:26px}.plantile .pricebox .unit{color:var(--dark-color);font-size:12px;line-height:15px;font-weight:400;text-transform:uppercase}.plantile hr{margin-bottom:0;border:none;width:100%;color:var(--light-warm-color);background-color:var(--light-warm-color)}.plantile .features{display:grid;grid-auto-flow:row;justify-items:left;gap:0;padding:28px;border-radius:15px;background:linear-gradient(to top right,#f8effab3,#e8f1ffb3)}.plantile .features p{margin-bottom:0;font-size:16px;display:grid;grid-auto-flow:column;align-items:center;gap:10px}.admin-form-footer{display:grid;padding:20px 0;margin-bottom:-20px;margin-top:10px;grid-template-columns:auto auto;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--lighter-dark-color)}.adminnavbar{display:grid;justify-content:space-between;align-items:center;grid-auto-flow:column;z-index:5;height:-moz-fit-content;height:fit-content;background:#fff;-webkit-hyphens:auto;hyphens:auto;box-shadow:var(--shadow-1)}.adminnavbar div.left{padding:10px 20px;display:grid}.adminnavbar>div{display:grid;grid-auto-flow:column;align-items:center;width:fit-content;column-gap:15px}.adminnavbar div.middle{padding:10px 30px}.adminnavbar div.right{padding:10px 30px 10px 0}.adminnavbar a.selected{font-weight:700}.adminnavbar ul{display:flex}.adminnavbar a{color:var(--darkest-color)}.adminnavbar a:hover{color:var(--dark-color)}.namesection{border-right:1px solid var(--lighter-dark-color);display:grid;grid-auto-flow:column;grid-template-columns:38px auto;align-items:center;column-gap:5px;padding-right:10px}.namesection div:first-of-type{margin-right:5px}.namesection>img{width:30px}.superadminuserwidget select{margin-bottom:0}.logotitle{display:grid;grid-template-columns:auto auto;align-content:center;align-items:center;column-gap:5px;font-family:Audiowide,sans-serif;border-right:1px solid var(--lighter-dark-color);padding-right:18px;font-weight:500;font-size:16px;line-height:100%;text-decoration:none;color:var(--darkest-color);width:fit-content}.logotitle sup{font-size:10px}.logotitle div{margin-bottom:5px}.adminnavbar a.title:hover{color:var(--dark-color)}img.logo-nav{width:48px}@keyframes zoom-in-zoom-out{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}#landingheader{display:grid;grid-auto-flow:column;justify-content:space-between;background-color:#f9fafc6d;border:none;align-items:center;height:fit-content;-webkit-hyphens:auto;hyphens:auto;padding:10px 20px;z-index:900}#landingheader a.title{text-transform:uppercase;text-decoration:none;display:grid;grid-template-columns:auto auto;align-content:center;column-gap:5px;margin:0;padding:0;font-weight:500;font-size:24px;line-height:100%;color:var(--darkest-color)}#landingheader a.title:hover{color:var(--dark-color)}.topnotification{align-content:center;background:#e4fdff;background:linear-gradient(-90deg,#d7e2ff,#f5cfff);border-bottom:1px solid #f5cfff;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:10px 30px;text-align:center;font-weight:500;text-transform:uppercase;color:#3b2262;font-size:.9rem;line-height:1rem;letter-spacing:1px}.small{font-size:.9rem;line-height:1rem}.allcaps{font-weight:700;text-transform:uppercase;display:grid;align-items:center}.landingheader-buttons{display:grid;grid-auto-flow:column;align-items:center;column-gap:8px}.modalheader{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;margin:0 5px;font-family:var(--header-font);font-size:24px;border-bottom:1px solid var(--primary-bg-color);border-top-left-radius:var(--border-1);border-top-right-radius:var(--border-1)}.modalheader div{display:grid;align-items:center;align-self:center}.modalheader div:first-of-type{min-width:24px;min-height:24px}.modalfooter{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;margin:0 5px;border-top:1px solid var(--primary-bg-color);border-bottom-left-radius:var(--border-1);border-bottom-right-radius:var(--border-1)}i.iconlink{cursor:pointer}.modalheader a{color:var(--font-color)}.modalbody{padding:20px 30px 30px;border-bottom-left-radius:var(--border-1);border-bottom-right-radius:var(--border-1);height:fit-content;overflow:scroll;position:relative}.modalbodyforoverlay{max-height:calc(90vh - 140px);min-height:200px}.modalwrapper{display:grid;box-shadow:var(--shadow-1);border-radius:var(--border-1);background:#fff;height:fit-content}.modal-overlay-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0b99;z-index:910}.modal-overlay-main{position:fixed;max-height:90vh;z-index:920;left:50%;top:20px;transform:translate(-50%)}.tabbar{display:flex;justify-content:space-between;border:none;align-items:center;height:fit-content;-webkit-hyphens:auto;hyphens:auto;margin-bottom:5px}.tabbar ul{display:flex;border-bottom:1.5px solid var(--lighter-dark-color);width:100%;padding-inline-start:0px}.tabbar li{margin-right:5px;padding:8px 0 6px;font-size:16px}.tabbar li a{padding:7px 14px;margin:0;color:var(--darker-color);font-weight:500;text-decoration:none;border-bottom:0;border-top:0}.tabbar li a.selected{color:var(--light-nav-color);border-radius:5px 5px 0 0;background:#5e5f89}.tabbar a:hover{color:var(--dark-nav-color)}.tabbar li a.selected:hover{color:#fff}.verticaltabbar{display:flex;justify-content:flex-start;border:none;align-items:flex-start;padding:10px 0 0;height:fit-content;-webkit-hyphens:auto;hyphens:auto;font-size:105%}.verticaltabbar ul{display:flex;border-bottom:1px solid var(--gray-accent-color);width:100%}.verticaltabbar li{margin-right:36px;padding:16px 0}.verticaltabbar li a{padding:8px 0;margin:0;color:var(--medium-primary-color);font-weight:400;border-bottom:0}.verticaltabbar li a.selected{font-weight:700;color:var(--primary-color);border-bottom:3px solid var(--primary-color);padding-bottom:14px}.verticaltabbar a:hover{color:var(--medium-primary-color)}.previewnotification{background:var(--darkest-color);color:#ededed;display:flex;flex-direction:row;box-shadow:var(--shadow-1);align-content:center;justify-content:center;text-align:center;padding:3px 30px;height:fit-content;z-index:4;font-size:12px;font-weight:500;align-items:center;letter-spacing:8px;text-transform:uppercase}.previewnotification div{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;position:relative;height:100%;z-index:2}.upload-actions{display:grid;width:100%;grid-template-columns:1fr auto;grid-gap:10px;align-items:center}.upload-box{display:flex;margin:0 0 20px;flex-flow:column;align-items:center;border:1px solid var(--lighter-dark-color);border-radius:10px;padding:20px}.upload-box small{margin:10px}.upload-box input{margin:0;height:30px!important;padding-bottom:0;padding-top:5px}.shadow{box-shadow:0 10px 20px #4e4e4e1e}.pagination{display:flex;align-items:center;justify-content:center;margin-top:20px}.paginationItem{background:none;border:2px solid var(--primary-color);color:var(--primary-color);font-weight:700;padding:10px 15px;border-radius:50%;height:45px;width:45px;position:relative;margin:0 5px;cursor:pointer}.paginationItem span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prev,.next{background:#fff;border:none;padding:10px;color:var(--primary-color);font-size:2.3rem;font-weight:700;margin:0 10px;cursor:pointer}.paginationItem.dots{border:none;pointer-events:none;color:var(--lighter-dark-color);padding:10px 0;margin:0}.paginationItem.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;pointer-events:none}.prev.disabled,.next.disabled{pointer-events:none;box-shadow:none;color:var(--lighter-dark-color)}@media(max-width:1100px){.mobilenoshow{display:none}.landingtile .row-split-evenly{grid-template-columns:none;grid-auto-flow:row;row-gap:30px}.landingpgpicbox{width:100%;justify-self:center;object-fit:cover;background-size:cover}.landingWidgets{grid-template-columns:none!important;grid-auto-flow:row;row-gap:30px}}@media(max-width:700px){.footer .footerleft{grid-auto-flow:row}#landingheader,.adminnavbar{grid-auto-flow:row;gap:10px}.containerfull{margin:0}.hide-on-mobile{display:none}.row-split-evenly,.plantiles{grid-template-columns:none;grid-auto-flow:row;row-gap:30px}.paginationItem{padding:15px;height:auto;width:auto}}.accountCards{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:36px}.accountCard{padding:34px 30px;border-radius:20px;background:linear-gradient(135deg,#f8effacc,#e8f1ffe6);border:1px solid rgba(165,112,201,.28);color:#604274;min-height:190px;display:flex;flex-direction:column;justify-content:center;gap:10px;text-align:center;box-shadow:0 8px 22px #7850961a}.accountCard__label{font-size:19px;text-transform:uppercase;letter-spacing:.07em;font-weight:600;color:#604274bf}.accountCard__value{font-size:46px;line-height:1.05;font-weight:700;color:#8c50b4}.accountCard__note{font-size:20px;color:#604274b3}.accountCard a{font-weight:600;font-size:19px}.recentPanel{margin-top:36px}.recentList{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:1px solid rgba(165,112,201,.22)}.recentItem{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;color:#604274;background:#f8f4fc80;border-bottom:1px solid rgba(165,112,201,.16);transition:background .15s ease}.recentItem:last-child{border-bottom:none}.recentItem:hover{background:#ece2f8cc}.recentItem__name{font-weight:600;font-size:18px}.recentItem__date{font-size:15px;color:#604274a6;white-space:nowrap}.checkoutSuccess{text-align:center;padding:28px 16px 12px}.checkoutSuccess__icon{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;margin-bottom:20px;background:linear-gradient(135deg,#e8f1fff2,#d6f4e2f2);box-shadow:0 8px 22px #7850961f}.checkoutSuccess__icon svg{width:52px;height:52px}.checkoutSuccess__title{font-size:27px;font-weight:700;color:#8c50b4;margin-bottom:12px}.checkoutSuccess__msg{font-size:18px;line-height:1.55;color:#604274;max-width:440px;margin:0 auto 12px}.checkoutSuccess__sub{font-size:15px;color:#604274b3;margin-bottom:6px}.compact-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,auto));grid-gap:10px}.compact-boxes>div{padding:10px 12px 10px 20px;align-content:start;display:grid;grid-auto-flow:row;background:var(--very-light-warm-color);border-radius:10px}.compact-boxes p{font-family:var(--body-font);font-weight:500}.overview-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;text-align:center}.overview-boxes>div a.toplink{text-decoration:none;font-weight:500}.overview-boxes>div{padding:10px 15px;align-content:start;justify-content:center;display:grid;grid-auto-flow:row;border-radius:10px;color:var(--very-dark-color)}.overview-boxes>div{background-color:var(--light-tertiary-color)}.overview-boxes p{font-size:15px;font-weight:500;margin:0;padding:0}.overview-boxes>div p:first-child{font-size:36px;font-weight:500}.overview-boxes>div:first-child{background:#ffe9e1}.overview-boxes>div:first-child a.toplink{color:#a0593f}.overview-boxes>div:nth-child(2){background:#eaefe8}.overview-boxes>div:nth-child(2) a.toplink{color:#487635}.overview-boxes>div:nth-child(3){background:#f9e4f7}.overview-boxes>div:nth-child(3) a.toplink{color:#8e4287}.overview-boxes>div:nth-child(5){background:#f8f1ce}.overview-boxes>div:nth-child(5) a.toplink{color:#696969}.row-selected{border:1px solid var(--nav-color);background-color:#e6f9fb}.time-row-split{display:grid;grid-template-columns:1fr auto min-content auto auto;grid-auto-flow:column;grid-gap:10px}.time-colon{padding-top:7px;font-size:15px;font-weight:600}.school-tile-wrapper{display:grid;grid-template-columns:1fr;gap:0}.school-tile{padding:30px;background:#fff;box-shadow:var(--shadow-1);border-radius:var(--border-1);margin-bottom:30px}.school-tile:last-of-type{margin-bottom:0}.school-tile-header{display:grid;grid-template-columns:1fr 1fr;padding-bottom:10px;border-bottom:1px solid var(--lighter-dark-color)}.school-tile-header :nth-child(2){justify-self:end}.school-tile-body{padding-top:20px;display:grid;grid-template-columns:120px 1fr 1fr;gap:30px}.school-tile-body small{color:var(--dark-color);font-weight:400}.school-tile-body p{font-weight:500;margin-bottom:1px}.searchbar_and_filters{grid-auto-columns:1fr auto;display:grid;grid-auto-flow:column;gap:10px;align-items:start}.registrationHeader{border-bottom:1px solid #d4d8e1;padding:0 20px 20px 0;margin-bottom:20px;display:grid;grid-auto-flow:column;grid-auto-columns:auto;align-items:center;justify-content:start;gap:5px}.registrationHeader h2{margin:0;font-family:var(--body-font);font-weight:600;font-size:18px;padding-right:5px;text-transform:uppercase}.stepNum{display:inline-flex;padding:3px;background:#ffe3c0;color:#713c23;width:30px;height:30px;border-radius:15px;justify-content:center;align-items:center;margin-right:8px;font-weight:500;font-size:18px}.superadmin-user-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:22px}.superadmin-user-box{position:relative;padding:26px 20px 18px;border-radius:16px;border:1px solid #ececf2;background:#fff;box-shadow:0 2px 10px #1e19320d;text-align:center;font-size:14px;transition:box-shadow .18s ease,transform .18s ease}.superadmin-user-box:hover{box-shadow:0 10px 26px #1e19321a;transform:translateY(-2px)}.superadmin-user-box img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:1px solid rgba(123,123,143,.35)}.userTile__select{position:absolute;top:14px;right:14px;margin:0}.userTile__select input{width:18px;height:18px;cursor:pointer}.userTile__name{font-weight:700;font-size:17px;margin-top:12px}.userTile__email{color:#777;font-size:13px;margin-top:2px;word-break:break-word}.userTile__badges{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:12px 0 4px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:#efeff4;color:#666}.badge--admin{background:#ede7f9;color:#5b3fb0}.badge--ok{background:#e6f4ea;color:#1a7f37}.badge--warn{background:#fdeaea;color:#b3261e}.userTile__access{margin-top:12px}.userTile__accessLabel{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#aaa;margin-bottom:5px}.accessPill{display:inline-block;font-weight:600;font-size:13px;padding:4px 14px;border-radius:999px;background:#f3effa;color:#5b3fb0}.userTile__comp{display:block;margin:14px 0 2px}.userTile__comp span{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#aaa;margin-bottom:5px}.userTile__comp select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #d6d6e0;background:#fff;font-size:14px}.userTile__meta{margin-top:16px;font-size:12px;color:#9a9aa8;line-height:1.7}.userTile__delete{margin-top:14px;background:none;border:none;color:#b3261e;font-size:13px;cursor:pointer;text-decoration:underline}.userTile__delete:hover{background:none;color:#8a1d17}.userTile__delete:disabled{color:#cdbcbc;cursor:not-allowed;text-decoration:none}.userTile__deleteHint{font-size:11px;color:#aaa;margin-top:3px}.adminbadge{color:var(--darker-color);background:var(--light-tertiary-color)}.adminchordwrapper{display:grid;grid-auto-flow:column;grid-template-columns:auto auto auto;justify-content:start;align-items:center;gap:20px;margin-bottom:20px}@media(max-width:700px){.adminchordwrapper{grid-auto-flow:row;grid-template-columns:none;justify-content:center;justify-items:center;gap:5px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;min-height:100vh;height:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;height:100%;font-family:Fira Sans Condensed,Helvetica,sans-serif;background-color:#f2f2f7;color:var(--darker-color)}#root{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}.primary,a:hover{color:var(--primary-color)}button{border-radius:8px;border:1px solid transparent;padding:8px 10px;height:fit-content;font-size:14px;font-weight:500;color:#fff;font-family:inherit;background-color:var(--nav-color);transition:background-color .25s}button:hover{background-color:var(--dark-nav-color);cursor:pointer}button:focus,button:focus-visible,select:focus,select:focus-visible{outline:0}select:focus,select:focus-visible{background-color:var(--selected-nav-color)}.simplepicker{font-size:14px}.simplepicker select{height:26px;padding:3px 20px 3px 3px;font-size:inherit;background:none;border-radius:0;border:none;border-bottom:1.5px solid var(--dark-color);width:fit-content}button.smallButton{display:grid;justify-content:center;align-items:center;grid-auto-flow:column;width:fit-content;gap:5px;border-radius:8px;padding:3px 8px;background-color:#945fb4}button.smallButton:hover{background-color:var(--nav-color)}button.smallButton svg{width:18px;height:18px}.fixedAtbottom{position:fixed;bottom:0;background:#4f4f64;width:100%;left:0;z-index:100;padding:10px}.noto-music{font-family:Noto Music,sans-serif;font-weight:400;font-style:normal}.flat{font-family:Noto Music,sans-serif;font-weight:400;font-style:normal;font-size:21px;line-height:100%;margin:0 0 9px 1px}.medium .flat2{font-size:120%}.xsmall .flat2{font-size:100%}.small .flat2{font-size:110%}.flat2{margin-left:0;font-size:20px}span.cutetitle{text-transform:uppercase;font-weight:600;font-size:90%;color:var(--dark-color);margin-right:6px}.block{display:block}.cursordefault{cursor:default!important}.dashboard-loading .react-grid-item,.dashboard-loading .react-grid-placeholder{transition:none!important}.specialBox{display:grid;justify-content:center;justify-self:center;padding:50px 30px 55px;margin:30px auto 0;border-radius:20px;background:linear-gradient(to right,#f8effaa6,#e8f1ffd9);border:1px solid rgba(165,112,201,.312);color:#604274;font-size:19px;line-height:28px;align-items:center;text-align:center;max-width:500px;width:70%}.specialBox h1,.specialBox h2{color:#a670c9;margin-bottom:10px;font-weight:400}.height100{height:100%!important}.react-grid-placeholder{background:var(--lighter-dark-color)!important;transition:background-color .2s ease;border:4px dotted var(--darkest-color)}.fitandcenter{width:fit-content;justify-self:center}.autowidth{width:auto!important}.fitcontent{width:fit-content!important}.landingWidgets{display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.landingWidgets.fitavailheight{align-items:stretch}.landingWidgets.fitavailheight>div{height:100%;display:flex;align-items:stretch}.fitavailheight .responsive-component-wrapper{height:100%;display:flex;flex-direction:column;align-items:stretch}.fitavailheight .fretcontrolswrapper{height:100%;margin:0;flex-direction:column;align-items:stretch}.fitavailheight .scrollx{flex:1 1 auto;min-height:0;overflow-x:inherit}.fitavailheight .keyswrapper{flex:1 1 auto;min-height:0;height:calc(100% - 13px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 12px;overflow-x:scroll;overflow-y:hidden}.scrollx{overflow-x:scroll}.sideborders{border:1.5px solid var(--lightest-dark-color);border-top:none;border-bottom:none}.sectionheader{font-size:16px;display:grid;overflow-x:scroll;grid-auto-flow:column;align-items:center;justify-content:space-between;grid-template-columns:1fr auto;border:1.5px solid var(--lightest-dark-color);border-radius:5px 5px 0 0;padding:5px;background:#fff}.sectionheader .tabbutton:hover{cursor:pointer;background:var(--lightest-dark-color)}.sectionheader .sectionleft{display:grid;grid-auto-flow:column;grid-template-columns:auto 1fr;align-items:center;gap:5px}.sectionheader .sectionright{display:grid;grid-auto-flow:column;gap:2px;align-items:end;justify-content:end;width:min-content}.widgetborder{border:1.5px solid var(--lightest-dark-color)}.sectionheader+.fretwrapper,.sectionheader+.sideborders .fretboardLines:first-child{border-top:none}.tabwrapper:hover .sectionright,.fretcontrolswrapper:hover .sectionright,.modeWheelWrapper:hover .sectionright,.markdownWrapper:hover .sectionright{opacity:1}div.title{display:inline-block;width:-webkit-fill-available;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scaleDescription{background-color:#fff;border:1.5px solid var(--lightest-dark-color);padding:10px;border-bottom:none;display:grid;justify-content:center}.scaleDescription p{padding:0;margin:0}.responsive-component-wrapper{display:block;width:calc(100% - 12px);margin:6px}.context-menu-trigger{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.no-select,body.react-draggable-transparent-selection *{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.dashboardTopSection h2{display:grid;align-items:center}.dashboardTopSection h2 .btn{height:26px;padding:0 10px}.dashboardActions{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:8px}div.dashboardListItem{border-bottom:1px solid var(--lighter-dark-color);padding-bottom:10px;padding-top:10px;cursor:pointer;color:inherit}div.dashboardListItem:last-of-type{border-bottom:none}.widgetSelector{display:flex;flex-wrap:wrap;gap:8px}.widgetSelector div{padding:7px 12px;background:#fff;display:grid;grid-auto-flow:column;gap:5px;justify-content:center;align-items:center;border:1.5px solid #bcbccb;border-radius:999px;font-size:.78em;letter-spacing:.03em;text-transform:uppercase;font-weight:600;color:#555;transition:border-color .15s ease,background .15s ease,color .15s ease}.widgetSelector div:hover{cursor:pointer;border-color:#b9a8e8;background:#f5f2fc;color:#5b3fb0}.aiGenerateBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border:1.5px solid transparent;border-radius:999px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#6d4bd1,#9b5de5,#c44ed9) border-box;font-size:.78em;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.aiGenerateBtn__spark{width:17px;height:17px;color:#8a4fd0}.aiGenerateBtn__label{background:linear-gradient(135deg,#6d4bd1,#9b5de5,#c44ed9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.aiGenerateBtn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #7b4bd133;background:linear-gradient(#faf7ff,#faf7ff) padding-box,linear-gradient(135deg,#6d4bd1,#9b5de5,#c44ed9) border-box}.aiGenerateBtn--inline{display:grid;grid-auto-flow:column;align-items:center;column-gap:4px;padding:6px 10px;line-height:10px;font-family:var(--body-font),sans-serif}.aiGenerateBtn--inline .aiGenerateBtn__label{font-family:var(--body-font),sans-serif;font-size:14px;font-weight:500;text-transform:none;letter-spacing:normal;background:none;-webkit-text-fill-color:initial;color:#8a4fd0}.aiGenerateBtn--inline .aiGenerateBtn__spark{width:16px;height:16px;margin-top:-4px;margin-bottom:-4px}.notesHeader{display:grid;grid-gap:5px;grid-auto-flow:column;width:fit-content;grid-template-columns:70px repeat(13,33px);align-content:center;justify-content:center}.notesHeader div{background:#fff;border-radius:5px;display:grid;grid-auto-flow:column;column-gap:0;justify-content:center;align-content:center}.notesHeader div:first-child{background:none;border:none}.notesHeader .ms-header{background:none;border:none;font-weight:700;text-transform:uppercase;font-size:80%;justify-content:center}.scaleList{display:grid;grid-auto-flow:column;text-align:center;gap:3px;font-weight:600;font-family:Rajdhani,Helvetica,sans-serif,monospace}.scaleTable div.scaleList:last-of-type{border-bottom:none}.scaleInfo .scaleNote{padding:0}.scaleList .formula{font-size:80%;font-weight:700;line-height:80%;padding:1px 3px;display:grid;height:11px}.formula.changed{border-radius:4px;background:#a5bfd3}.stepBottomMargin{margin-bottom:23px}.stepTopMargin{margin-top:17px}.stepMargin2{margin-bottom:6px}.scaleList .interval{font-size:80%;color:var(--dark-color)}.modeFilters{display:grid;grid-auto-flow:column;align-items:center;justify-content:left;gap:10px;background:#fff;padding:10px 15px;border:1.5px solid var(--lightest-dark-color);border-top:0}.modeTables{display:grid;grid-template-rows:masonry;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));gap:20px}.controlswrapper{width:fit-content;display:grid;justify-self:center;justify-items:center;border-radius:10px;border:1.5px solid var(--lightest-dark-color);background:#f7f7fdac;padding:10px;gap:8px;overflow-x:scroll}.drag-handle-corner{-webkit-user-select:none;user-select:none;cursor:move}.drag-handle-corner:hover,.drag-handle-corner .menu-trigger svg:hover{cursor:move!important}.grid{display:grid}.grid.tworows{grid-template-rows:auto 1fr}.gridcol1{display:grid;grid-auto-flow:column;gap:8px;align-items:center;justify-content:left}.gridcol2{display:grid;grid-auto-flow:column;gap:8px;align-items:center;justify-content:space-between}.font85percent{font-size:82%}.bb{border-bottom:var(--widget-border)}.m0{margin:0}.p0{padding:0}.pl0{padding-left:0}.pb10{padding-bottom:10px}.pr0{padding-right:0!important}.ptb0{padding-top:0;padding-bottom:0}.pt10{padding-top:10px}.pb0{padding-bottom:0}.p5{padding:5px}.p10{padding:10px}.p20{padding:20px}.p30{padding:30px}.plr5{padding-left:5px;padding-right:5px}.plr10{padding-left:10px;padding-right:10px}.pr10{padding-right:10px}.pl10{padding-left:10px}.mt0{margin-top:0!important}.mb0{margin-bottom:0!important}.ml10{margin-left:10px}.mr5{margin-right:5px}.ml5{margin-left:5px}.mr10{margin-right:10px}.ml20{margin-left:20px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mt5{margin-top:5px}.mt10{margin-top:10px}.m20{margin:20px}.m10{margin:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mb30{margin-bottom:30px}.mb20{margin-bottom:20px}.mtneg16{margin-top:-16px}.bb0{border-bottom:none}.bt0{border-top:none}.monospace{font-family:Courier New,monospace}.pre-wrap{white-space:pre-wrap}.chordpickerwidgetrow{padding:0 6px 6px;border:1.5px solid var(--lightest-dark-color);border-top:none;background:#fff;display:grid;justify-content:center;align-items:center;grid-auto-flow:column}.whitebg{background-color:#fff}hr{border-top:1px solid var(--lighter-dark-color);margin-bottom:20px}.bg1{background-color:#f1f3f7}.vl{border-left:1.5px solid var(--lighter-dark-color);height:95%;display:grid;align-items:center;padding-left:10px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;border-right:3px solid var(--dark-color);border-bottom:3px solid var(--dark-color)}.react-resizable-handle{width:24px!important;height:24px!important;background-image:none;bottom:2px!important;right:2px!important}.react-grid-item{z-index:1!important}.react-grid-item:hover{z-index:30!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@media print{html,body{margin:0 20px!important;padding:0!important;background:#fff!important}.controlswrapper,.modeFilters,.chordpickerwrapper,.tabbutton,.menu-trigger.drag-handle-corner,.react-resizable-handle,.adminnavbar,#landingheader,.leftnav,.topnotification,.widgetSelector{display:none}.containerforleftnavandbody{grid-template-columns:1fr}#mainNav{position:relative}}