.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;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;opacity:0;position:absolute;width:20px}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.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{cursor:ns-resize;left:50%;margin-left:-10px}.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{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.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{cursor:ns-resize;left:50%;margin-left:-10px}.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;--fret-line-color:#778b9b;--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:#008044;--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:180px;--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;--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;--tabColor:#cda919;--tabFontColor:#3b351e;--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}@font-face{font-display:swap;font-family:Poiret One;font-style:normal;font-weight:400;src:url(/static/media/PoiretOne-Regular.9bf109e97f6294c6fe2b.ttf) format("truetype")}@font-face{font-display:swap;font-family:Audiowide;font-style:normal;font-weight:400;src:url(/static/media/Audiowide-Regular.2017bdb174a62d0daa3e.ttf) format("truetype")}.controls-container{--highlight-width:auto;--highlight-x-pos:0;display:grid;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.controls-container.fullWidth{width:auto}.controls{border-radius:30px;display:inline-flex;font-size:12px;justify-content:space-between;margin:auto;max-width:500px;outline:1.5px solid #5a6d7c;outline:1.5px solid var(--dark-color);outline-offset:-1.5px;overflow:hidden;padding:3px;position:relative}.controls.fullWidth{width:calc(100% - 6px)}.controls.segsml{padding:0 3px}.controls.segsml .segment label{padding:5.5px 10px 4px}.controls input{bottom:0;cursor:pointer;height:100%;left:0;margin:0;opacity:0;position:absolute;right:0;top:0;width:100%}.segment{position:relative;text-align:center;z-index:1}.segment label{cursor:pointer;display:block;font-weight:500;padding:6.5px 10px 5px;text-transform:uppercase;transition:color .5s ease}.segment.active label{color:#f1f6fd;color:var(--light-nav-color)}.controls:before{background:#205a88;background:var(--nav-color);border-radius:30px;bottom:2px;content:"";left:0;position:absolute;top:2px;transform:translateX(var(--highlight-x-pos));width:var(--highlight-width);z-index:0}.controls.segsml:before{background-color:#5a6d7c;background-color:var(--dark-color)}.controls.segsml .segment.active label{color:#f5f5f5}.controls.ready:before{transition:transform .3s ease,width .3s ease}.multiselect-group{grid-gap:5px;display:grid;grid-auto-flow:column;grid-template-columns:70px repeat(13,33px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.multiselect-group div{grid-column-gap:0;align-content:center;background:#fff;border:1.5px solid #fff;border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;column-gap:0;display:grid;grid-auto-flow:column;height:auto;justify-content:center;padding:2px 5px}.multiselect-group div:first-child{background:none;border:none;font-size:80%;font-weight:700;justify-content:end;text-transform:uppercase}.multiselect-group div:first-child:hover{background:none;cursor:default}.multiselect-group div:hover,.multiselect-group input,.multiselect-group label{cursor:pointer}.multiselect-group div:hover{background-color:#f0f8ff;border-color:#4c4c8b}.multiselect-group label{margin-left:10px}.ms-checked,.ms-mixed,.multiselect-group div.ms-checked,.multiselect-group div.ms-mixed{background-color:#f0f8ff;border-color:#4c4c8b}div.ms-unchecked{background:#fff}.switch{-webkit-touch-callout:none;display:inline-block;height:20px;margin-bottom:0;position:relative;-webkit-user-select:none;user-select:none;width:40px}.switchBg{border-radius:34px;bottom:0;left:0;position:absolute;right:0;top:0;transition:background-color .2s}.switchInput{height:0;overflow:hidden;width:0}.switchHandle{border-radius:50%;bottom:2px;height:16px;left:2px;outline:none;position:absolute;transform:translateX(0);width:16px}.switchHandle.isChecked{transform:translateX(20px)}.toggleWrapper{grid-gap:10px;align-content:center;align-items:center;background-color:#ffffffb3;border-radius:19px;color:#2d3e4a;display:grid;font-size:12px;font-weight:500;gap:10px;grid-auto-flow:column;height:38px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chordsWrapper{grid-gap:10px;display:grid;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))}.emptytab{padding:6px;text-align:center}.tabwrapper{background:#fff;border-radius:5px;display:grid;grid-template-rows:auto 1fr;margin:6px;max-width:300px;min-width:128px}.tabwrapper.tabselected .sectionheader{background:#e2efff;background:var(--selected-nav-color)}.tabwrapper.tabselected{border-color:#205a88;border-color:var(--nav-color);border-radius:5px}.tabwrapper{container-type:inline-size;container-name:chordcard}.tabwrapper.highlighted{border:3px solid #ff3cff}.tabnoteroot{font-weight:700}.rotate90{transform:rotate(-90deg)}.finger-number.tabrootnotefont{color:#cda919;color:var(--tabColor)}.dot.tabrootnoteoverbarre.highlightNote.contrast{--ratio:2;border-color:#2d3e4a;border-color:var(--darker-color);height:calc(20%/var(--ratio));margin-left:calc(-10%/var(--ratio) - 2px);width:calc(20%/var(--ratio))}.finger-number.openstring{font-size:28px!important}.finger-number.openstring:hover{cursor:pointer}.openstring:last-of-type{position:relative;right:1px}.tabtitle{align-items:center;border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-top:none;display:grid;font-size:15px;justify-content:center;line-height:15px;padding:4px 6px;text-align:center}.tabadminactions{grid-gap:3px;gap:3px;grid-auto-flow:column;justify-content:center}.tabadminactions,.tabposition{align-items:center;border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-top:none;display:grid;font-size:12px;letter-spacing:1px;line-height:20px;padding:2px 6px;text-align:center;text-transform:uppercase}.tabposition{grid-template-columns:20px auto 20px;justify-content:space-between}.tabposition.tabposition span:first-child,.tabposition.tabposition span:last-child{align-items:center;background-color:#fff;border-radius:100%;cursor:pointer;display:grid;font-size:20px;font-weight:500;justify-content:center;line-height:20px;width:20px}.tabposition.tabposition span.disabled{color:#a7bccb;color:var(--lighter-dark-color);cursor:default}.chordgrid-container{grid-gap:5%;align-self:end;display:grid;gap:5%;grid-template-columns:15px 1fr;margin-right:5%}.fret-number{align-items:center;display:grid;grid-template-rows:20% auto}.fret-number-text{font-family:Fira Sans Condensed,Helvetica,sans-serif;font-size:12px;font-weight:500;line-height:12px;padding-right:3px;text-align:right}.grid-wrapper{background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.flat-tab{font-family:Noto Music,sans-serif;font-size:17px;line-height:4px;margin:0 0 9px 1px}.fretboard-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.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;background:#fff;border:1px solid #a7bccb;border:1px solid var(--lighter-dark-color);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.fret-cell.top-border{border-top:2px solid #a7bccb;border-top:2px solid var(--lighter-dark-color);box-shadow:0 -2px 0 #a7bccb;box-shadow:0 -2px 0 var(--lighter-dark-color)}.fret-cell.left-border{border-left:2px solid #a7bccb;border-left:2px solid var(--lighter-dark-color)}.fret-cell.right-border{border-right:2px solid #a7bccb;border-right:2px solid var(--lighter-dark-color)}.fret-cell.bottom-border{border-bottom:2px solid #a7bccb;border-bottom:2px solid var(--lighter-dark-color)}.barre{margin-right:-5%;opacity:75%;right:0;transform:translateY(-50%);width:80%}.barre,.dot{--ratio:2;background-color:#5a6d7c;background-color:var(--dark-color);border-radius:9999px;height:calc(20%/var(--ratio));position:absolute}.dot{width:calc(20%/var(--ratio))}.dot.contrast,.dot.highlightNote{border-color:#2d3e4a;border-color:var(--darker-color)}.dot{color:#fff;font-size:10px;font-weight:700;line-height:12px;margin-left:calc(-10%/var(--ratio) - 2px);text-align:center;transform:translateY(-50%)}.dot:hover{cursor:pointer;opacity:75%}.chordtabgrid{grid-gap:5px;border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-radius:0 0 5px 5px;border-top:none;display:grid;gap:5px;grid-template-rows:auto 1fr auto;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:3px 10px 6px 6px}.finger-numbers{display:grid;grid-template-columns:15px 1fr;height:16px;text-align:center}.chordnotes,.string-openness{display:grid;grid-auto-flow:column;height:15px;margin-right:5%;position:relative}.chordnotes div,.string-openness div{--boxwidth:calc(19% - 3px);--spacerwidth:calc(15px + 5%);height:15px;position:absolute;text-align:center}.chordnotes div:nth-of-type(2),.string-openness div:nth-of-type(2){left:calc(var(--spacerwidth) - var(--boxwidth)*.5);width:var(--boxwidth)}.chordnotes div:nth-of-type(3),.string-openness div:nth-of-type(3){left:calc(var(--spacerwidth) + var(--boxwidth)*.5);width:var(--boxwidth)}.chordnotes div:nth-of-type(4),.string-openness div:nth-of-type(4){left:calc(var(--spacerwidth) + var(--boxwidth)*1.5);width:var(--boxwidth)}.chordnotes div:nth-of-type(5),.string-openness div:nth-of-type(5){left:calc(var(--spacerwidth) + var(--boxwidth)*2.5);width:var(--boxwidth)}.chordnotes div:nth-of-type(6),.string-openness div:nth-of-type(6){left:calc(100% - var(--boxwidth)*1.5);width:var(--boxwidth)}.chordnotes div:nth-of-type(7),.string-openness div:nth-of-type(7){left:calc(100% - var(--boxwidth)/2);width:var(--boxwidth)}.finger-numbers .hand{align-items:center;display:grid;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{color:#2d3e4a;color:var(--darker-color);font-family:Fira Sans Condensed,Helvetica,sans-serif;font-size:12px;font-weight:500;height:16px;line-height:16px}.fingerspan{align-items:center;display:grid;height:100%}.adminplaceholder{margin:1px;outline:1px dashed #5a6d7c!important;outline:1px dashed var(--dark-color)!important;outline-offset:-2px}.adminplaceholder,.dotplaceholder{background:#fffcfc80;border-radius:9999px;text-align:center}.dotplaceholder{--ratio:2;--percent:20%;color:#fff;font-size:10px;font-weight:700;height:calc(var(--percent)/var(--ratio));line-height:12px;margin-left:calc(var(--percent)*-1/2/var(--ratio));outline:1px dashed #5a6d7c!important;outline:1px dashed var(--dark-color)!important;outline-offset:1px;position:absolute;transform:translateY(-50%);width:calc(var(--percent)/var(--ratio))}.dotplaceholder:hover{cursor:pointer;opacity:75%}.nohover{cursor:default;opacity:inherit}.grid1rows~.barre,.grid1rows~.dot,.grid1rows~.dotplaceholder,.grid1rows~div>.dot{--ratio:2;--hpercent:100%;--wpercent:20%;height:calc(var(--hpercent)/var(--ratio));width:calc(var(--wpercent)/var(--ratio))}.grid1rows~.barre.noneditable:hover,.grid1rows~.dot.noneditable:hover,.grid1rows~.dotplaceholder.noneditable:hover,.grid1rows~div>.dot.noneditable:hover{cursor:default;opacity:1}.grid2rows~.barre,.grid2rows~.dot,.grid2rows~.dotplaceholder,.grid2rows~div>.dot{--ratio:2;--hpercent:50%;--wpercent:20%;height:calc(var(--hpercent)/var(--ratio));width:calc(var(--wpercent)/var(--ratio))}.grid2rows~.barre.noneditable:hover,.grid2rows~.dot.noneditable:hover,.grid2rows~.dotplaceholder.noneditable:hover,.grid2rows~div>.dot.noneditable:hover{cursor:default;opacity:1}.grid3rows~.barre,.grid3rows~.dot,.grid3rows~.dotplaceholder,.grid3rows~div>.dot{--ratio:2;--hpercent:33.3%;--wpercent:20%;height:calc(var(--hpercent)/var(--ratio));width:calc(var(--wpercent)/var(--ratio))}.grid3rows~.barre.noneditable:hover,.grid3rows~.dot.noneditable:hover,.grid3rows~.dotplaceholder.noneditable:hover,.grid3rows~div>.dot.noneditable:hover{cursor:default;opacity:1}.grid4rows~.barre,.grid4rows~.dot,.grid4rows~.dotplaceholder,.grid4rows~div>.dot{--ratio:2;--hpercent:25%;--wpercent:20%;height:calc(var(--hpercent)/var(--ratio));width:calc(var(--wpercent)/var(--ratio))}.grid4rows~.barre.noneditable:hover,.grid4rows~.dot.noneditable:hover,.grid4rows~.dotplaceholder.noneditable:hover,.grid4rows~div>.dot.noneditable:hover{cursor:default;opacity:1}.blueprintTabWrapper{max-width:260px}@container chordcard (width <=150px){.fingerspan{display:none}.title{font-size:13px}}@container chordcard (width <=120px){.chordnotes{display:none}.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){.chordnotes .finger-number,.fingerspan,.tabposition{font-size:16px}div.title{display:grid}}@container chordcard (width <=200px){.tabdotnumbers,div.title.editablefortitle{display:none!important}}@media(max-width:700px){.chordsWrapper,.chordsWrapper.large,.chordsWrapper.medium{gap:5px;grid-auto-flow:row;grid-template-columns:none}.chordsWrapper .tabwrapper,.chordsWrapper.large .tabwrapper,.chordsWrapper.medium .tabwrapper{max-width:none}.responsive-component-wrapper{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}}@media print{.tabposition{display:none}}.scalepickerwrapper2{grid-gap:0;grid-auto-flow:row}.scalepickerwrapper,.scalepickerwrapper2{align-items:center;display:grid;justify-content:center}.scalepickerwrapper{grid-gap:0;border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-top:none;grid-auto-flow:column;padding:10px 15px}.scaleSelectWrapper{grid-gap:0;align-items:center;display:grid;grid-auto-flow:column;justify-content:left}.scaleSelectSolo{border-radius:5px;width:60px}.scaleSelectLeft{border-radius:5px 0 0 5px;width:70px}.scaleSelectMiddle{border-left:0;width:160px}.scaleSelect:nth-of-type(3) .scaleSelectMiddle{width:230px}.scaleSelectRight{border-left:0;border-radius:0 5px 5px 0}.scaleSelectRight.widerSelect{width:230px}.scaleInfo{font-size:17px;font-weight:500;justify-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.scaleTable{background:#fff;border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-radius:0 0 10px 10px;border-top:0;display:grid;font-size:17px;overflow-x:scroll}.scaleTable .modeName{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:right;text-transform:uppercase;width:100px}.scaleTable .scaleList{border-bottom:1px solid #cad2df;border-bottom:1px solid var(--lightest-dark-color);gap:7px;padding:5px}.highlightedMode{background:#e2efff;background:var(--selected-nav-color)}.scaleTable .scaleList.highlightedMode{border-bottom:none}.formulaStep{align-items:center;color:#5a6d7c;color:var(--dark-color);display:grid;font-size:80%;justify-content:center}.halfStep,.wholeStep{align-content:center;display:grid}.halfStep{background:#5a6d7c;background:var(--dark-color);color:#f5f5f5}.halfStep,.wholeStep{border-radius:100%;font-weight:700;height:20px;width:20px}.wholeStep{background:#cad2df;background:var(--lightest-dark-color)}.scaleNote{grid-gap:2px;border-radius:5px;display:grid;gap:2px;grid-auto-flow:row;justify-content:center;padding:5px;position:relative}.scaleNote.relativeMajor{background-color:rgba(197,212,236,.325);outline:1px solid #c5d4ec;outline-offset:-1px}.scaleSelect{position:relative}.scaleSelect .ghost{color:#5a6d7c;color:var(--dark-color)}select{appearance:none;-webkit-appearance:none;background-color:#fff;border:1.5px solid #2d3e4a;border:1.5px solid var(--darker-color);cursor:pointer;font-family:Fira Sans Condensed,Helvetica,sans-serif;font-size:16px;font-weight:500;height:38px;padding:8px 10px;width:100%}.scaleSelect:after,.scaleSelect:before{--size:0.3rem;content:"";pointer-events:none;position:absolute;right:8px}.scaleSelect:before{border-bottom:var(--size) solid #000;top:40%}.scaleSelect:after,.scaleSelect:before{border-left:var(--size) solid #0000;border-right:var(--size) solid #0000}.scaleSelect:after{border-top:var(--size) solid #000;top:55%}div.chordpickerwrapper{grid-gap:0;align-items:center;align-self:center;display:grid;grid-auto-flow:column;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{background:none;border:none;border-bottom:1.5px solid #5a6d7c;border-bottom:1.5px solid var(--dark-color);border-radius:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}div.chordpickerwrapper.simplepicker select{font-size:inherit;height:26px;padding:3px 20px 3px 3px}.modeWheelWrapper{align-items:center;background:#fff;border-radius:5px;display:grid;justify-self:center;margin:6px;width:-webkit-fill-available}.modeWheelWrapper .scaleInfoWrapper{background-color:#fff;padding:10px;z-index:1}.modeWheelWrapper .scaleInfoWrapper,.modeWheelWrapper .wheelwrapper{border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-top:none;display:grid}.modeWheelWrapper .wheelwrapper{--medWidth:300px;--largeWidth:400px;align-items:center;border-radius:0 0 5px 5px;min-width:var(--largeWidth);padding:14px}.modeWheelWrapper .wheelwrapper.medium{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.wheelcontainer{--medWidth:300px;--largeWidth:400px;align-items:center;color:#5a6d7c;color:var(--dark-color);display:flex;height:var(--largeWidth);justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:var(--largeWidth)}.wheelcontainer.medium{--arcWidth:calc((3.14*var(--medWidth))/12)}.wheelcontainer.medium,.wheelcontainer.medium .wheel{height:var(--medWidth);width:var(--medWidth)}.wheelcontainer.medium .inner{height:160px;width:160px}.wheelcontainer.medium div.letter>div{left:calc(50% - var(--arcWidth)/2);width:var(--arcWidth)}.wheelcontainer.medium div.letter>div div{display:grid}.wheel{--largeWidth:400px;box-sizing:border-box;height:var(--largeWidth);overflow:hidden;width:var(--largeWidth)}.inner,.wheel{border:3px solid #5a6d7c;border:3px solid var(--dark-color);border-radius:50%;position:absolute}.inner{color:#2d3e4a;color:var(--darker-color);font-family:Rajdhani,Helvetica,sans-serif,monospace;font-weight:700;height:200px;width:200px}.wheel span.line{background:#5a6d7c;background:var(--dark-color);height:100%;left:calc(50% - 1px);position:absolute;transform:rotate(calc(30deg*var(--i) - 15deg));width:2px}.letter,.number{-webkit-clip-path:circle(50%);clip-path:circle(50%);inset:0;position:absolute}.letter>div,.number>div{font-weight:500;position:absolute;text-align:center;transform:rotate(calc(30deg*var(--i) - 15deg));transform-origin:50% 100%}.letter>div div,.number>div div{display:grid}.number div{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);font-size:24px;height:50%;inset:0;left:calc(50% - 26px);width:52px}.wheelcontainer.medium .number div{font-size:18px}div.letter>div{background:hsla(0,0%,100%,.643);-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);height:calc(50% - 10px);inset:0;left:calc(50% - 52px);padding:10px 0 0;rotate:15deg;width:104px}div.number>div{rotate:15deg}.markdownWrapper{align-items:center;background:#fff;border-radius:5px;display:grid;justify-self:center;margin:6px;min-width:200px;width:-webkit-fill-available}.markdownContent{background:#fff;border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-radius:0 0 10px 10px;border-top:0;display:grid;font-size:17px;overflow:scroll;padding:20px}.markdownContent ul{list-style:circle}.markdownContent p{margin-top:5px}.markdownContent code{border-radius:5px;font-size:.9em;margin:0 2px;padding:2px}.markdownContent code,.markdownContent pre{background-color:#f4f4f4;font-family:monospace}.markdownContent pre{border:1px solid #ddd;border-radius:5px;line-height:1.4;padding:16px}.markdownContent pre code{background:none;border-radius:none;font-size:1em;padding:0}.markdownActions{align-items:center;display:grid;grid-template-columns:1fr auto;margin-bottom:10px}textarea.markdownTextarea{font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.4;min-height:100px;resize:vertical;width:-webkit-fill-available}.markdownRender{padding:10px}.resizable-wrapper{position:relative}.resizable-content{height:100%;width:100%}.piano-wrapper{margin:0 auto;width:100%}.piano-note-label-above{color:#6b7280;flex:1 1;font-size:12px;font-weight:500;text-align:center;-webkit-user-select:none;user-select:none}.piano-container{position:relative;width:100%}.piano-white-keys{grid-gap:.5px;display:grid;gap:.5px;grid-auto-columns:1fr;grid-auto-flow:column;inset:0;position:absolute}.piano-white-key{background-color:#fff;border:1px solid #d1d5db;border-radius:0 0 4px 4px;box-sizing:border-box;cursor:pointer;flex:1 1;position:relative;transition:background-color .2s ease}.piano-white-key:hover{background-color:#f3f4f6}.piano-white-key-label{bottom:3px;font-family:Rajdhani,Helvetica,sans-serif,monospace;font-size:12px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%);-webkit-user-select:none;user-select:none}.piano-white-key-label>span{display:block;text-align:center}.piano-black-keys{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;inset:0;pointer-events:none;position:absolute}.piano-black-key-spacer{flex:1 1}.piano-black-key-container{flex:1 1;position:relative}.piano-black-key{background-color:#1f2937;border:1px solid #17191c;border-radius:0 0 4px 4px;box-shadow:0 2px 4px -1px #0000004d,0 2px 4px -1px #0000000f;cursor:pointer;height:54%;pointer-events:auto;position:absolute;right:0;transform:translateX(50%);transition:background-color .2s ease;width:58%;z-index:10}.piano-black-key:hover{background-color:#131922}.piano-black-key-label{bottom:3px;color:#fff;font-family:Rajdhani,Helvetica,sans-serif,monospace;font-size:10px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%);-webkit-user-select:none;user-select:none}.piano-black-key-label>span{display:block;text-align:center}.piano-octave-row{border-bottom:1px solid #e5e7eb;display:grid;grid-auto-flow:column;padding:0 0 5px;width:100%}.piano-octave-row :last-child{border-right:none}.piano-octave-span{border-right:2px solid #d1d5db;color:#5a6d7c;color:var(--dark-color);font-size:13px;font-weight:600;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none}.piano-note-labels-above-wrapper{height:20px;margin:4px 0;position:relative;width:100%}.piano-note-labels-above{width:100%}.piano-note-labels-above,.piano-note-labels-above-black{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.piano-note-labels-above-black{inset:0;pointer-events:none;position:absolute}.piano-black-label-container{position:relative}.piano-note-label-above-black{color:#6b7280;font-size:11px;font-weight:500;position:absolute;right:0;text-align:center;transform:translateX(50%);-webkit-user-select:none;user-select:none;width:60%}.piano-tooltip{background-color:#000000d9;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;pointer-events:none;white-space:nowrap;z-index:1000}.keyswrapper{align-items:center;align-self:center;background:#fff;border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-radius:0 0 5px 5px;display:grid;padding:10px 5px;position:relative}.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;min-width:160px;padding:4px 0;z-index:1000}.piano-context-menu-item{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:14px;padding:8px 16px;text-align:left;transition:background-color .15s ease;width:100%}.piano-context-menu-item:hover{background-color:#f3f4f6}.focusedKey{animation:pulse 2s ease-in-out infinite;will-change:box-shadow}@keyframes pulse2{0%{box-shadow:0 0 3px 6px #d1d1d180}to{box-shadow:0 0 4px 6px #7f7f8280}}.menu-wrapper{display:inline-block;position:relative}.menu-trigger-chevron{color:#6b7280;height:1rem;transition:transform .2s ease;width:1rem}.menu-trigger{align-items:center;background-color:inherit;border:none;border-radius:10px;display:grid;grid-auto-flow:column;padding:2px;transition:background-color .2s ease,box-shadow .2s ease}.menu-trigger:hover{background-color:#bfd8f6;background-color:var(--medium-nav-color);cursor:pointer}.menu-trigger[aria-expanded=true] .menu-trigger-chevron{transform:rotate(180deg)}.menu-trigger:focus{box-shadow:0 0 0 1px #6388c5,0 0 0 2px #3b82f61a;cursor:pointer;outline:none}.menu-trigger svg{color:#4b5563;cursor:pointer;height:18px;width:18px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.menu-dropdown{background-color:#fff;border:2px solid #5a6d7c;border:2px solid var(--dark-color);border-radius:5px;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px rgba(0,0,0,.015);font-size:14px;font-weight:500;height:auto;max-height:200px;min-width:180px;overflow-y:scroll;padding:10px 0;position:absolute;width:-webkit-max-content;width:max-content;z-index:200}.menu-dropdown>div{margin-left:15px;margin-right:15px}.menu-dropdown:focus{outline:none}.menu-top-left{bottom:100%;margin-bottom:3px;right:0}.menu-top-right{bottom:100%;left:0;margin-bottom:3px}.menu-bottom-left{margin-top:3px;right:0;top:100%}.menu-bottom-right{left:0;margin-top:3px;top:100%}.menu-section button{border-radius:0;padding:10px 0}.menu-section:first-child button{padding-top:0}.menu-section:only-of-type button{padding-bottom:0}.menu-item{grid-gap:10px;align-items:center;background:none;border:none;color:#2d3e4a;color:var(--darker-color);cursor:pointer;display:grid;gap:10px;grid-auto-flow:column;justify-content:left;text-align:left;transition:background-color .2s ease;width:100%}.menu-item.red,.menu-item.red .menu-icon{color:#95244e}.menu-item:focus,.menu-item:hover{background-color:#e2efff;background-color:var(--selected-nav-color);outline:none}.checkbox-wrapper{position:relative}.checkbox-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.checkbox-visual{border:2px solid #a7bccb;border:2px solid var(--lighter-dark-color);border-radius:1px;height:1rem;position:relative;transition:all .2s ease;width:1rem}.checkbox-visual.checked{background-color:#2563eb;border-color:#2563eb}.checkbox-checkmark{color:#fff;height:.75rem;left:.125rem;position:absolute;top:.125rem;width:.75rem}.menu-separator{border-top:1px solid #cad2df;border-top:1px solid var(--lightest-dark-color)}.menu-icon{height:20px;width:20px}.menu-header,.menu-icon{color:#5a6d7c;color:var(--dark-color)}.menu-header{font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:0 0 8px;text-align:left;text-transform:uppercase}.size-section-header{padding:5px 0;text-align:left}.size-label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.size-option.selected{background-color:#e2efff;background-color:var(--selected-nav-color);color:#1d4ed8}.radio-visual{align-items:center;border:2px solid #a7bccb;border:2px solid var(--lighter-dark-color);border-radius:50%;display:flex;height:1rem;justify-content:center;position:relative;transition:all .2s ease;width:1rem}.radio-visual.checked{background-color:#fff;border-color:#2563eb}.radio-dot{background-color:#2563eb;border-radius:50%;height:.375rem;width:.375rem}.edit-toggle-active{background-color:#bfd8f6!important;outline:1px solid #207ac4;outline:1px solid var(--bright-nav-color);outline-offset:-.5px}.edit-toggle-active .edit-toggle-icon,.edit-toggle-active:hover .edit-toggle-icon{color:#207ac4;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;min-width:160px;padding:4px 0;z-index:200}.context-menu-item{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:14px;padding:8px 16px;text-align:left;transition:background-color .15s ease;width:100%}.context-menu-item:hover{background-color:#f3f4f6}@media print{.context-menu,.menu-dropdown{display:none}}.tab-creator-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1536px;padding:1.5rem;width:100%}.tab-creator-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.tab-creator-title{align-items:center;font-size:1.875rem;font-weight:700}.mode-buttons,.tab-creator-title{display:flex;gap:.5rem}.freeform-textarea{font-size:1rem;letter-spacing:.3em;line-height:1.8;min-height:300px}.builder-row,.freeform-textarea{font-family:Courier New,Courier,monospace}.builder-row{font-size:.875rem}.string-label-builder{color:hsl(var(--muted-foreground));display:inline-block;font-weight:600;width:2rem}.builder-cell,.string-label-builder{font-family:Courier New,Courier,monospace}.builder-cell{border:1px solid hsl(var(--border));height:2rem;padding:0;text-align:center;width:3rem}.builder-cell-invalid{background-color:hsl(var(--destructive)/.1);border-color:hsl(var(--destructive));color:hsl(var(--destructive))}.view-card{box-shadow:0 10px 15px -3px #0000001a;padding:2rem}.view-metadata{border-bottom:1px solid hsl(var(--border));display:flex;flex-wrap:wrap;font-size:.875rem;gap:1.5rem;padding-bottom:1rem}.metadata-item{display:flex;flex-direction:column}.metadata-label{color:hsl(var(--muted-foreground));font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.metadata-value{color:hsl(var(--foreground));font-size:1.25rem;font-weight:700}.view-content{background-color:hsl(var(--background));border:2px solid hsl(var(--border));border-radius:.75rem;box-shadow:inset 0 2px 4px 0 #0000000f;overflow-x:auto;padding:1.5rem}.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{cursor:pointer;display:inline-block;min-width:2ch;text-align:center;transition:background-color .2s}.fret-number.selected{background-color:hsl(var(--accent))}.fret-number.invalid{color:hsl(var(--destructive));font-weight:700}.muted-string{color:hsl(var(--muted-foreground));font-weight:700;min-width:2ch;text-align:center}.dash,.muted-string{display:inline-block}.play-metadata{color:hsl(var(--muted-foreground));display:flex;font-size:.875rem;gap:1.5rem;margin-bottom:1rem}.play-content{background-color:hsl(var(--muted));border-radius:.5rem;overflow-x:auto;padding:1rem}.play-tab{font-family:Courier New,Courier,monospace;font-size:.875rem;letter-spacing:.1em;line-height:1.6}.highlight-playing{background-color:hsl(var(--chart-1));border-radius:.25rem;color:hsl(var(--chart-1-foreground));font-weight:700;padding:0 .25rem}.mediaWrapper{align-items:center;border-radius:5px;justify-self:center;margin:6px;min-width:200px;width:-webkit-fill-available}.mediaContent,.mediaWrapper{background:#fff;display:grid}.mediaContent{border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-radius:0 0 10px 10px;border-top:0;font-size:17px;overflow:scroll;padding:20px}.mediaContent ul{list-style:circle}.item-tag{align-items:center;border:1px solid #5a6d7c;border:1px solid var(--dark-color);border-radius:12px;color:#5a6d7c;color:var(--dark-color);display:inline-grid;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;gap:2px;grid-auto-flow:column;justify-content:center;line-height:.8rem;margin:2px 5px 2px 0;padding:3px 8px;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.item-tag i{padding-left:5px}.tag-error{border:1px solid #84153d;border:1px solid var(--darker-alert-color);color:#84153d;color:var(--darker-alert-color)}.tag-warning{border:1px solid #571f71;border:1px solid var(--dark-primary-color);color:#571f71;color:var(--dark-primary-color)}.tag-success{border:1px solid #204609;border:1px solid var(--dark-secondary-color);color:#204609;color: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{background:var(--very-light-secondary-color);border:1px solid #5a6d7c;border:1px solid var(--dark-color)}.item-tag.tag-clickable.tag-success{background:#e2f1de;background:var(--light-secondary-color)}.item-tag.tag-clickable.tag-error{background:#ffccde;background:var(--very-light-alert-color)}.item-tag.tag-clickable.tag-warning{background:#945fb4;background:var(--primary-color)}.item-tag.tag-clickable.tag-default:hover,.item-tag.tag-clickable.tag-error:hover,.item-tag.tag-clickable.tag-success:hover,.item-tag.tag-clickable.tag-warning:hover,.tag-clickable:hover{background:#fff}.item-tag .deletable:hover{color:#ff689e;color:var(--alert-color);cursor:pointer}.icon-tag{height:16px;width:16px}.icon40px{height:40px;width:40px}.icon15px{height:15px;width:15px}.icon30px{height:30px;width:30px}.iconPreviewWrapper{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.iconPreview{grid-gap:5px;align-content:center;align-items:center;background:#f6fbff;border-radius:10px;display:grid;gap:5px;justify-items:center;padding:10px}#mainNav{grid-column-gap:20px;background-color:#53606e;color:#fff;column-gap:20px;display:grid;grid-auto-flow:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin:0;padding:5px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:200}#mainNav a{color:#fff;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#mainNav .mainNavLeft{grid-column-gap:20px;column-gap:20px;display:grid;grid-auto-flow:column;justify-content:left}#navTitle{border-right:1px solid #f2c0ff;color:#f2c0ff;padding-right:20px}.sync-status{align-items:center;display:flex;font-size:14px}.statusHeader{font-weight:700;margin-right:5px;text-transform:uppercase}.sync-status-dot{border-radius:50%;display:inline-block;height:12px;margin-right:5px;width:12px}.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{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.chordTypesWrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.chordTypeWrapper{grid-gap:5px;align-content:start;background-color:#f6f7fa;border-radius:5px;display:grid;gap:5px;padding:20px}@media(max-width:700px){.blueprintsWrapper,.chordTypesWrapper{grid-auto-flow:row;grid-template-columns:none}}input.autocomplete{margin-bottom:5px!important}.no-suggestions{align-content:space-between;background:#edc5ff;background:var(--light-primary-color);border-radius:6px;display:grid;grid-template-columns:1fr auto;padding:6px 6px 6px 10px}.no-suggestions,.no-suggestions button{color:#571f71;color:var(--dark-primary-color)}.no-suggestions button{background:none;border-color:#571f71;border-color:var(--dark-primary-color)}.suggestions{background:#fff;border:1px solid #d4d4d4;border-radius:10px;box-shadow:0 0 25px 0 #1628361e;box-shadow:var(--shadow-1);list-style:none;margin-top:0;max-height:143px;overflow-y:auto;padding:5px;position:absolute;width:100%;z-index:1000}.suggestions li{margin-bottom:5px;padding:5px 10px}.suggestions li:last-of-type{margin-bottom:0}.suggestions li:hover{background-color:#f1f6fd;background-color:var(--light-nav-color);color:#205a88;color:var(--nav-color)}.suggestion-active{background-color:#205a88;background-color:var(--nav-color);color:#f1f6fd;color:var(--light-nav-color)}.suggestion-active,.suggestions li:hover{border-radius:8px;cursor:pointer}.suggestions li span{display:block}.suggestions li span.subtext{color:#5a6d7c;color:var(--dark-color);font-size:.8rem;line-height:.85rem;margin-bottom:5px}h1,h2,h3{-webkit-hyphens:auto;hyphens:auto;letter-spacing:0!important}h1{font-size:30px;margin:0}h1.headline{color:#162836;color:var(--darkest-color);font-family:Calistoga,serif;font-family:var(--header-font),serif;font-size:60px;font-weight:400;line-height:68px;margin-bottom:.15rem;max-width:720px;text-align:center}h1 a{letter-spacing:0}h2{color:#2d3e4a;color:var(--darker-color);font-size:21px;font-weight:400;margin:0}h3{color:#5a6d7c;color:var(--dark-color);font-size:18px;font-weight:500}h3,h4{margin:0 0 10px}.labelwithcheckbox>label{grid-gap:5px;display:grid;gap:5px;grid-template-columns:auto 1fr}.darkcolor{color:#5a6d7c;color:var(--dark-color)}.darkercolor{color:#2d3e4a;color:var(--darker-color)}.darkestcolor{color:#162836;color:var(--darkest-color)}sup{font-size:12px;font-weight:700}small{display:block;font-size:13px}.warm{color:#683d70;color:var(--medium-dark-warm-color)}.rel{position:relative}.verticalcenter{align-self:center;display:grid}ul{list-style:none}img{object-fit:cover}hr,img{width:100%}hr{background-color:#dddfe3;border:none;color:#dddfe3;height:1px;margin-bottom:1rem}blockquote{border-left:3px solid #ccc;margin:0;padding:0 10px;quotes:"“" "”" "‘" "’"}blockquote:before{color:#e6e8f2;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}.aligncenter,.single-checkbox-wrapper{align-items:center;display:grid}.single-checkbox-wrapper{grid-gap:10px;border:1px solid #000;border-radius:20px;gap:10px;grid-auto-flow:column;height:30px;justify-content:start;padding:0 20px}.bigwarmhug .single-checkbox-wrapper{background:#f9f0fb!important;background:var(--very-light-warm-color)!important;border:0;height:38px}.single-checkbox-wrapper:hover,.single-checkbox-wrapper>input,.single-checkbox-wrapper>label{cursor:pointer}.input-wrapper{position:relative}.bigwarmhug .input-wrapper{margin-top:20px}.input-wrapper input,.input-wrapper select{background:none;position:relative}.bigwarmhug .lwfloat{background:none;left:0;padding:0;top:-18px}.lwfloat{background-color:#fcfdff;background-color:var(--secondary-bg-color);font-size:12px;font-weight:600;left:15px;padding:0 5px;position:absolute;text-transform:uppercase;top:-9px;z-index:1}p:last-child{margin-bottom:0}p:only-child{margin:0}.impactText{font-family:Poppins,sans-serif;font-family:var(--body-font),sans-serif;font-size:20px;font-weight:500;line-height:18px}.centerVertically{grid-gap:0;align-items:center;display:grid;gap:0}.heightfitcontent{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.margin-sides-wrapper{display:grid;justify-content:center;margin-left:30px;margin-right:30px}.gridcol{grid-gap:10px;align-items:center;grid-auto-columns:auto;grid-auto-flow:column}.gridcol,.gridrow{display:grid;gap:10px}.gridrow{grid-gap:10px;align-items:start;grid-auto-flow:row;grid-auto-rows:auto}.gridcol2packed{grid-auto-columns:auto 1fr}.gridcol2packed,.gridcolpacked{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-auto-flow:column}.gridcolpacked{justify-content:start}.containerfull{margin:0}.bgwhite{background-color:#fff}.containermiddle{align-content:start;background:#fbfbfe;border-radius:5px;border-radius:var(--border-1);box-shadow:0 0 25px 0 #1628361e;box-shadow:var(--shadow-1);display:grid;grid-template-rows:1fr;min-height:auto;padding:20px}.containerwithheader{display:grid;grid-template-rows:auto 1fr;height:-webkit-fill-available;padding:0 20px}.split-2-header{align-items:center;display:grid;grid-template-columns:auto 1fr}.split-2-header :nth-child(2){justify-self:end}.whiteshadowtile{padding:30px}.containerinnersolid,.whiteshadowtile{background:#fff;border-radius:5px;border-radius:var(--border-1);box-shadow:0 0 25px 0 #1628361e;box-shadow:var(--shadow-1)}.containerinnersolid{padding:20px}.containerforleftnavandbody{display:grid;grid-template-columns:200px 1fr;grid-template-columns:calc(var(--left-nav-width) + 20px) 1fr;height:100%;margin:0;padding:0}.containerbodyonly{display:grid;flex:1 1;grid-template-columns:1fr;margin:0;padding:0}.landingleftnav{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-auto-flow:column;justify-content:left}.landingleftnav a{color:#162836;color:var(--darkest-color)}div.leftnav{padding:20px 20px 20px 0}.rightnav{display:grid}.containerforleftnavandbody div.leftnav hr{background:#a7bccb;background:var(--lighter-dark-color);color:#a7bccb;color:var(--lighter-dark-color)}div.leftnav ul{grid-row-gap:5px;color:#a7bccb;color:var(--lighter-dark-color);display:grid;margin:0;padding:0;row-gap:5px}div.leftnav li{grid-gap:10px;display:grid;gap:10px}div.leftnav li a{border-bottom:0;color:#1a3044;color:var(--dark-nav-color);font-size:14px;font-weight:500;margin:0;padding:7.5px 10px;text-decoration:none}div.leftnav li a i{padding-right:2px;width:24px}div.leftnav li a.selected{background:#205a88;background:var(--nav-color);border-radius:5px;color:#f1f6fd;color:var(--light-nav-color);font-weight:500}div.leftnav li a.selected:hover{color:#fff}div.leftnav a:hover{color:#205a88;color:var(--nav-color)}div.leftnav .navsectiontitle{color:#2d3e4a;color:var(--darker-color);font-size:13px;font-weight:600;letter-spacing:.5px;line-height:13px;margin-bottom:8px;text-transform:uppercase}.landing{grid-gap:30px;display:grid;grid-template-rows:auto;justify-items:center;padding:20px 30px 30px}.landingbg{align-items:center;background-attachment:fixed;background-image:url(/static/media/bg.3cef0e0eb82fb1d84534.png);background-position:top;background-repeat:no-repeat;background-size:auto 500px;display:grid;min-height:500px}.landing h3{color:#32345e;font:Poppins,sans-serif;font:var(--body-font),sans-serif;font-size:24px;font-weight:400;max-width:1000px;text-align:center}.landingtile{column-gap:15px;grid-auto-flow:column}.landingtile p{font-size:1.1rem}.landingtile h2{color:#433146;color:var(--dark-warm-color)}.landingtitle p{color:#2d3e4a;color:var(--darker-color);font-size:16px}.landingtilebottom{grid-column-gap:8px;align-content:center;align-items:center;column-gap:8px;display:grid;grid-auto-flow:column;justify-content:left;margin-top:20px}.landingpgpicbox{align-items:center;display:grid;justify-content:center;width:300px}.landingpgpicbox,.landingpgpicbox img{border-radius:10px}.center{grid-column-gap:5px;column-gap:5px;grid-auto-flow:column;text-align:center}.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{align-items:center;display:flex;font-size:.85rem;gap:20px;justify-content:space-between;padding:20px}.footer a{color:inherit;font-weight:400;text-decoration:underline}.footertopline{border-top:1px solid #a7bccb;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{object-fit:fill;width:40px}.footer a.logolink{height:28px;text-decoration:none}.footer .footerleft{grid-column-gap:5px;align-content:center;column-gap:5px}.footer .footerleft,.footerlogo{align-items:center;display:grid;grid-auto-flow:column}.footerlogo{grid-gap:5px;border-right:1px solid hsla(0,0%,49%,.607);gap:5px;margin-right:5px;padding-right:10px}.text-center{text-align:center}.text-primary{color:#945fb4;color:var(--primary-color)}.text-secondary{color:#9bc483;color:var(--secondary-color)}.text-warm{color:#906099;color:var(--warm-color)}.text-white{color:#fff}.text-dark{color:var(--light-dark-color)}.strong{font-weight:700}.inlineedit{grid-gap:5px;display:grid;gap:5px;grid-auto-flow:column;justify-content:start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.inlinetextareaedit{grid-gap:5px;display:grid;gap:5px;grid-auto-flow:row;grid-template-rows:1fr auto}.inlinetextareaeditbuttons{grid-gap:5px;display:grid;gap:5px;grid-auto-flow:column;justify-content:end}.forcelinebreak{line-break:anywhere}#full-screen-button{cursor:pointer;font-weight:500;text-transform:uppercase}.inlineblock{display:inline-block}.btn{grid-column-gap:4px;align-items:center;background:hsla(0,0%,100%,.247);border:1.5px solid #162836;border:1.5px solid var(--darkest-color);border-radius:15px;column-gap:4px;cursor:pointer;display:grid;font-family:Poppins,sans-serif;font-family:var(--body-font),sans-serif;font-size:14px;font-weight:500;grid-auto-flow:column;line-height:10px;margin:0;outline:none;padding:6px 10px;text-decoration:none;transition:background-color .2s ease-in;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn,.btn svg{color:#162836;color:var(--darkest-color)}.btn svg{height:16px;margin-bottom:-4px;margin-top:-4px;width:16px}.btn:hover{background-color:#fff}.btn-disabled,.btn-disabled:hover,.btn:disabled,.btn:disabled:hover{background:#e6e8f2;background:var(--primary-bg-color);border-color:#a7bccb;border-color:var(--lighter-dark-color);color:#a7bccb;color:var(--lighter-dark-color);cursor:default;opacity:1}.btn-disabled svg,.btn-disabled:hover svg,.btn:disabled svg,.btn:disabled:hover svg{color:#a7bccb;color:var(--lighter-dark-color)}.link-small{font-size:14px}.btn-animate-width{overflow:hidden;position:relative;transition:width .2s ease-out}.inlinegrid{display:inline-grid}.alert-container{left:0;pointer-events:none;position:fixed;top:5px;width:100%;z-index:999}.alert{background:#84153d;background:var(--darker-alert-color);border-radius:6px;color:#fff;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto 20px;max-width:600px;min-width:300px;padding:10px 20px;pointer-events:auto}.alert span{align-self:center;display:grid;justify-self:flex-start}.showpointer{cursor:pointer}.alert-primary,.alert-secondary{background-color:#945fb4;background-color:var(--primary-color);border:0;border-bottom:1px solid #571f71;border-bottom:1px solid var(--dark-primary-color);color:#faeeff;color:var(--very-light-primary-color)}svg.alert-primary,svg.alert-secondary{border-bottom:none}.btn-primary{background-color:#945fb4;background-color:var(--primary-color);border:0;border-bottom:1px solid #571f71;border-bottom:1px solid var(--dark-primary-color);padding:7px 15px}.btn-primary,.btn-primary:hover{color:#faeeff;color:var(--very-light-primary-color)}.btn-primary:hover{background-color:#571f71;background-color:var(--dark-primary-color)}.btn-primary svg.menu-icon{color:#faeeff;color:var(--very-light-primary-color)}.btn-secondary{border:0;border-bottom:1px solid #204609;border-bottom:1px solid var(--dark-secondary-color)}.btn-alert{border:0;border-bottom:1px solid #84153d;border-bottom:1px solid var(--darker-alert-color)}.btn-alert-border{border-color:#84153d;border-color:var(--darker-alert-color);overflow:hidden;position:relative;transition:width .2s ease-out}.btn-alert-border,.btn-alert-border svg{color:#84153d;color:var(--darker-alert-color)}.bg-secondary,.btn-secondary{background:#9bc483;background:var(--secondary-color);color:#204609;color:var(--dark-secondary-color)}.bg-alert,.btn-alert{background:#ffccde;background:var(--very-light-alert-color);color:#84153d;color:var(--darker-alert-color)}.btn-icon{background:none;border:none;cursor:pointer;display:inline-block;font-size:1.1rem;outline:none;padding:0}.btn-large{border-radius:30px;column-gap:11px;font-size:18px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:normal;padding:10px 20px}.btn-large svg.menu-icon{width:20px}.btn-small{column-gap:4px;font-size:12px;line-height:12px;padding:3px 10px!important}.btn-small,.btn-small svg{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.btn-small svg{width:12px}.btn-small.btn-primary{padding:4px 10px!important}.danger-color{color:#84153d;color:var(--darker-alert-color)}.alert-success,.bg-success,.btn-success{background:#9bc483;background:var(--secondary-color);color:#204609;color:var(--dark-secondary-color)}.alert-warning,.bg-warning,.btn-warning{background:#f3eebe;color:#3b3927}.alert-danger,.bg-danger,.btn-danger,.notification-error{background:#ffccde!important;background:var(--very-light-alert-color)!important;color:#84153d!important;color:var(--darker-alert-color)!important}.alert-color{color:#84153d;color:var(--darker-alert-color)}.inline-notification{grid-gap:10px;align-items:center;background:#e2f1de;background:var(--light-secondary-color);border-radius:6px;color:#204609;color:var(--dark-secondary-color);display:grid;gap:10px;grid-auto-flow:column;line-height:22px;padding:10px 15px;pointer-events:auto}.notification-warm{background:#f2daf7;background:var(--medium-light-warm-color);color:#683d70;color:var(--medium-dark-warm-color)}.whitebg{background-color:#fff}.round-img{height:150px;width:150px}.round-img,.round-img-avg{border-radius:50%;object-fit:cover}.round-img-avg{height:120px;width:120px}.round-img-reg{height:60px;width:60px}.round-img-reg,.round-img-sml{border-radius:50%;object-fit:cover}.round-img-sml{height:38px;width:38px}.round-img-xsml{border:1px solid hsla(240,8%,52%,.451);border-radius:50%;height:30px;object-fit:cover;width:30px}.round-img-med{height:200px;width:200px}.round-img-lrg,.round-img-med{border-radius:50%;object-fit:cover}.round-img-lrg{height:260px;width:260px}.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{grid-gap:10px;display:grid;grid-template-columns:auto -webkit-min-content;grid-template-columns:auto min-content;margin-bottom:20px}.nogap{gap:0}.inlineedit input[type=text]{font-size:16px;height:27px;margin:0;padding:0 10px 0 15px;width:200px}.inlinetextareaedit textarea{font-size:16px;height:27px;margin:0;padding:0 10px}input[type=text].searchbar{background:none;border:0;border-radius:0;height:27px;margin:0;padding:0}.searchbar-wrapper{grid-gap:10px;align-items:center;background:#ffffff80;border:1.5px solid #2d3e4a;border:1.5px solid var(--darker-color);border-radius:15px;color:#2d3e4a;color:var(--darker-color);display:grid;font-size:14px;font:inherit;font-weight:400;grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;height:30px;outline:none;padding:0 10px 0 15px;width:100%}.search-icon,.searchbar-wrapper :last-child{align-items:center;display:grid;height:27px}.searchbar{background:#fff;border:none;color:#2d3e4a;color:var(--darker-color);display:block;font-size:1.2rem;font:inherit;opacity:.8;outline:none;padding:.4rem .4rem .4rem 0;width:100%}.searchbar-clear{align-self:center;justify-self:end}.form{display:grid;grid-auto-flow:row}.form-header{color:#5a6d7c;color:var(--dark-color);display:block;font-size:14px;font-weight:500;padding-bottom:5px}.form-header2{color:var(--very-dark-color);font-weight:600;text-transform:uppercase}.form-header2,.form-text{display:block;font-size:12px}.form-text{color:#5a6d7c;color:var(--dark-color);font-weight:500}#reload_href{font-size:13px!important}input[type=date],input[type=email],input[type=file],input[type=password],input[type=text],textarea{border:1.5px solid #2d3e4a;border:1.5px solid var(--darker-color);border-radius:20px;color:#2d3e4a;color:var(--darker-color);display:block;font-size:14px;font:inherit;font-weight:400;height:30px;margin-bottom:15px;outline:none;padding:4px 15px}textarea{margin-bottom:0!important;padding-bottom:12px!important;padding-top:12px!important;resize:vertical}::placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder,input::placeholder{color:#938d83;color:var(--placeholder-warm-color)}.bigwarmhug input[type=date],.bigwarmhug input[type=email],.bigwarmhug input[type=file],.bigwarmhug input[type=password],.bigwarmhug input[type=text],.bigwarmhug select,.bigwarmhug textarea,.warmwrapper{background:#f9f0fb!important;background:var(--very-light-warm-color)!important;border:0;display:grid;height:38px;width:-webkit-fill-available}.warmwrapper{border-radius:19px;padding:0 15px}.borderwrapper{border:1.5px solid #2d3e4a;border:1.5px solid var(--darker-color);border-radius:30px;height:30px;padding:3px 12px}.pr-6{padding-right:6px}.form input[type=submit]{font-size:14px;font-weight:400;height:30px;line-height:10px}.row-split-evenly{grid-gap:30px;display:grid;grid-auto-flow:column}.auto2split{grid-gap:20px;display:grid;grid-template-columns:auto 1fr}.gap45{grid-gap:45px;gap:45px}.gap0{grid-gap:0;gap:0}.split300px1fr{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr}.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{grid-gap:4px;align-items:center;background-color:hsla(0,0%,100%,.382);border-radius:9999px;display:grid;font-family:Poppins;font-family:var(--body-font);font-size:13px;font-weight:500;gap:4px;grid-auto-flow:column;justify-content:center;padding:3px 7px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.badge.border{border-style:solid;border-width:1px}.neutralbadge{background:#d9f5f9;background:var(--light-tertiary-color);color:#286068;color:var(--darker-tertiary-color)}.neutralbadge.border{border-color:#286068;border-color:var(--darker-tertiary-color)}.successbadge{background:#e2f1de;background:var(--light-secondary-color);color:#204609;color:var(--dark-secondary-color)}.successbadge.border{border-color:#93b180}.warningbadge{background:#edc5ff;background:var(--light-primary-color);color:#271231;color:var(--very-dark-primary-color)}.warningbadge.border{border-color:#d0bb89}.errorbadge{background:#ffccde;background:var(--very-light-alert-color);color:#84153d;color:var(--darker-alert-color)}.errorbadge.border{border-color:#c6829b}.darkbadge{background:hsla(0,0%,100%,.132);color:#2d3e4a;color:var(--darker-color)}.darkbadge.border{border-color:#8495a1}header{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:0;transition:background-color .2s ease-out;transition:box-shadow .2s ease-out;width:100%;z-index:900}header.headerbg{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:rgba(249,250,252,.322);box-shadow:0 0 25px 0 #1628361e;box-shadow:var(--shadow-1);transition:background-color .4s ease-in;transition:box-shadow .4s ease-in}#school-header-wrapper{grid-gap:10px;align-items:center;background:linear-gradient(90deg,#fcfdff 0,#d7f2db 49%,#fcfdff);background:linear-gradient(to right,var(--secondary-bg-color) 0,#d7f2db 49%,var(--secondary-bg-color) 100%);display:grid;font-family:Poppins;font-family:var(--body-font);font-size:13px;font-weight:600;gap:10px;grid-auto-flow:column;justify-content:center;letter-spacing:4px;margin:-30px 0 20px;padding:2px 30px;text-transform:uppercase}.plantiles{grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr}.plantile{grid-gap:15px;align-items:left;background:linear-gradient(90deg,#f8effa59,#e8f1ff59);border-radius:15px;display:grid;font-size:14px;font-weight:400;gap:15px;grid-auto-flow:row;padding:30px}.plantile h1{font-family:Poppins;font-family:var(--body-font);font-size:18px;font-weight:700;margin:0;text-align:center;text-transform:uppercase}.plantile .promobox{background:linear-gradient(to top right,#f8effae6,#e8f1ffb3);border-radius:10px;color:#571f71;color:var(--dark-primary-color);padding:5px 20px;text-align:center}.plantile .featuretitle,.plantile .promobox{font-size:18px;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;letter-spacing:1px;margin-top:0;text-transform:uppercase}.plantile .pricebox,.plantile .togglebox{align-items:center;display:grid;grid-auto-flow:column;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.plantile .pricebox{grid-gap:9px;gap:9px}.plantile .pricebox h1{font-family:Poppins,sans-serif;font-family:var(--body-font),sans-serif;font-size:46px;font-weight:600;line-height:44px;text-transform:none}.plantile .pricebox .red{color:#84153d;color:var(--darker-alert-color);font-size:26px;opacity:60%}.plantile .pricebox .green{color:#008044;color:var(--darker-success-color);font-size:26px}.plantile .pricebox .unit{color:#5a6d7c;color:var(--dark-color);font-size:12px;font-weight:400;line-height:15px;text-transform:uppercase}.plantile hr{background-color:#ceabd4;background-color:var(--light-warm-color);border:none;color:#ceabd4;color:var(--light-warm-color);margin-bottom:0;width:100%}.plantile .features{grid-gap:0;background:linear-gradient(to top right,#f8effab3,#e8f1ffb3);border-radius:15px;display:grid;gap:0;grid-auto-flow:row;justify-items:left;padding:28px}.plantile .features p{grid-gap:10px;align-items:center;display:grid;font-size:16px;gap:10px;grid-auto-flow:column;margin-bottom:0}.admin-form-footer{background:#fff;border-top:1px solid #a7bccb;border-top:1px solid var(--lighter-dark-color);bottom:0;display:grid;grid-template-columns:auto auto;margin-bottom:-20px;margin-top:10px;padding:20px 0;position:-webkit-sticky;position:sticky}.adminnavbar{align-items:center;background:#fff;box-shadow:0 0 25px 0 #1628361e;box-shadow:var(--shadow-1);display:grid;grid-auto-flow:column;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;-webkit-hyphens:auto;hyphens:auto;justify-content:space-between;z-index:5}.adminnavbar div.left{display:grid;padding:10px 20px}.adminnavbar>div{grid-column-gap:15px;align-items:center;column-gap:15px;display:grid;grid-auto-flow:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.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:#162836;color:var(--darkest-color)}.adminnavbar a:hover{color:#5a6d7c;color:var(--dark-color)}.namesection{grid-column-gap:5px;align-items:center;border-right:1px solid #a7bccb;border-right:1px solid var(--lighter-dark-color);column-gap:5px;display:grid;grid-auto-flow:column;grid-template-columns:38px auto;padding-right:10px}.namesection div:first-of-type{margin-right:5px}.namesection>img{width:30px}.superadminuserwidget select{margin-bottom:0}.logotitle{grid-column-gap:5px;align-content:center;align-items:center;border-right:1px solid #a7bccb;border-right:1px solid var(--lighter-dark-color);color:#162836;color:var(--darkest-color);column-gap:5px;display:grid;font-family:Audiowide,sans-serif;font-size:16px;font-weight:500;grid-template-columns:auto auto;line-height:100%;padding-right:18px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.logotitle sup{font-size:10px}.logotitle div{margin-bottom:5px}.adminnavbar a.title:hover{color:#5a6d7c;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{align-items:center;background-color:rgba(249,250,252,.427);border:none;display:grid;grid-auto-flow:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-hyphens:auto;hyphens:auto;justify-content:space-between;padding:10px 20px;z-index:900}#landingheader a.title{grid-column-gap:5px;align-content:center;color:#162836;color:var(--darkest-color);column-gap:5px;display:grid;font-size:24px;font-weight:500;grid-template-columns:auto auto;line-height:100%;margin:0;padding:0;text-decoration:none;text-transform:uppercase}#landingheader a.title:hover{color:#5a6d7c;color:var(--dark-color)}.topnotification{align-content:center;background:#e4fdff;background:linear-gradient(-90deg,#d7e2ff,#f5cfff);border-bottom:1px solid #f5cfff;color:#3b2262;display:flex;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;letter-spacing:1px;padding:10px 30px;text-align:center;text-transform:uppercase}.small,.topnotification{font-size:.9rem;line-height:1rem}.allcaps{align-items:center;display:grid;font-weight:700;text-transform:uppercase}.landingheader-buttons{grid-column-gap:8px;align-items:center;column-gap:8px;display:grid;grid-auto-flow:column}.modalheader{align-items:center;border-bottom:1px solid #e6e8f2;border-bottom:1px solid var(--primary-bg-color);border-top-left-radius:5px;border-top-left-radius:var(--border-1);border-top-right-radius:5px;border-top-right-radius:var(--border-1);display:flex;font-family:Calistoga;font-family:var(--header-font);font-size:24px;justify-content:space-between;margin:0 5px;padding:10px 15px}.modalheader div{align-items:center;align-self:center;display:grid}.modalheader div:first-of-type{min-height:24px;min-width:24px}.modalfooter{align-items:center;border-bottom-left-radius:5px;border-bottom-left-radius:var(--border-1);border-bottom-right-radius:5px;border-bottom-right-radius:var(--border-1);border-top:1px solid #e6e8f2;border-top:1px solid var(--primary-bg-color);display:flex;justify-content:space-between;margin:0 5px;padding:10px 15px}i.iconlink{cursor:pointer}.modalheader a{color:#2d3e4a;color:var(--font-color)}.modalbody{border-bottom-left-radius:5px;border-bottom-left-radius:var(--border-1);border-bottom-right-radius:5px;border-bottom-right-radius:var(--border-1);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:scroll;padding:20px 30px 30px;position:relative}.modalbodyforoverlay{max-height:calc(90vh - 140px);min-height:200px}.modalwrapper{background:#fff;border-radius:5px;border-radius:var(--border-1);box-shadow:0 0 25px 0 #1628361e;box-shadow:var(--shadow-1);display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.modal-overlay-bg{background:#0a0a0b99;height:100%;left:0;position:fixed;top:0;width:100%;z-index:910}.modal-overlay-main{left:50%;max-height:90vh;position:fixed;top:20px;transform:translate(-50%);z-index:16}.tabbar{align-items:center;border:none;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-hyphens:auto;hyphens:auto;justify-content:space-between;margin-bottom:30px}.tabbar ul{border-bottom:1.5px solid #a7bccb;border-bottom:1.5px solid var(--lighter-dark-color);display:flex;width:100%}.tabbar li{font-size:14px;margin-right:5px;padding:8px 0 6px}.tabbar li a{border-bottom:0;border-top:0;color:#2d3e4a;color:var(--darker-color);font-weight:500;margin:0;padding:7px 14px;text-decoration:none}.tabbar li a.selected{background:#205a88;background:var(--nav-color);border-bottom:1.5px solid #205a88;border-bottom:1.5px solid var(--nav-color);border-radius:5px 5px 0 0;border-top:1.5px solid #1c2c3d;color:#f1f6fd;color:var(--light-nav-color)}.tabbar a:hover{color:#1a3044;color:var(--dark-nav-color)}.tabbar li a.selected:hover{color:#fff}.verticaltabbar{align-items:flex-start;border:none;display:flex;font-size:105%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-hyphens:auto;hyphens:auto;justify-content:flex-start;padding:10px 0 0}.verticaltabbar ul{border-bottom:1px solid var(--gray-accent-color);display:flex;width:100%}.verticaltabbar li{margin-right:36px;padding:16px 0}.verticaltabbar li a{border-bottom:0;color:var(--medium-primary-color);font-weight:400;margin:0;padding:8px 0}.verticaltabbar li a.selected{border-bottom:3px solid #945fb4;border-bottom:3px solid var(--primary-color);color:#945fb4;color:var(--primary-color);font-weight:700;padding-bottom:14px}.verticaltabbar a:hover{color:var(--medium-primary-color)}.previewnotification{align-content:center;align-items:center;background:#162836;background:var(--darkest-color);box-shadow:0 0 25px 0 #1628361e;box-shadow:var(--shadow-1);color:#ededed;font-size:12px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;letter-spacing:8px;padding:3px 30px;text-align:center;text-transform:uppercase;z-index:4}.previewnotification,.previewnotification div{display:flex;flex-direction:row;justify-content:center}.previewnotification div{flex-wrap:wrap;height:100%;position:relative;z-index:2}.upload-actions{grid-gap:10px;align-items:center;display:grid;grid-template-columns:1fr auto;width:100%}.upload-box{align-items:center;border:1px solid #a7bccb;border:1px solid var(--lighter-dark-color);border-radius:10px;display:flex;flex-flow:column;margin:0 0 20px;padding:20px}.upload-box small{margin:10px}.upload-box input{height:30px!important;margin:0;padding-bottom:0;padding-top:5px}.shadow{box-shadow:0 10px 20px rgba(78,78,78,.118)}.pagination{align-items:center;display:flex;justify-content:center;margin-top:20px}.paginationItem{background:none;border:2px solid #945fb4;border:2px solid var(--primary-color);border-radius:50%;color:#945fb4;color:var(--primary-color);cursor:pointer;font-weight:700;height:45px;margin:0 5px;padding:10px 15px;position:relative;width:45px}.paginationItem span{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.next,.prev{background:#fff;border:none;color:#945fb4;color:var(--primary-color);cursor:pointer;font-size:2.3rem;font-weight:700;margin:0 10px;padding:10px}.paginationItem.dots{border:none;color:#a7bccb;color:var(--lighter-dark-color);margin:0;padding:10px 0;pointer-events:none}.paginationItem.active{background:#945fb4;background:var(--primary-color);border-color:#945fb4;border-color:var(--primary-color);color:#fff;pointer-events:none}.next.disabled,.prev.disabled{box-shadow:none;color:#a7bccb;color:var(--lighter-dark-color);pointer-events:none}@media(max-width:1100px){.landingtile .row-split-evenly{grid-auto-flow:row;grid-template-columns:none;row-gap:30px}.landingpgpicbox{background-size:cover;justify-self:center;object-fit:cover;width:100%}.landingWidgets{grid-auto-flow:row;grid-template-columns:none!important;row-gap:30px}}@media(max-width:700px){.mobilenoshow{display:none}#landingheader,.footer .footerleft{grid-auto-flow:row}#landingheader{gap:10px;justify-content:center}.containerfull{margin:0}.hide-on-mobile{display:none}.plantiles,.row-split-evenly{grid-auto-flow:row;grid-template-columns:none;row-gap:30px}.paginationItem{height:auto;padding:15px;width:auto}}.compact-boxes{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,auto))}.compact-boxes>div{align-content:start;background:#f9f0fb;background:var(--very-light-warm-color);border-radius:10px;display:grid;grid-auto-flow:row;padding:10px 12px 10px 20px}.compact-boxes p{font-family:Poppins;font-family:var(--body-font);font-weight:500}.overview-boxes{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.overview-boxes>div a.toplink{font-weight:500;text-decoration:none}.overview-boxes>div{align-content:start;background-color:#d9f5f9;background-color:var(--light-tertiary-color);border-radius:10px;color:var(--very-dark-color);display:grid;grid-auto-flow:row;justify-content:center;padding:10px 15px}.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:dimgray}.studenttable{width:100%}.studenttable tr:first-child{border-bottom:1px solid #5a6d7c;border-bottom:1px solid var(--dark-color)}.studenttable td,th{padding:0 10px}.studenttable tr>td:last-child div{display:flex;justify-content:flex-end;width:100%}.studenttable td.pic{width:38px}.student-mini-tile-wrapper{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.student-mini-tile{grid-gap:10px;background:#f9f0fb;background:var(--very-light-warm-color);border-radius:5px;border-radius:var(--border-1);display:grid;gap:10px;justify-content:center;padding:20px}.student-mini-tile-header{display:grid;grid-template-columns:1fr auto;justify-content:space-between;justify-items:end}.student-mini-tile-header :nth-child(2){justify-self:end}.student-mini-tile h3{color:#683d70;color:var(--medium-dark-warm-color)}.student-mini-tile p{font-weight:500;margin-bottom:1px}.student-mini-row-wrapper{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.student-mini-row{align-items:start;border:1px solid #c1c4d0;border-radius:5px;border-radius:var(--border-1);box-shadow:0 0 10px 0 rgba(22,40,54,.118);justify-content:center;padding:20px;position:relative;text-align:center;transition:background-color .2s ease-in}.student-mini-row h3{color:#683d70;color:var(--medium-dark-warm-color);padding-top:10px;text-align:center}.student-mini-row span{display:block;font-size:14px;font-weight:600;padding-top:3px;text-align:center;text-transform:uppercase}.student-mini-row small{font-weight:500}.student-mini-row:hover{background-color:#d9f5f9;background-color:var(--light-tertiary-color);border:1px solid #205a88;border:1px solid var(--nav-color);cursor:pointer}.row-selected h3,.student-mini-row:hover h3{color:#205a88;color:var(--nav-color)}.row-selected{background-color:#e6f9fb;border:1px solid #205a88;border:1px solid var(--nav-color)}.student-mini-row .badgebox{margin-top:-20px}.student-mini-row .actions{justify-self:end;position:absolute;right:3px;top:5px}.student-mini-row .check{color:#205a88;color:var(--nav-color);font-size:20px;justify-self:start;left:15px;position:absolute;top:5px}.student-mini-row .actions .btn{border:0;color:#205a88;color:var(--nav-color)}.student-tile-wrapper{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.student-tile{background:#fff;border-radius:5px;border-radius:var(--border-1);box-shadow:0 0 25px 0 #1628361e;box-shadow:var(--shadow-1);padding:30px}.student-tile-header{border-bottom:1px solid #a7bccb;border-bottom:1px solid var(--lighter-dark-color);display:grid;grid-template-columns:1fr 1fr;padding-bottom:10px}.student-tile-header :nth-child(2){justify-self:end}.student-tile h2{color:#683d70;color:var(--medium-dark-warm-color)}.student-tile-body{grid-gap:20px;display:grid;gap:20px;grid-template-columns:150px auto auto;padding-top:20px}.student-tile-body small{color:#5a6d7c;color:var(--dark-color);font-weight:400}.student-tile-body p{font-weight:500;margin-bottom:1px}.student-page-body{grid-gap:20px;display:grid;gap:20px}.student-page-body small{color:#5a6d7c;color:var(--dark-color);font-weight:400}.student-page-body p{font-weight:500;margin-bottom:1px}.student-split-view{grid-gap:30px;display:grid;gap:30px;grid-template-columns:320px 1fr;height:100%}.attendance-header-cell{color:#5a6d7c;color:var(--dark-color);font-family:Calistoga;font-family:var(--header-font);font-size:14px;font-weight:600;letter-spacing:1px;padding-bottom:5px!important;padding-top:0!important;text-transform:uppercase}.student-attendance-wrapper>div{align-items:center;border-bottom:1px solid #b6b6c3;cursor:pointer;display:grid;height:100%;justify-items:start;min-height:35px;padding:12px 30px 12px 0}.student-attendance-wrapper>div>*{width:100%}.student-attendance-wrapper>div.full-width{grid-column:1/-1}.student-attendance-wrapper{grid-row-gap:1px;align-items:center;display:grid;grid-template-columns:auto -webkit-max-content auto auto auto auto auto;grid-template-columns:auto max-content auto auto auto auto auto;-webkit-hyphens:auto;hyphens:auto;overflow:scroll}.student-attendance-cta{padding-right:0!important}.student-attendance-pic{grid-gap:10px;display:grid;gap:10px;grid-auto-flow:column;grid-template-columns:38px auto}.attendance-status{gap:0;grid-auto-flow:column}.attendance-status :nth-child(2){color:#5a6d7c;color:var(--dark-color);font-size:14px;font-weight:600;text-transform:uppercase}.attendance-status span.circle{font-size:38px;line-height:38px}.attendance-status span.absent{color:#ff689e;color:var(--alert-color)}.attendance-status span.pickedup{color:#a6d7de;color:var(--tertiary-color)}.attendance-status span.present{color:#9bc483;color:var(--secondary-color)}.attendance-modal-date{color:#271231;color:var(--very-dark-primary-color);display:block;font-size:14px;font-weight:500;padding-bottom:5px}.time-row-split{grid-gap:10px;display:grid;grid-auto-flow:column;grid-template-columns:1fr auto -webkit-min-content auto auto;grid-template-columns:1fr auto min-content auto auto}.time-colon{font-size:15px;font-weight:600;padding-top:7px}.school-tile-wrapper{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr}.school-tile{background:#fff;border-radius:5px;border-radius:var(--border-1);box-shadow:0 0 25px 0 #1628361e;box-shadow:var(--shadow-1);margin-bottom:30px;padding:30px}.school-tile:last-of-type{margin-bottom:0}.school-tile-header{border-bottom:1px solid #a7bccb;border-bottom:1px solid var(--lighter-dark-color);display:grid;grid-template-columns:1fr 1fr;padding-bottom:10px}.school-tile-header :nth-child(2){justify-self:end}.school-tile-body{grid-gap:30px;display:grid;gap:30px;grid-template-columns:120px 1fr 1fr;padding-top:20px}.school-tile-body small{color:#5a6d7c;color:var(--dark-color);font-weight:400}.school-tile-body p{font-weight:500;margin-bottom:1px}.searchbar_and_filters{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-auto-columns:1fr auto;grid-auto-flow:column}.registrationHeader{grid-gap:5px;align-items:center;border-bottom:1px solid #d4d8e1;display:grid;gap:5px;grid-auto-columns:auto;grid-auto-flow:column;justify-content:start;margin-bottom:20px;padding:0 20px 20px 0}.registrationHeader h2{font-family:Poppins;font-family:var(--body-font);font-size:18px;font-weight:600;margin:0;padding-right:5px;text-transform:uppercase}.stepNum{align-items:center;background:#ffe3c0;border-radius:15px;color:#713c23;display:inline-flex;font-size:18px;font-weight:500;height:30px;justify-content:center;margin-right:8px;padding:3px;width:30px}.superadmin-user-boxes{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.superadmin-user-box{align-content:center;background:#f9f0fb;background:var(--very-light-warm-color);border-radius:10px;display:grid;grid-auto-flow:row;justify-content:center;padding:20px}.superadmin-user-box img{justify-self:center;margin-bottom:1rem}.superadmin-user-box p:first-of-type{font-size:1.3rem;justify-self:center}.adminbadge{background:#d9f5f9;background:var(--light-tertiary-color);color:#2d3e4a;color:var(--darker-color)}.adminchordwrapper{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-auto-flow:column;grid-template-columns:auto auto auto;justify-content:start;margin-bottom:20px}@media(max-width:700px){.adminchordwrapper{gap:5px;grid-auto-flow:row;grid-template-columns:none;justify-content:center;justify-items:center}}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;min-height:100vh;text-rendering:optimizeLegibility}:root,body{height:100%}body{background-color:#f2f2f7;color:#2d3e4a;color:var(--darker-color);font-family:Fira Sans Condensed,Helvetica,sans-serif;margin:0}#root{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}a{font-weight:500;text-decoration:inherit}.primary,a,a:hover{color:#945fb4;color:var(--primary-color)}button{background-color:#205a88;background-color:var(--nav-color);border:1px solid #0000;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px 10px;transition:background-color .25s}button:hover{background-color:#1a3044;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:#e2efff;background-color:var(--selected-nav-color)}button.smallButton{grid-gap:5px;align-items:center;background-color:#945fb4;border-radius:8px;display:grid;gap:5px;grid-auto-flow:column;justify-content:center;padding:3px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button.smallButton:hover{background-color:#205a88;background-color:var(--nav-color)}button.smallButton svg{height:18px;width:18px}.fixedAtbottom{background:#4f4f64;bottom:0;left:0;padding:10px;position:fixed;width:100%;z-index:100}.fretboardEditorWrapper{border-top:1.5px solid #cad2df;border-top:1.5px solid var(--lightest-dark-color)}.fretboardEditorWrapper,.fretboardTopRow{background:#fff;display:grid;padding:10px}.fretboardTopRow{grid-gap:20px;border-bottom:none;border-top:none;gap:20px;grid-template-columns:auto auto;justify-content:space-between}.flat,.noto-music{font-family:Noto Music,sans-serif;font-style:normal;font-weight:400}.flat{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{font-size:20px;margin-left:0}span.cutetitle{color:#5a6d7c;color:var(--dark-color);font-size:90%;font-weight:600;margin-right:6px;text-transform:uppercase}.block{display:block}.dashboard-loading .react-grid-item,.dashboard-loading .react-grid-placeholder{transition:none!important}.specialBox{align-items:center;background:linear-gradient(90deg,#f8effaa6,#e8f1ffd9);border:1px solid rgba(165,112,201,.312);border-radius:20px;color:#604274;display:grid;font-size:19px;justify-content:center;justify-self:center;line-height:28px;margin-top:30px;max-width:500px;padding:50px 30px 55px;text-align:center;width:70%}.specialBox h1{color:#a670c9;font-weight:400;margin-bottom:10px}.height100{height:100%!important}.react-grid-placeholder{background:#a7bccb!important;background:var(--lighter-dark-color)!important;border:4px dotted #162836;border:4px dotted var(--darkest-color);transition:background-color .2s ease}.fitandcenter{justify-self:center}.fitandcenter,.fitcontent{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.landingWidgets{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.fitavailheight .responsive-component-wrapper{height:100%}.fitavailheight .fretcontrolswrapper{height:100%;margin:0}.fretcontrolswrapper{display:grid;grid-template-rows:auto auto 1fr;margin:6px;position:relative}.fretcontrolswrapper>div:last-child{grid-row:auto}.crownborder,.sideborders{border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-bottom:none}.sideborders{border-top:none}.sectionheader{align-items:center;background:#fff;border-bottom:1.5px solid #cad2df;border-bottom:1.5px solid var(--lightest-dark-color);border-radius:5px 5px 0 0;display:grid;font-size:16px;grid-auto-flow:column;grid-template-columns:1fr auto;justify-content:space-between;line-height:16px;padding:5px 5px 5px 9px}.sectionheader .tabbutton:hover{background:#cad2df;background:var(--lightest-dark-color);cursor:pointer}.sectionheader .sectionleft{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-auto-flow:column;grid-template-columns:auto 1fr}.sectionheader .sectionright{grid-gap:4px;align-items:end;display:grid;gap:4px;grid-auto-flow:column;justify-content:end;width:-webkit-min-content;width:min-content}.fretcontrolswrapper:hover .sectionright,.markdownWrapper:hover .sectionright,.modeWheelWrapper:hover .sectionright,.tabwrapper:hover .sectionright{opacity:1}div.title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fill-available}.scaleDescription{background-color:#fff;border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-bottom:none;display:grid;justify-content:center;padding:10px}.scaleDescription p{margin:0;padding:0}.fretwrapper{align-items:center;align-self:center;background:#fff;border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-radius:0 0 5px 5px;display:grid;overflow-x:scroll}.fretcontrolswrapper.modes{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.responsive-component-wrapper{display:block;width:100%}.dashboardActions{grid-gap:8px;display:grid;gap:8px;grid-auto-flow:column;height:26px;justify-content:end}div.dashboardListItem{border-bottom:1px solid #a7bccb;border-bottom:1px solid var(--lighter-dark-color);color:inherit;cursor:pointer;padding-bottom:10px;padding-top:10px}div.dashboardListItem:last-of-type{border-bottom:none}.widgetSelector{display:inline-grid;gap:16px;grid-auto-flow:column;margin:0 0 10px}.widgetSelector div{grid-gap:5px;align-items:center;background:#fff;border:1.5px solid #a7bccb;border:1.5px solid var(--lighter-dark-color);border-radius:10px;display:grid;font-weight:600;gap:5px;grid-auto-flow:column;justify-content:center;padding:6px 8px;text-transform:uppercase}.widgetSelector div:hover{background-color:#e2efff;background-color:var(--selected-nav-color);cursor:pointer}.fretcontrolswrapper.small .fretwrapper{padding:5px 10px 5px 0}.fretcontrolswrapper.medium .fretwrapper{padding:5px 15px 5px 0}.fretcontrolswrapper.medium .fretheader,.fretcontrolswrapper.small .fretheader{font-size:14px;margin:0}.fretcontrolswrapper.small .fretcell{height:24px;padding:4px}.fretcontrolswrapper.medium .fretrow .fretcell:nth-child(2),.fretcontrolswrapper.small .fretrow .fretcell:nth-child(2){left:0;margin-right:0}.fretcontrolswrapper.medium .fretcell{height:34px;padding:3px}.fretcontrolswrapper.small .fretheader,.fretcontrolswrapper.small .fretrow{--smallcellw:46px;grid-auto-columns:minmax(var(--smallcellw),1fr);grid-template-columns:var(--smallcellw) repeat(auto-fit,minmax(var(--smallcellw),1fr))}.fretcontrolswrapper.small .fretheader:last-of-type{margin-top:5px}.fretcontrolswrapper.medium .fretheader,.fretcontrolswrapper.medium .fretrow{grid-auto-columns:minmax(50px,1fr);grid-template-columns:50px repeat(auto-fit,minmax(50px,1fr))}.fretbody{display:grid}.fretrow .fretcell{align-items:center;border-right:2px solid #778b9b;border-right:2px solid var(--fret-line-color);display:grid;font-size:13px;height:42px;padding:5px 3px;position:relative}.fretrow .fretcell:before{border-top:2px solid #778b9b;border-top:2px solid var(--fret-line-color);content:"";left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.fretrow:last-child .fretcell:before{border-top:5px solid #778b9b;border-top:5px solid var(--fret-line-color);margin-left:-2px;width:calc(100% + 2px)}.fretrow:nth-last-child(2) .fretcell:before{border-top:4.5px solid #778b9b;border-top:4.5px solid var(--fret-line-color)}.fretrow:nth-last-child(3) .fretcell:before{border-top:4px solid #778b9b;border-top:4px solid var(--fret-line-color)}.fretrow:nth-last-child(4) .fretcell:before{border-top:3px solid #778b9b;border-top:3px solid var(--fret-line-color)}.fretrow:nth-last-child(3) .fretcell:nth-child(13):after,.fretrow:nth-last-child(4) .fretcell:nth-child(10):after,.fretrow:nth-last-child(4) .fretcell:nth-child(16):after,.fretrow:nth-last-child(4) .fretcell:nth-child(18):after,.fretrow:nth-last-child(4) .fretcell:nth-child(20):after,.fretrow:nth-last-child(4) .fretcell:nth-child(22):after,.fretrow:nth-last-child(4) .fretcell:nth-child(24):after,.fretrow:nth-last-child(4) .fretcell:nth-child(4):after,.fretrow:nth-last-child(4) .fretcell:nth-child(6):after,.fretrow:nth-last-child(4) .fretcell:nth-child(8):after,.fretrow:nth-last-child(5) .fretcell:nth-child(13):after{background-color:#778b9b;background-color:var(--fret-line-color);border-radius:50%;content:"";display:block;height:18px;opacity:70%;position:absolute;right:calc(50% - 9px);top:calc(50% + 8px);transform:translateY(50%);width:18px}.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(3) .fretcell:nth-child(13):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(10):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(16):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(18):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(20):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(22):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(24):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(4):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(6):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(8):after,.fretcontrolswrapper.small .fretwrapper .fretrow:nth-last-child(5) .fretcell:nth-child(13):after{top:calc(50% - 2px)}.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(3) .fretcell:nth-child(13):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(10):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(16):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(18):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(20):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(22):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(24):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(4):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(6):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(4) .fretcell:nth-child(8):after,.fretcontrolswrapper.medium .fretwrapper .fretrow:nth-last-child(5) .fretcell:nth-child(13):after{top:calc(50% + 1.5px)}.fretrow:nth-last-child(5) .fretcell:before{border-top:2.5px solid #778b9b;border-top:2.5px solid var(--fret-line-color)}.fretrow:first-child .fretcell,.fretrow:last-child .fretcell{border-right:0}.fretrow:first-child .fretcell:after{top:25%}.fretrow:first-child .fretcell:after,.fretrow:last-child .fretcell:after{border-right:2px solid #778b9b;border-right:2px solid var(--fret-line-color);content:"";height:50%;position:absolute;right:0;transform:translateY(50%)}.fretrow:last-child .fretcell:after{top:-25%}.fretheader,.fretrow{display:grid;grid-auto-columns:minmax(50px,1fr);grid-auto-flow:column;grid-template-columns:60px repeat(auto-fit,minmax(50px,1fr))}.fretrow .fretcell:first-child:before{content:none}.fretheader{color:#5a6d7c;color:var(--dark-color);counter-reset:css-counter -1;font-family:Rajdhani,Helvetica,sans-serif,monospace;font-weight:500;text-align:center}.fretheader:first-of-type{margin:0 0 10px}.fretheader div{counter-increment:css-counter 1}.fretheader div:before{content:counter(css-counter)}.fretheader div:first-child:before{color:#5a6d7c;content:"Nut";font-weight:500;text-transform:uppercase}.fretheader div:first-child,.fretheader div:nth-child(10),.fretheader div:nth-child(13),.fretheader div:nth-child(16),.fretheader div:nth-child(18),.fretheader div:nth-child(20),.fretheader div:nth-child(22),.fretheader div:nth-child(4),.fretheader div:nth-child(6),.fretheader div:nth-child(8){color:#282930;font-weight:700}.note{grid-gap:1px;align-items:center;border-radius:100%;display:grid;font-family:Rajdhani,Helvetica,sans-serif,monospace;font-size:15.5px;font-weight:700;gap:1px;grid-auto-flow:column;height:40px;justify-content:center;justify-self:center;position:relative;width:40px;z-index:20}.note:hover{cursor:pointer}.note .nameanddegree{display:grid;grid-auto-flow:row;justify-items:center}.note .nameanddegree span{line-height:15.5px}.note.medium .nameanddegree span{line-height:13px!important}.note.small .nameanddegree span{line-height:11px}.default{background-color:#f4f5f8;border:2px solid rgba(45,62,74,.565);color:#2d3e4a;color:var(--darker-color)}.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{background-color:#f0f6fc;border-color:#a7bccb;border-color:var(--lighter-dark-color)}.hideNote{opacity:0}.hideNote:hover{cursor:default}.fretrow .fretcell:first-child .hideNote:before{color:#5a6d7c;color:var(--dark-color)}.fretrow:first-of-type .fretcell:first-child .hideNote:before{content:"E"}.fretrow:nth-of-type(2) .fretcell:first-child .hideNote:before{content:"B"}.fretrow:nth-of-type(3) .fretcell:first-child .hideNote:before{content:"G"}.fretrow:nth-of-type(4) .fretcell:first-child .hideNote:before{content:"D"}.fretrow:nth-of-type(5) .fretcell:first-child .hideNote:before{content:"A"}.fretrow:nth-of-type(6) .fretcell:first-child .hideNote:before{content:"E"}.note:hover{background-color:#f5f5f5;color:#2d3e4a;color:var(--darker-color)}.note.highlightNote:hover{color:#fff}.hideNote:hover{background-color:none}.fretrow .fretcell:nth-child(2){left:-2px;margin-right:-2px}.fretrow .fretcell:first-child .hideNote{background:none;color:#a7bccb;color:var(--lighter-dark-color);font-weight:500;opacity:1}.highlightNote{border:2px solid rgba(45,62,74,.231);color:#fff}.focusedNote{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(48,48,52,.839)}25%{box-shadow:0 0 0 4px rgba(38,38,70,.616)}75%{box-shadow:0 0 0 6px rgba(87,87,112,.616)}to{box-shadow:0 0 0 4px rgba(210,210,223,.196)}}.note.small{font-size:11px;height:24px;line-height:11px;width:24px}.note.xsmall{border-width:1.5px;font-size:11px;height:20px;letter-spacing:-.5px;line-height:11.5px;width:20px}.note.medium{font-size:13px;height:30px;line-height:13px;width:30px}.note.large{font-size:20px;height:50px;line-height:20px;width:50px}.note.pastel.staticNote{outline-offset:.5px}.dot,.note{align-items:center;display:grid}.highlightNote.pastel:hover,.pastel:hover{background-color:#fff}.A.pastel{background-color:#f9e4e4;background-color:var(--Apale);color:#a32f2f;color:var(--Adark)}.A{border-color:#a32f2f!important;border-color:var(--Adark)!important}.Asharp.pastel,.Bflat.pastel{background-color:#fbe8e2;background-color:var(--AsharpBflatpale);color:#b45530;color:var(--AsharpBflatdark)}.Asharp,.Bflat{border-color:#b45530!important;border-color:var(--AsharpBflatdark)!important}.B.pastel{background-color:#fce7d4;background-color:var(--Bpale);color:#b86f26;color:var(--Bdark)}.B{border-color:#b86f26!important;border-color:var(--Bdark)!important}.C.pastel{background-color:#fbf4d4;background-color:var(--Cpale);color:#a2871a;color:var(--Cdark)}.C{border-color:#a2871a!important;border-color:var(--Cdark)!important}.Csharp.pastel,.Dflat.pastel{background-color:#eef9d7;background-color:var(--CsharpDflatpale);color:#62842a;color:var(--CsharpDflatdark)}.Csharp,.Dflat{border-color:#62842a!important;border-color:var(--CsharpDflatdark)!important}.D.pastel{background-color:#e5faec;background-color:var(--Dpale);color:#268849;color:var(--Ddark)}.D{border-color:#268849!important;border-color:var(--Ddark)!important}.Dsharp.pastel,.Eflat.pastel{background-color:#e3f7f6;background-color:var(--DsharpEflatpale);color:#2a8176;color:var(--DsharpEflatdark)}.Dsharp,.Eflat{border-color:#2a8176!important;border-color:var(--DsharpEflatdark)!important}.E.pastel{background-color:#d5ebfb;background-color:var(--Epale);color:#2d669c;color:var(--Edark)}.E{border-color:#2d669c!important;border-color:var(--Edark)!important}.F.pastel{background-color:#fadff4;background-color:var(--Fpale);color:#a5378d;color:var(--Fdark)}.F{border-color:#a5378d!important;border-color:var(--Fdark)!important}.Fsharp.pastel,.Gflat.pastel{background-color:#f7e3fa;background-color:var(--FsharpGflatpale);color:#8c2a9e;color:var(--FsharpGflatdark)}.Fsharp,.Gflat{border-color:#8c2a9e!important;border-color:var(--FsharpGflatdark)!important}.G.pastel{background-color:#f3e2fc;background-color:var(--Gpale);color:#693194;color:var(--Gdark)}.G{border-color:#693194!important;border-color:var(--Gdark)!important}.Aflat.pastel,.Gsharp.pastel{background-color:#f8daeb;background-color:var(--GsharpAflatpale);color:#832d6b;color:var(--GsharpAflatdark)}.Aflat,.Gsharp{border-color:#832d6b!important;border-color:var(--GsharpAflatdark)!important}.octaveWrapper{background:#9494c666;border-radius:6px;display:grid;height:12px;justify-self:center;line-height:12px;text-align:center;vertical-align:middle;width:12px}.small .octaveWrapper{height:10px;line-height:10px;width:10px}.highlightNote .octaveWrapper{background:#2b2b4a45}.octave2.octaveWrapper,.octave3.octaveWrapper,.octave4.octaveWrapper,.octave5.octaveWrapper,.octave6.octaveWrapper{background:rgba(38,38,61,.206)}.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:rgba(76,80,106,.226)}.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:rgba(43,43,72,.632);color:#fff}.A{background-color:#c96666;background-color:var(--A)}.A.fontcoloronly{background-color:inherit;border:none;color:#c96666;color:var(--A)}.A.fontcoloronly.contrast{color:#2d3e4a;color:var(--darker-color)}.A.fontcoloronly:hover{background-color:inherit}.A:hover{background-color:#a32f2f;background-color:var(--Adark)}.A.staticNote:hover{background-color:#c96666;background-color:var(--A)}.A.piano-black-key{background-color:#a32f2f;background-color:var(--Adark)}.Asharp,.Bflat{background-color:#cb7f64;background-color:var(--AsharpBflat)}.Asharp.fontcoloronly,.Bflat.fontcoloronly{background-color:inherit;border:none;color:#cb7f64;color:var(--AsharpBflat)}.Asharp.fontcoloronly:hover,.Bflat.fontcoloronly:hover{background-color:inherit}.Asharp.piano-black-key,.Asharp:hover,.Bflat.piano-black-key,.Bflat:hover{background-color:#b45530;background-color:var(--AsharpBflatdark)}.Asharp.piano-black-key,.Bflat.piano-black-key{border-color:#0003}.Asharp.piano-black-key:hover,.Asharp.staticNote:hover,.Bflat.piano-black-key:hover,.Bflat.staticNote:hover{background-color:#cb7f64;background-color:var(--AsharpBflat)}.B{background-color:#cc9762;background-color:var(--B)}.B.fontcoloronly{border:none;color:#cc9762;color:var(--B)}.B.fontcoloronly,.B.fontcoloronly:hover{background-color:inherit}.B:hover{background-color:#b86f26;background-color:var(--Bdark)}.B.staticNote:hover{background-color:#cc9762;background-color:var(--B)}.C{background-color:#c1a94f;background-color:var(--C)}.C.fontcoloronly{background-color:inherit;border:none;color:#c1a94f;color:var(--C)}.C:hover{background-color:#a2871a;background-color:var(--Cdark)}.C.staticNote:hover{background-color:#c1a94f;background-color:var(--C)}.Csharp,.Dflat{background-color:#8ea561;background-color:var(--CsharpDflat)}.Csharp.fontcoloronly,.Dflat.fontcoloronly{background-color:inherit;border:none;color:#8ea561;color:var(--CsharpDflat)}.Csharp.fontcoloronly:hover,.Dflat.fontcoloronly:hover{background-color:inherit}.Csharp.piano-black-key,.Csharp:hover,.Dflat.piano-black-key,.Dflat:hover{background-color:#62842a;background-color:var(--CsharpDflatdark)}.Csharp.piano-black-key,.Dflat.piano-black-key{border-color:#0003}.Csharp.piano-black-key:hover,.Csharp.staticNote:hover,.Dflat.piano-black-key:hover,.Dflat.staticNote:hover{background-color:#8ea561;background-color:var(--CsharpDflat)}.D{background-color:#5ba073;background-color:var(--D)}.D.fontcoloronly{border:none;color:#5ba073;color:var(--D)}.D.fontcoloronly,.D.fontcoloronly:hover{background-color:inherit}.D:hover{background-color:#268849;background-color:var(--Ddark)}.D.staticNote:hover{background-color:#5ba073;background-color:var(--D)}.Dsharp,.Eflat{background-color:#5b9594;background-color:var(--DsharpEflat)}.Dsharp.fontcoloronly,.Eflat.fontcoloronly{background-color:inherit;border:none;color:#5b9594;color:var(--DsharpEflat)}.Dsharp.fontcoloronly:hover,.Eflat.fontcoloronly:hover{background-color:inherit}.Dsharp.piano-black-key,.Dsharp:hover,.Eflat.piano-black-key,.Eflat:hover{background-color:#2a8176;background-color:var(--DsharpEflatdark)}.Dsharp.piano-black-key,.Eflat.piano-black-key{border-color:#0003}.Dsharp.piano-black-key:hover,.Dsharp.staticNote:hover,.Eflat.piano-black-key:hover,.Eflat.staticNote:hover{background-color:#5b9594;background-color:var(--DsharpEflat)}.E{background-color:#5b89b4;background-color:var(--E)}.E.fontcoloronly{border:none;color:#5b89b4;color:var(--E)}.E.fontcoloronly,.E.fontcoloronly:hover{background-color:inherit}.E:hover{background-color:#2d669c;background-color:var(--Edark)}.E.staticNote:hover{background-color:#5b89b4;background-color:var(--E)}.F{background-color:#bc6daa;background-color:var(--F)}.F.fontcoloronly{border:none;color:#bc6daa;color:var(--F)}.F.fontcoloronly,.F.fontcoloronly:hover{background-color:inherit}.F:hover{background-color:#a5378d;background-color:var(--Fdark)}.F.staticNote:hover{background-color:#bc6daa;background-color:var(--F)}.Fsharp,.Gflat{background-color:#a96bb1;background-color:var(--FsharpGflat)}.Fsharp.fontcoloronly,.Gflat.fontcoloronly{background-color:inherit;border:none;color:#a96bb1;color:var(--FsharpGflat)}.Fsharp.fontcoloronly:hover,.Gflat.fontcoloronly:hover{background-color:inherit}.Fsharp.piano-black-key,.Fsharp:hover,.Gflat.piano-black-key,.Gflat:hover{background-color:#8c2a9e;background-color:var(--FsharpGflatdark)}.Fsharp.piano-black-key,.Gflat.piano-black-key{border-color:#0003}.Fsharp.piano-black-key:hover,.Fsharp.staticNote:hover,.Gflat.piano-black-key:hover,.Gflat.staticNote:hover{background-color:#a96bb1;background-color:var(--FsharpGflat)}.G{background-color:#9568b7;background-color:var(--G)}.G.fontcoloronly{border:none;color:#9568b7;color:var(--G)}.G.fontcoloronly,.G.fontcoloronly:hover{background-color:inherit}.G:hover{background-color:#693194;background-color:var(--Gdark)}.G.staticNote:hover{background-color:#9568b7;background-color:var(--G)}.Aflat,.Gsharp{background-color:#b16b93;background-color:var(--GsharpAflat)}.Aflat.fontcoloronly,.Gsharp.fontcoloronly{background-color:inherit;border:none;color:#b16b93;color:var(--GsharpAflat)}.Aflat.fontcoloronly:hover,.Gsharp.fontcoloronly:hover{background-color:inherit}.Aflat.piano-black-key,.Aflat:hover,.Gsharp.piano-black-key,.Gsharp:hover{background-color:#832d6b;background-color:var(--GsharpAflatdark)}.Aflat.piano-black-key,.Gsharp.piano-black-key{border-color:#0003}.Aflat.piano-black-key:hover,.Aflat.staticNote:hover,.Gsharp.piano-black-key:hover,.Gsharp.staticNote:hover{background-color:#b16b93;background-color:var(--GsharpAflat)}.contrast.default{background-color:#fff;border-color:rgba(72,95,113,.867)!important;color:#2d3e4a;color:var(--darker-color)}.contrast.default:hover{background-color:#cad2df;background-color:var(--lightest-dark-color)}.contrast.staticNote{outline-offset:.5px}.contrast.highlightNote{background-color:#5a6d7c;background-color:var(--dark-color);border-color:rgba(72,95,113,.867)!important;color:#fff}.contrast.highlightNote:hover{background-color:#2d3e4a;background-color:var(--darker-color)}.contrast.piano-white-key{background-color:#d7e5ee;background-color:var(--pale-dark-color);color:#2d3e4a;color:var(--darker-color)}.contrast.piano-white-key:hover{background-color:#a7bccb;background-color:var(--lighter-dark-color)}.contrast.piano-black-key{background-color:#5a6d7c;background-color:var(--dark-color)}.cellbackground,.octavebackground{align-items:center;display:grid;height:100%;justify-content:center;opacity:90%;position:absolute;width:100%}.cellbackground.tophalf,.octavebackground.tophalf{height:50%;top:0}.cellbackground.bottomhalf,.octavebackground.bottomhalf{height:50%;top:50%}.octavebackground{opacity:100%}.octavebackground.oct2{background:#075797b0}.octavebackground.oct3{background:rgba(0,115,208,.788);opacity:59%}.octavebackground.oct4{background:rgba(0,115,208,.788);opacity:37%}.octavebackground.oct5{background:rgba(0,115,208,.788);opacity:15%}.octavebackground.oct6{background:#cad2df;background:var(--lightest-dark-color);opacity:10%}.cellbackground.shapeRight{left:0;width:50%}.cellbackground.shapeLeft{left:50%;width:50%}.cellbackground.C{background:#e4cb7278;background:var(--Clight)}.cellbackground.C~.cellbackground.A{left:50%;width:50%}.cellbackground.C:has(+.cellbackground.A){width:50%}.cellbackground.A{background:#ffabab8c;background:var(--Alight)}.cellbackground.A~.cellbackground.G{left:50%;width:50%}.cellbackground.A:has(+.cellbackground.G){width:50%}.cellbackground.G{background:#cfa9eb85;background:var(--Glight)}.cellbackground.G~.cellbackground.E{left:50%;width:50%}.cellbackground.G:has(+.cellbackground.E){width:50%}.cellbackground.E{background:#a2ccf47d;background:var(--Elight)}.cellbackground.E~.cellbackground.D{left:50%;width:50%}.cellbackground.E:has(+.cellbackground.D){width:50%}.cellbackground.D{background:#9feab985;background:var(--Dlight)}.cellbackground.D~.cellbackground.C{left:50%;width:50%}.cellbackground.D:has(+.cellbackground.C){width:50%}.staticNote{background:none;cursor:default;outline:2px solid #a7bccb;outline:2px solid var(--lighter-dark-color);outline-offset:-1px}.staticNote,.staticNote:hover{color:#5a6d7c;color:var(--dark-color)}.staticNote:hover{background-color:initial}.staticNote.highlightNote,.staticNote.highlightNote:hover{color:#fff}.staticNote:hover{cursor:default}.notesHeader{grid-gap:5px;grid-template-columns:70px repeat(13,33px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.notesHeader,.notesHeader div{align-content:center;display:grid;grid-auto-flow:column;justify-content:center}.notesHeader div{grid-column-gap:0;background:#fff;border-radius:5px;column-gap:0}.notesHeader .ms-header,.notesHeader div:first-child{background:none;border:none}.notesHeader .ms-header{font-size:80%;font-weight:700;justify-content:center;text-transform:uppercase}.scaleList{grid-gap:3px;display:grid;font-family:Rajdhani,Helvetica,sans-serif,monospace;font-weight:600;gap:3px;grid-auto-flow:column;text-align:center}.scaleTable div.scaleList:last-of-type{border-bottom:none}.scaleInfo .scaleNote{padding:0}.scaleList .formula{display:grid;font-size:80%;font-weight:700;height:11px;line-height:80%;padding:3px 3px 1px}.formula.changed{background:#a5bfd3;border-radius:4px}.stepBottomMargin{margin-bottom:23px}.stepTopMargin{margin-top:17px}.stepMargin2{margin-bottom:6px}.scaleList .interval{color:#5a6d7c;color:var(--dark-color);font-size:80%}.cagedSelectorWrapper{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-auto-flow:column;justify-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cagedSelector{--cellW:5.5px;--cellH:3.5px;--numCols5:5;--numCols4:4;--numRows:6;display:grid;grid-template-columns:repeat(4,var(--cellW));height:calc(var(--cellH)*var(--numRows));width:calc(var(--cellW)*var(--numCols4))}.cagedSelector.caged5wide{grid-template-columns:repeat(5,var(--cellW));height:calc(var(--cellH)*var(--numRows));width:calc(var(--cellW)*var(--numCols5))}.cagedSelector div{height:var(--cellH);width:var(--cellW)}.cagedSelector.clickable:hover{cursor:pointer;opacity:80%}.cagedSelector:before{margin-top:3px}.cagedSelector.Asel:before,.cagedSelector.Csel:before,.cagedSelector.Dsel:before,.cagedSelector.Esel:before,.cagedSelector.Gsel:before{font-weight:700;margin-left:5px;position:absolute}.cagedSelector.Asel.shapeOn:before,.cagedSelector.Csel.shapeOn:before,.cagedSelector.Dsel.shapeOn:before,.cagedSelector.Esel.shapeOn:before,.cagedSelector.Gsel.shapeOn:before{color:#fff}.cagedSelector.Csel:before{color:#776727;color:var(--Cdarker);content:"C";margin-left:8px}.cagedSelector.Csel.shapeOn :nth-child(n+1):nth-child(-n+4),.cagedSelector.Csel.shapeOn :nth-child(n+13):nth-child(-n+15),.cagedSelector.Csel.shapeOn :nth-child(n+17):nth-child(-n+24),.cagedSelector.Csel.shapeOn :nth-child(n+6):nth-child(-n+11){background:#c1a94f;background:var(--C)}.cagedSelector.Csel :nth-child(n+1):nth-child(-n+4),.cagedSelector.Csel :nth-child(n+13):nth-child(-n+15),.cagedSelector.Csel :nth-child(n+17):nth-child(-n+24),.cagedSelector.Csel :nth-child(n+6):nth-child(-n+11){background:#e7e4d4;background:var(--Cmutedpale)}.cagedSelector.Asel{margin-left:calc(var(--cellW)*-1)}.cagedSelector.Asel:before{color:#8d2f2f;color:var(--Adarker);content:"A";margin-left:10px}.cagedSelector.Asel.shapeOn :nth-child(n+18):nth-child(-n+20),.cagedSelector.Asel.shapeOn :nth-child(n+2):nth-child(-n+4),.cagedSelector.Asel.shapeOn :nth-child(n+22):nth-child(-n+24),.cagedSelector.Asel.shapeOn :nth-child(n+6):nth-child(-n+16){background:#c96666;background:var(--A)}.cagedSelector.Asel :nth-child(n+18):nth-child(-n+20),.cagedSelector.Asel :nth-child(n+2):nth-child(-n+4),.cagedSelector.Asel :nth-child(n+22):nth-child(-n+24),.cagedSelector.Asel :nth-child(n+6):nth-child(-n+16){background:#e6d7d7;background:var(--Amutedpale)}.cagedSelector.Gsel{margin-left:-1px}.cagedSelector.Gsel:before{color:#643488;color:var(--Gdarker);content:"G";margin-left:6px}.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:#9568b7;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:#dfdae5;background:var(--Gmutedpale)}.cagedSelector.Esel{margin-left:calc(var(--cellW)*-1)}.cagedSelector.Esel:before{color:#336390;color:var(--Edarker);content:"E";margin-left:9px}.cagedSelector.Esel.shapeOn :nth-child(n+13):nth-child(-n+20),.cagedSelector.Esel.shapeOn :nth-child(n+2):nth-child(-n+4),.cagedSelector.Esel.shapeOn :nth-child(n+22):nth-child(-n+24),.cagedSelector.Esel.shapeOn :nth-child(n+6):nth-child(-n+11){background:#5b89b4;background:var(--E)}.cagedSelector.Esel :nth-child(n+13):nth-child(-n+20),.cagedSelector.Esel :nth-child(n+2):nth-child(-n+4),.cagedSelector.Esel :nth-child(n+22):nth-child(-n+24),.cagedSelector.Esel :nth-child(n+6):nth-child(-n+11){background:#d3dce6;background:var(--Emutedpale)}.cagedSelector.Dsel{margin-left:calc(var(--cellW)*-1)}.cagedSelector.Dsel:before{color:#246d3d;color:var(--Ddarker);content:"D";margin-left:11px}.cagedSelector.Dsel.shapeOn :nth-child(n+17):nth-child(-n+19),.cagedSelector.Dsel.shapeOn :nth-child(n+2):nth-child(-n+4),.cagedSelector.Dsel.shapeOn :nth-child(n+22):nth-child(-n+24),.cagedSelector.Dsel.shapeOn :nth-child(n+27):nth-child(-n+29),.cagedSelector.Dsel.shapeOn :nth-child(n+7):nth-child(-n+14){background:#5ba073;background:var(--D)}.cagedSelector.Dsel :nth-child(n+17):nth-child(-n+19),.cagedSelector.Dsel :nth-child(n+2):nth-child(-n+4),.cagedSelector.Dsel :nth-child(n+22):nth-child(-n+24),.cagedSelector.Dsel :nth-child(n+27):nth-child(-n+29),.cagedSelector.Dsel :nth-child(n+7):nth-child(-n+14){background:#d5dcd7;background:var(--Dmutedpale)}.modeFilters{grid-gap:10px;align-items:center;background:#fff;border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-top:0;display:grid;gap:10px;grid-auto-flow:column;justify-content:left;padding:10px 15px}.modeTables{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));grid-template-rows:masonry}.controlswrapper{grid-gap:8px;background:rgba(247,247,253,.675);border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-radius:10px;display:grid;gap:8px;justify-items:center;justify-self:center;padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.drag-handle-corner{cursor:move;-webkit-user-select:none;user-select:none}.grid{display:grid}.grid.tworows{grid-template-rows:auto 1fr}.gridcol1{justify-content:left}.gridcol1,.gridcol2{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-auto-flow:column}.gridcol2{justify-content:space-between}.pb0{padding-bottom:0}.p30{padding:30px}.plr5{padding:5px}.mt0{margin-top:0!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px}.ml10{margin-left:10px}.mr5{margin-right:5px}.ml5{margin-left:5px}.mr10{margin-right:10px}.ml20{margin-left:20px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mt5{margin-top:5px}.mt10{margin-top:10px}.m10{margin:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mtneg16{margin-top:-16px}.monospace{font-family:Courier New,monospace}.pre-wrap{white-space:pre-wrap}.chordpickerwidgetrow{border:1.5px solid #cad2df;border:1.5px solid var(--lightest-dark-color);border-top:none;padding:0 6px 6px}hr{border-top:1px solid #a7bccb;border-top:1px solid var(--lighter-dark-color);margin-bottom:20px}.bg1{background-color:#f1f3f7}.vl{align-items:center;border-left:1.5px solid #a7bccb;border-left:1.5px solid var(--lighter-dark-color);display:grid;height:95%;padding-left:10px}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@media print{body,html{background:#fff!important;margin:0 20px!important;padding:0!important}#landingheader,.adminnavbar,.chordpickerwrapper,.controlswrapper,.leftnav,.menu-trigger.drag-handle-corner,.modeFilters,.react-resizable-handle,.tabbutton,.topnotification,.widgetSelector{display:none}.containerforleftnavandbody{grid-template-columns:1fr}#mainNav{position:relative}}
/*# sourceMappingURL=main.598e9f50.css.map*/