:root{--primary-color:#feaa61;--secondary-color:#0179c4}.chord-nav-panel{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.chord-nav-panel .dropup .breakEdit,.chord-nav-panel .dropup .noteEdit,.chord-nav-panel .dropup .repeatEdit{width:100%}.chord-nav-panel .dropup button:focus{border:1px solid var(--primary-color);box-shadow:none;outline:none}.dropdown-menu.show{z-index:1050}.chord-not-inloop button{background-color:hsla(0,0%,100%,.75)!important}.measure-button,.undo-button{background:none;border:1px solid #333;border-radius:9999px;color:#333;font-size:1rem;padding:3px 12px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.measure-button:hover,.undo-button:hover{background-color:#333;color:#fff}.header-logo{margin:0 auto;width:fit-content}.header-logo img{max-width:100%;width:521px}.section-title{background:transparent;border:0;font-size:1.1em;font-weight:600;margin-top:16px;padding:0}.section-title:first-child{margin-top:0}.noteEdit.btn{border-color:var(--primary-color);border-radius:0;color:var(--primary-color)}.song-attribution{color:#343a40;font-size:12px}.btn-reset{background:none;border:none;color:inherit;font-size:inherit;padding:0}button.noteEdit.btn[data-toggle]:hover{color:#fff!important}.breakEdit.btn,.repeatEdit.btn{border-color:var(--primary-color);border-radius:0}@media (max-width:328px){.col.col-3.px-0 .form-control{font-size:.8rem}}@media (max-width:352px){.songControlBar-bpm.justify-content-between{width:75px}}@media (max-width:360px){.containChords .row{display:flex;margin-left:auto!important}}@media (max-width:382px){#key-select-mobile{font-size:.8rem}}@media (max-width:575px){.songPage{width:92%!important}.playNoteBtn h1{font-size:1rem;font-weight:700}.playNoteBtn.btn.btn-light{padding:.05rem}.col.col-3.px-0{flex:0 0 33%;max-width:33%}}#chord-grid{padding-bottom:400px}@media (max-width:768px){#key-select{display:none}#navbarNav{display:none!important}.songControlBar-bpm{align-items:center}[name=breakPoint]{font-size:.85rem!important}.dropup.justify-content-center{margin-left:auto;margin-right:6%}.saveWrap{width:25%}.row .dropup{margin-right:0!important}.dropdown-menu.file-drop{height:60vh!important;transform:translateX(-210px)}}@media (max-width:326px){.load{font-size:.9rem}}@media (max-width:338px){.load{bottom:292px;display:flex;left:0}}@media (max-width:418px) and (min-width:339px){.load{bottom:270px;display:flex;left:0}}@media (max-width:575px) and (min-width:419px){.load{bottom:235px;display:flex;left:0}}@media (max-width:768px) and (min-width:576px){.songPage{width:500px!important}.playNoteBtn h1{font-size:1rem;font-weight:600}.playNoteBtn.btn.btn-light{padding:.1rem}.container{max-width:540px!important}.load{bottom:235px;display:flex;left:105px}}@media (min-width:769px){#key-select-mobile{display:none}.songPage{width:90vw!important}.saveWrap{margin-bottom:11px}.playContain{width:143px!important}.fileContain{margin-left:0!important;margin-right:-30px!important}}@media (min-width:1024px){#chord-grid{padding-bottom:200px}.containChords{min-width:600px}}@media (min-width:1440px){.songPage.d-flex{transform:scaleX(.96)}}@media (min-width:1441px){.saveWrap{margin-left:auto!important;margin-right:auto!important;width:150px!important}.load{bottom:165px;display:flex;left:15vw}}@media (min-width:2560px){.load{bottom:165px;display:flex;left:29vw}}@media (max-width:991px) and (min-width:769px){.playNoteBtn h1{font-size:1.5rem}.load{bottom:165px;display:flex;left:16px}}@media (max-width:1024px) and (min-width:992px){.load{bottom:165px;display:flex;left:95px}}@media (min-width:992px){.navbar-brand.mx-auto.h1{width:210px}.load .dropright{margin-left:2px;margin-right:5px}}@media (min-width:1025px) and (max-width:1200px){.load{bottom:165px;display:flex;left:175px}}@media (min-width:1221px) and (max-width:1439px){.load{bottom:165px;display:flex;left:175px}}@media (min-width:1440px) and (max-width:1599px){.load{bottom:165px;display:flex;left:270px}}@media (min-width:1600px) and (max-width:1699px){.load{bottom:165px;display:flex;left:21.5%}}@media (min-width:1700px){.load{bottom:165px;display:flex;left:27.5%}}main{padding-top:2rem}.form-control[name=breakPoint]{background-color:#343a40;border-color:#e1e1e1;color:#e1e1e1}.form-control{border-radius:0!important}body{background-image:url(background.svg);background-position:50%;background-repeat:no-repeat;font-family:sans-serif;padding-bottom:5%}.editTitle::placeholder{color:#cdd8df}.songControlBar-container{display:flex;justify-content:space-between}.songControlBar-bpm,.songControlBar-items,.songControlBar-title{display:flex}.songControlBar-items{justify-content:space-between}.navbar-brand.mx-auto.h1{top:0}.editTitle{background:none;background-color:#f6f6f6;border:none;font-size:1.2rem;font-weight:500;min-width:100%;padding:0;padding:10px!important;text-align:center}@media only screen and (min-width:600px){.editTitle{font-size:1.75rem}}@media only screen and (min-width:768px){.editTitle{font-size:2rem}}@media only screen and (min-width:992px){.editTitle{font-size:2.75rem}}.saveWrap{display:flex}.fileContain,.playContain{margin-left:2vw;width:12vw}#instructText{color:#fff;font-weight:400;margin-bottom:3px}.panel-button{align-items:center;background-color:transparent;border:1px solid #fff;border-radius:0;color:#e1e1e1;display:flex;flex:1 1 0%;font-size:1rem;gap:4px;margin-bottom:3px;margin-right:3px;padding:6px 12px;text-align:center;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.panel-button:hover{background-color:#333;color:#fff;text-decoration:none}.panel-button:focus{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:0;color:#333;outline:none;text-decoration:none}.panel-button.help{background-color:#0179c4;border:1px solid #8cc7eb}.panel-button.help:hover{background-color:#044973}.modal-dialog .modal-content{border-radius:0;left:0;position:absolute;right:0;top:0;width:100%}.modal-content a{color:#333}.modal-title{color:#333;font-size:1.2rem;font-weight:700}.grid-row,.relative{position:relative}.btn-delete-row{background-color:transparent;border:1px solid #333;border-radius:6px;display:none;position:absolute;right:-100px;top:20px}.grid-row.hovered .btn-delete-row{display:block}@media screen and (min-width:768px){.modal{height:auto}.modal-content{max-height:fit-content}.modal-body{flex:initial;max-height:max-content;overflow-y:scroll}}button.erase-file{background:none;border:none;color:#333;display:block;text-align:left}button.delete-button{align-items:center;background:none;border:none;color:#ff0037;display:flex;gap:5px;height:28px}button.delete-button:disabled{opacity:.4}button.save-button{align-items:center;background-color:#0179c4;border:1px solid #0179c4;border-radius:3px;color:#fff;display:flex;font-weight:700;gap:5px;justify-content:center;padding:8px 24px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}button.save-button:not([disabled]):hover{background-color:#338bc1;border:1px solid #338bc1;color:#fff}button.save-button:disabled{opacity:.35}button.play-button{align-items:center;background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:3px;color:#333;display:flex;font-weight:700;gap:5px;justify-content:center;padding:8px 24px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}button.play-button:hover{background-color:#f8b981;border:1px solid #f8b981;color:#634225}button#playbackControlBtnStop{animation-duration:2s;animation-iteration-count:infinite;animation-name:playButton;background-color:#f8b981;border:1px solid #f8b981;color:#845933}.button-wrap{align-items:center;display:flex;flex-direction:column;gap:16px}.navbar-container{margin:0 auto;max-width:960px;width:100%}.label.m-0{color:#676767;font-weight:600}.decreaseButton.btn,.increaseButton.btn{align-items:center;border-color:#e1e1e1;border-radius:0;color:#e1e1e1;display:flex;height:28px;justify-content:center;padding:0 6px 2px;width:28px}.currentBpm{color:#e1e1e1;font-size:1rem;line-height:1;margin:0;padding:0 6px;white-space:nowrap}@include media-breakpoint-between(xs, md){.btn{@include button-size(
      $input-btn-padding-y-sm,
      $input-btn-padding-x-sm,
      $font-size-sm,
      $line-height-sm,
      $btn-border-radius-sm
    )}}.loading-opacity{opacity:.5}.btn-primary{background-color:var(--primary-color)!important;border:1px solid var(--primary-color)!important;color:#fff!important}.playNoteBtn{border-radius:0!important;min-width:8%}.playNoteBtn:focus{background-color:#e0e0e0}.breakButton{background-image:url(linebreak.png)}.breakButton,.repeatEnd{background-position:100%;background-repeat:no-repeat;background-size:contain}.repeatEnd{background-image:url(repeat.png)}.repeatStart{background-image:url(entry.png);background-position:0;background-repeat:no-repeat;background-size:contain}.breakEdit{background-image:url(breakbutton.svg)}.breakEdit,.repeatEdit{background-position:50%;background-repeat:no-repeat;background-size:contain}.repeatEdit{background-image:url(repeatbutton.svg)}.closeInst{color:#aaa;font-size:28px;font-weight:700;text-align:right}.closeInst:focus,.closeInst:hover{color:#000;cursor:pointer;text-decoration:none}.example-image{margin-bottom:24px;width:-webkit-fill-available}#Loader{background-color:#b9a19a;height:100%;position:fixed;text-align:center;width:100%;z-index:2000}.songs-pagination{align-items:center;border:1px solid #cdcdcd;border-radius:9999px;display:inline-flex;margin:0 auto;padding:6px 12px}.songs-pagination .spinner{color:#9c9c9c}.songs-pagination .btn-spinner{display:flex;justify-content:center;width:35px}.songs-pagination-wrapper .songs-total{color:#9c9c9c;padding-bottom:6px}.songs-pagination .btn:disabled{color:#9c9c9c}.song-list-item{align-items:start;border-bottom:1px solid #eee;display:flex!important;flex-direction:column;justify-content:space-between;padding:8px;text-align:left;width:100%}.song-list-item span{color:#ccc;font-size:14px;text-align:right}.song-list-item:last-child{border-bottom:none}.song-list-item:hover{background-color:#f6f6f6;color:#000;text-decoration:none}.song-list-item-wrapper button{background:none;border:none;color:#f51042;margin:0;padding:0}.erase-file.song-list-item{color:#333;flex-direction:row}.spinner{animation-duration:2s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}.song-options{column-gap:.75rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:1rem;row-gap:.5rem}.flex-1{flex:1 1 0%}.gap-4{gap:1rem}.gap-2{gap:.5rem}.w-40{width:10rem}.border{border-width:1px}.rounded-full{border-radius:9999px!important}.max-w-5xl{max-width:64rem}.max-w-5xl,.max-w-7xl{margin:0 auto;padding:0 1rem;width:100%}.max-w-7xl{max-width:80rem}.max-w-fit{max-width:fit-content}.mx-auto{margin-left:auto!important;margin-right:auto!important}.navbar.action-panel{padding:0}.navbar .action-panel-minimize{color:#fff!important;padding:6px;position:absolute;right:0;top:0}.navbar .action-panel-minimize.collapsed{rotate:180deg}#navbarNavMob{display:none}#navbarNavMob.show{display:block}#chordPanel{display:none}#chordPanel.show{display:block}#chordPanelDescription{display:none}#chordPanelDescription.show{display:flex}.undo-button:disabled{opacity:.35}.undo-button:disabled:hover{background-color:transparent;color:initial}.jam-light{background:#333;border:5px solid #555;border-radius:100px;display:inline-flex;gap:5px;padding:5px}.jam-light,.jam-light-wrapper{align-items:center;flex-direction:column;justify-content:center}.jam-light-wrapper{display:flex;padding:10px;position:fixed;right:0;top:0;width:100px;z-index:1020}.jam-light .light{border:none;border-radius:100%;height:30px;opacity:.35;transition:all .25s;width:30px}.jam-light .light[data-jam-light-active]{opacity:1}.jam-light .light.red{background-color:#fe0002}.jam-light .light.red[data-jam-light-active]{box-shadow:0 0 25px 5px #fe0002}.jam-light .yellow{background-color:#ffff01}.jam-light .light.yellow[data-jam-light-active]{box-shadow:0 0 25px 5px #ffff01}.jam-light .green{background-color:#3ab34a}.jam-light .light.green[data-jam-light-active]{box-shadow:0 0 25px 5px #3ab34a}#jamLightMessage{color:#555;font-size:32px;font-weight:700}#help-page{background-color:rgba(0,0,0,.8);color:#fff;display:none;height:100%;left:0;overflow:scroll;padding:20px;position:fixed;top:0;width:100%;z-index:1040}.tutorial-button{background-color:#ee4e4e;border-radius:4px;bottom:8px;color:#fff;font-size:16px;font-weight:700;line-height:0%;margin:24px auto;padding:4px 8px;position:absolute;right:8px;width:fit-content}#help-page h2{color:#fff;font-size:1.5rem;font-weight:700;padding-right:30px}#help-page .dismiss{align-items:center;background:none;border:none;color:#fff;display:flex;font-size:2.5rem;height:50px;justify-content:center;line-height:1;position:absolute;right:0;top:0;width:50px}@keyframes playButton{0%{background-color:var(--primary-color);color:#774d29}50%{background-color:#ffd1a9;color:#d18a4d}to{background-color:var(--primary-color);color:#774d29}}@keyframes saveButton{0%{background-color:#0179c4}50%{background-color:#699dbd}to{background-color:#0179c4}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:768px){.jam-light{padding:10px}.jam-light-wrapper{padding:20px;width:150px}.jam-light .light{height:50px;width:50px}}@media (min-width:1024px){.measure-button,.undo-button{font-size:1.2rem;padding:6px 24px}.max-w-5xl{padding:0}#chordPanelDescription{display:flex}#chordPanel{display:block}.song-options{grid-template-columns:repeat(5,minmax(0,1fr))}}.measure-number{align-items:center;background-color:#ffffff6c;border-radius:999px;color:#b1b1b1;display:flex;font-size:11px;font-weight:700;height:10px;justify-content:center;left:6px;pointer-events:none;position:absolute;top:6px;width:10px}@media screen and (max-width:600px){.measure-number{font-size:10px;left:1px;top:1px}}.col.dropdown{position:relative}