.loading-dots[data-v-75328109]{display:inline-block;width:12px}.error-container[data-v-a3b96c7a],.loading-container[data-v-a3b96c7a]{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;width:100%;left:0;padding-bottom:15vh}.error-container .loading-feedback[data-v-a3b96c7a],.loading-container .loading-feedback[data-v-a3b96c7a]{height:150px;position:relative}.error-container .loading-feedback[data-v-a3b96c7a]:before,.error-container .loading-feedback[data-v-a3b96c7a]:after,.loading-container .loading-feedback[data-v-a3b96c7a]:before,.loading-container .loading-feedback[data-v-a3b96c7a]:after{content:"";width:15px;height:15px;display:block;position:relative;margin:10px auto;border-radius:50%;background:currentColor;box-shadow:0 50px,0 100px;animation:left-a3b96c7a 1s infinite ease-in-out}.error-container .loading-feedback[data-v-a3b96c7a]:before,.loading-container .loading-feedback[data-v-a3b96c7a]:before{color:var(--logo-secondary-dark)}.error-container .loading-feedback[data-v-a3b96c7a]:after,.loading-container .loading-feedback[data-v-a3b96c7a]:after{color:var(--logo-primary-medium);animation:right-a3b96c7a 1.1s infinite ease-in-out}@keyframes right-a3b96c7a{0%,to{transform:translate(-15px)}50%{transform:translate(15px)}}@keyframes left-a3b96c7a{0%,to{transform:translate(15px)}50%{transform:translate(-15px)}}.error-container .loading-message[data-v-a3b96c7a],.error-container .error-message[data-v-a3b96c7a],.loading-container .loading-message[data-v-a3b96c7a],.loading-container .error-message[data-v-a3b96c7a]{padding:52px;white-space:nowrap}.rename-notebook-modal-container .rename[data-v-30ec4755]{margin-top:15px;width:100%}.page-details-container[data-v-44e6a91b]{min-width:0}.page-details-container .current-page[data-v-44e6a91b]{align-items:center;display:flex;white-space:nowrap;gap:5px}.page-details-container .current-page.selected-notebook[data-v-44e6a91b]{position:relative;padding:0}.page-details-container .current-page.selected-notebook .notebook-dropdown-menu[data-v-44e6a91b]{min-width:63px}.page-details-container .current-page .page-name[data-v-44e6a91b]{overflow:hidden;text-overflow:ellipsis;min-width:0}.sync-status[data-v-7627b5d1]{align-items:center;white-space:normal}.sync-status .sync-status-icon.error[data-v-7627b5d1]{color:var(--warning-color-hard)}.sync-status .sync-status-icon.promoted[data-v-7627b5d1]{background-color:var(--neutral-color-soft);border-radius:50%;height:22px;line-height:20px;padding-left:1px;position:absolute;right:10px;text-align:center;top:10px;width:22px;overflow:hidden}.sync-status .sync-status-icon.promoted.error[data-v-7627b5d1]{background-color:transparent;color:var(--warning-color);font-size:18px;z-index:0;top:12px;right:12px}.sync-status .sync-status-icon.promoted.error[data-v-7627b5d1]:after{content:"";width:3px;height:8px;background-color:#fff;position:absolute;top:8px;left:10px;z-index:-1}.sync-status .sync-status-text[data-v-7627b5d1]{text-align:left;font-size:11px}.user-dropdown-menu.show[data-v-e7757c09]{background-color:var(--gray-200)}.user-dropdown-menu .avatar-container[data-v-e7757c09]{position:relative;width:16px;height:32px}.user-dropdown-menu .avatar-container .avatar-image[data-v-e7757c09]{width:32px;height:32px;margin:0 -8px;border-radius:50%}.dropdown-menu[data-v-e7757c09]{min-width:220px;max-width:290px}.dropdown-menu .login-button[data-v-e7757c09]{display:flex;flex-direction:column;height:auto}.dropdown-menu .login-button .login-features[data-v-e7757c09]{font-size:11px;white-space:normal}.dropdown-menu .dropdown-header[data-v-e7757c09]{cursor:default;padding-bottom:0}.dropdown-menu .dropdown-header .user-email[data-v-e7757c09]{overflow:hidden;text-overflow:ellipsis}.dropdown-menu .dropdown-submenu[data-v-e7757c09]{list-style:none;padding-left:0}.dropdown-menu .dropdown-submenu li a[data-v-e7757c09]{padding-left:32px}.header[data-v-6598888d]{display:flex;flex-wrap:nowrap}.header .navbar-section[data-v-6598888d]{align-items:center}.header .navbar-section.navigation[data-v-6598888d]{min-width:0}.header .navbar-section.toolbar[data-v-6598888d]{flex-grow:1;justify-content:flex-end}.header .navbar-section.toolbar .search-container[data-v-6598888d]{display:inline-block;height:40px;margin-right:2px;position:relative;transition:all .4s ease;vertical-align:bottom;width:40px;min-width:40px}.header .navbar-section.toolbar .search-container[data-v-6598888d]:focus-within,.header .navbar-section.toolbar .search-container.with-value[data-v-6598888d]{position:absolute;right:114px;width:calc(100% - 165px)}.header .navbar-section.toolbar .search-container .search[data-v-6598888d]{height:100%;max-width:210px;position:absolute;padding-right:25px;right:0;width:100%;z-index:10}.header .navbar-section.toolbar .search-container .search[data-v-6598888d]:focus,.header .navbar-section.toolbar .search-container .search[data-v-6598888d]:not(:placeholder-shown){padding-right:12px}.header .navbar-section.toolbar .search-container .search:focus+.search-button[data-v-6598888d],.header .navbar-section.toolbar .search-container .search:not(:placeholder-shown)+.search-button[data-v-6598888d]{opacity:0}.header .navbar-section.toolbar .search-container .search[data-v-6598888d]:placeholder-shown{text-overflow:ellipsis}@media(min-width:576px){.header .navbar-section.toolbar .search-container .search[data-v-6598888d]{min-width:210px}}@media(min-width:768px){.header .navbar-section.toolbar .search-container .search[data-v-6598888d]{min-width:280px}}.header .navbar-section.toolbar .search-container .search-button[data-v-6598888d]{pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:40px;z-index:100}@media(min-width:1400px){.header[data-v-6598888d]{transform:translateY(0)!important;opacity:1!important}}.sidebar-content[data-v-0e69fcb3]{display:flex;flex-direction:column;height:100%;justify-content:space-between}.sidebar-content .nav-section-header[data-v-0e69fcb3]{padding-left:12px;padding-bottom:12px}.sidebar-content .nav-pills[data-v-0e69fcb3]{margin-bottom:0!important;padding-right:12px}.sidebar-content .nav-pills li .nav-link[data-v-0e69fcb3]{align-items:center;border-radius:0 30px 30px 0;display:flex;height:48px;justify-content:space-between;width:100%}.sidebar-content .nav-pills li .nav-link.nav-sub-link[data-v-0e69fcb3]{padding-left:33px;font-weight:300}.sidebar-content .nav-pills li .nav-link .songs-count[data-v-0e69fcb3]{margin-right:5px;padding:8px}.sidebar-content i[data-v-0e69fcb3]{margin-right:5px}.sidebar-content .patreon-icon[data-v-0e69fcb3]{width:16px;height:16px;margin-right:5px}.sidebar-content .app-version[data-v-0e69fcb3]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:8px 12px;font-size:13px}.sidebar-content .app-version .app-version-status[data-v-0e69fcb3]{font-size:11px;font-weight:300}.sidebar-content .app-version .btn[data-v-0e69fcb3]{font-size:14px}.quota-item[data-v-0e69fcb3]{padding:10px 12px}.songs-quota-compact .extra-small[data-v-0e69fcb3]{font-size:11px}.songs-quota-compact .progress.thin[data-v-0e69fcb3]{height:4px;background-color:var(--gray-200);border-radius:8px;overflow:hidden}.songs-quota-compact .progress-bar[data-v-0e69fcb3]{height:100%;transition:width .2s ease-in-out}.app-name[data-v-2e69be39]{display:flex;justify-content:center;flex-direction:column;align-items:center}.app-name .brand[data-v-2e69be39]{align-items:center;color:var(--text-color);display:flex;gap:6px;margin-right:1rem;min-width:0;text-decoration:none}.app-name .brand .logo[data-v-2e69be39]{flex:0 0 auto;height:2rem;margin-right:.5rem}.app-name .brand .logo img[data-v-2e69be39]{height:100%}.app-name .brand .title[data-v-2e69be39]{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-name .app-description[data-v-2e69be39]{text-align:center;text-transform:uppercase;white-space:nowrap}.offcanvas-sidebar[data-v-716ceb32]{max-width:80%}.offcanvas-sidebar .offcanvas-header[data-v-716ceb32]{background-color:var(--surface-container-low);border-bottom:solid 1px var(--border-color);height:62px}.offcanvas-sidebar .offcanvas-body[data-v-716ceb32]{background-color:var(--surface);padding-left:0;padding-right:0;padding-top:.5rem;padding-bottom:.5rem}.sticky-sidebar[data-v-38501f27]{display:none;height:100%}@media(min-width:1400px){.sticky-sidebar[data-v-38501f27]{width:280px;display:flex;flex-direction:column;position:fixed;top:0}}.sticky-sidebar .sticky-header[data-v-38501f27]{background-color:var(--surface-container-highest);border-bottom:solid 1px var(--border-color);height:62px}.sticky-sidebar .sidebar-sticky[data-v-38501f27]{flex-grow:1;padding-top:.5rem;padding-bottom:.5rem}.footer[data-v-913d565b]{background-color:var(--surface-container-highest);border-top:solid 1px var(--border-color);padding:8px}@media(min-width:1400px){.footer[data-v-913d565b]{display:none}}.footer .container[data-v-913d565b]{position:relative;justify-content:center}.footer .container .create-song[data-v-913d565b]{position:absolute;right:20px;top:0;transform:translateY(calc(-100% - 17px));box-shadow:0 .125rem .25rem #00000013}@media(pointer:coarse){.footer .container .create-song[data-v-913d565b]{right:7px}}.footer .container .navigation-container .footer-link[data-v-913d565b]{gap:0;height:50px;min-width:90px;width:90px}.footer .container .navigation-container .footer-link.router-link-active .footer-link-icon.hide-on-active[data-v-913d565b]{display:none}.footer .container .navigation-container .footer-link:not(.router-link-active) .footer-link-icon.hide-on-inactive[data-v-913d565b]{display:none}.footer .container .navigation-container .footer-link .footer-link-icon[data-v-913d565b]{font-size:18px}.footer .container .navigation-container .footer-link .footer-link-text[data-v-913d565b]{font-size:14px}.layout-content[data-v-0ad00db6]{height:100%;position:relative;overflow:auto}@media(min-width:1400px){.layout-content[data-v-0ad00db6]{height:calc(100% - 62px);margin-top:62px;margin-left:300px}}.empty-notebook-warning[data-v-60b15455],.login-warning[data-v-721c78d7]{margin-top:-15px;margin-bottom:30px}.color-modal .grid[data-v-48d68014]{display:grid;grid-template-columns:repeat(6,30px);gap:12px;justify-content:center}.color-modal .cell[data-v-48d68014]{width:30px;height:30px;padding:0;position:relative;border-radius:50%;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.color-modal .cell .selected-color[data-v-48d68014]{background-color:var(--primary-color);border-radius:50%;font-size:14px;height:16px;pointer-events:none;position:absolute;right:-6px;top:-6px;width:16px}.color-modal .cell.selected[data-v-48d68014]{outline:3px solid var(--primary-color)}.color-modal .cell[data-v-48d68014]:not(.selected):hover{outline:3px solid var(--neutral-color-hard)}.color-modal .cell .swatch[data-v-48d68014]{width:30px;height:30px;border-radius:50%}.color-modal .cell .swatch-default[data-v-48d68014]{background:linear-gradient(45deg,#fff 0 48%,transparent 48% 52%,#fff 52% 100%),repeating-linear-gradient(45deg,#ccc 0 10px,#eee 10px 20px);outline:3px solid #ccc}.export-modal-title[data-v-a9bdf523]{align-items:flex-end;display:flex;justify-content:center}.export-modal-title .beta-badge[data-v-a9bdf523]{font-size:10px}.export-modal-container .configuration-container[data-v-a9bdf523]{display:flex;flex-direction:column}.export-modal-container .configuration-container .ascii-width-value[data-v-a9bdf523]{text-align:center}.export-modal-container .ascii-text[data-v-a9bdf523]{background-color:var(--gray-25);border:solid 1px var(--gray-200);font-family:monospace;font-size:10px;min-height:350px;outline:none;overflow:scroll;padding:25px;resize:none;scrollbar-width:thin;text-wrap:nowrap;width:100%}.export-options[data-v-a9bdf523]{display:flex;justify-content:flex-end;width:100%}.export-options-container[data-v-66b4a4b7]{display:flex;flex-direction:column;gap:10px}.export-options-container .export-option[data-v-66b4a4b7]{align-items:center;display:flex;gap:10px;justify-content:center}.move-modal-container[data-v-1428e2f2]{display:flex;flex-direction:column;gap:10px}.move-modal-container .move-information-container[data-v-1428e2f2]{display:flex;flex-direction:column;margin-bottom:10px;padding:10px 20px}.move-modal-container .move-information-container .move-information-block[data-v-1428e2f2]{display:flex;gap:15px}.move-modal-container .move-information-container .move-information-block .move-information-label[data-v-1428e2f2]{text-wrap:nowrap}.move-modal-container .move-information-container .move-information-block .move-information-value[data-v-1428e2f2]{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.move-modal-container .custom-notebooks-container[data-v-1428e2f2]{display:flex;flex-direction:column;gap:5px;min-height:350px;max-height:350px}.move-modal-container .custom-notebooks-container .custom-notebooks-list[data-v-1428e2f2]{background-color:var(--surface-container-lowest);display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;margin:5px 0}.move-modal-container .custom-notebooks-container .custom-notebooks-list .btn[data-v-1428e2f2]{justify-content:flex-start}.move-modal-container .custom-notebooks-container .create[data-v-1428e2f2]{display:block;overflow:hidden;text-align:center;text-overflow:ellipsis;min-height:40px}.move-modal-container .custom-notebooks-result[data-v-1428e2f2]{align-items:center;color:var(--text-color-soft);display:flex;flex-direction:row;font-size:14px;gap:10px;padding:0 15px;justify-content:center;white-space:normal;margin-top:80px}.share-modal-container{display:flex;flex-direction:column;gap:15px}.share-modal-container .share-information-container{display:flex;flex-direction:column;margin-bottom:10px;padding:10px 20px}.share-modal-container .share-information-container .share-information-block{display:flex;gap:15px}.share-modal-container .share-information-container .share-information-block .share-information-label{text-wrap:nowrap}.share-modal-container .share-information-container .share-information-block .share-information-value{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.share-modal-container .form-row.visibility-row{margin-bottom:15px}.share-modal-container .form-row.visibility-row .visibility-container{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}.share-modal-container .form-row.link-row{position:relative;display:flex}.share-modal-container .form-row.link-row input{padding-right:120px}.share-modal-container .form-row.link-row button{border-radius:5px;height:42px;position:absolute;right:0;top:1px}.share-modal-container .visibility-icon{align-items:center;border-radius:25px;background-color:var(--surface-container);display:flex;height:32px;justify-content:center;width:32px;min-width:32px}.share-modal-container .visibility-value{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1}.share-modal-container .visibility-select{flex-grow:1;width:100%}.share-modal-container .visibility-description{font-size:.8em;padding:5px;text-align:left}.share-modal-container .share-link{flex-grow:1;font-size:.8em;height:44px!important;min-width:0;width:auto}.share-modal-container .copy-link{min-width:120px;width:120px}.share-modal-container .spinner-border-overlay{color:#cdcee4!important;height:40px;margin-left:0;margin-top:-1px;width:40px}.song-actions[data-v-8b78dbe6]{list-style:none;margin:0;padding:0}.song-sync-status[data-v-0e8c8b13]{align-items:center;white-space:normal}.song-sync-status .song-sync-status-icon.error[data-v-0e8c8b13]{color:var(--warning-color)}.song[data-v-16c2f951]{background-color:var(--surface);padding:0;position:relative}.song:first-child .song-color[data-v-16c2f951]{border-top-left-radius:6px}.song:last-child .song-color[data-v-16c2f951]{border-bottom-left-radius:6px}.song .navigation-wrapper[data-v-16c2f951]{height:48px;padding:16px;width:100%;border-radius:0}.song .song-color[data-v-16c2f951]{position:absolute;top:0;bottom:0;left:0;width:6px}.song .title[data-v-16c2f951]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:700}.song .song-actions-container[data-v-16c2f951]{margin:-12px 0}.list-group[data-v-e8b4aa7f]{margin-bottom:80px}.preview[data-v-15d67999]{background-color:var(--surface);display:flex;flex-wrap:wrap;height:170px;overflow:hidden}.song .card:hover .card-header[data-v-1fbf83e9],.song .card:hover .card-body[data-v-1fbf83e9]{cursor:pointer}.song .card.coloured[data-v-1fbf83e9]{padding-left:6px;border-left-color:transparent}.song .card .card-header[data-v-1fbf83e9]{min-height:30px;line-height:30px}.song .card .card-header .song-sync-status[data-v-1fbf83e9]{position:absolute;top:0;right:5px}.song .card .card-body .preview[data-v-1fbf83e9]{background-color:var(--surface);margin-top:-10px}.preview-group[data-v-09f196b0]{margin-bottom:80px}.songs-summary[data-v-18039737]{display:flex;flex-direction:column;flex-wrap:wrap;margin-bottom:30px;min-height:34px}.songs-summary .notification[data-v-18039737]{align-items:center;color:var(--text-color-soft);display:flex;flex-direction:row;gap:10px;padding:5px 10px;justify-content:center}.songs[data-v-f7720b19]{padding-bottom:90px;padding-top:120px}@media(min-width:576px){.songs[data-v-f7720b19]{padding-top:90px}}@media(min-width:1400px){.songs[data-v-f7720b19]{padding-top:30px}}.songs .create-song[data-v-f7720b19]{margin-bottom:30px}.songs .mode-name[data-v-f7720b19]{text-transform:uppercase;font-size:11px;font-weight:700;margin:0 15px 15px;filter:grayscale(1)}.load-failure-container[data-v-e0acaf6a]{padding-top:90px;padding-bottom:90px;text-align:center}.load-failure-container .title[data-v-e0acaf6a]{font-weight:500;padding-bottom:20px}.hg-candidate-box[data-v-2e5970fb]{background:transparent;border-bottom:none;border-radius:5px;box-shadow:var(--shadow-sm);font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;margin-left:2px;margin-top:-5px;min-width:40%;position:absolute;transform:translateY(0);transition:all .2s ease-in-out;top:-52px;-webkit-user-select:none;user-select:none;z-index:10}.hg-candidate-box.hide[data-v-2e5970fb]{transform:translateY(115%)}.hg-candidate-box-next[data-v-2e5970fb],.hg-candidate-box-prev[data-v-2e5970fb]{display:none}ul.hg-candidate-box-list[data-v-2e5970fb]{background:var(--primary-color-soft);border-radius:5px;display:flex;flex:1;gap:1px;justify-content:space-around;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item[data-v-2e5970fb]{align-items:center;display:flex;flex-grow:1;height:52px;justify-content:space-between;padding:5px 6px;width:64px}li.hg-candidate-box-list-item[data-v-2e5970fb]:first-child{border-bottom-left-radius:5px;border-top-left-radius:5px;border-left:solid 3px var(--keyboard-primary-border-color)}li.hg-candidate-box-list-item[data-v-2e5970fb]:last-child{border-bottom-right-radius:5px;border-top-right-radius:5px;border-right:solid 3px var(--keyboard-primary-border-color)}li.hg-candidate-box-list-item[data-v-2e5970fb]:not(:last-child){border-right:solid 1px var(--keyboard-primary-border-color)}li.hg-candidate-box-list-item .fret[data-v-2e5970fb]{flex-grow:1;text-align:center}.keyboard-container[data-v-8d1629e5]{transition:all var(--eaef2324) ease-in-out}.keyboard-container:not(.hidden).collapsed[data-v-8d1629e5]{transform:var(--v3d0dac13)}.keyboard-container .collapse-toggle[data-v-8d1629e5]{height:var(--v7bae2fa6)}.zoom-controls[data-v-b22a6b3d]{background-color:var(--surface-container-highest);border:solid 1px var(--border-color);border-radius:30px;position:absolute;right:12px;top:60px;overflow:hidden;-webkit-user-select:none;user-select:none;z-index:-1}.zoom-controls .zoom-control[data-v-b22a6b3d]{background-color:var(--surface-container);border-right:solid 1px var(--border-color)!important;border-radius:0;padding:10px 14px}.zoom-controls .zoom-control[data-v-b22a6b3d]:hover{background-color:#00000012;cursor:pointer}.zoom-controls .zoom-control[data-v-b22a6b3d]:first-child{border-radius:30px 0 0 30px}.zoom-controls .zoom-control[data-v-b22a6b3d]:last-child{border-radius:0 30px 30px 0;border-right:none}.zoom-controls .zoom-value[data-v-b22a6b3d]{line-height:40px;min-width:68px;justify-content:center}.zoom-controls.unsupported[data-v-b22a6b3d]:hover{cursor:not-allowed}.header[data-v-7e6780ef]{border-left:var(--v72dff933)}.header .container[data-v-7e6780ef]{column-gap:25px;flex-wrap:nowrap;position:relative;padding-left:var(--v47581678)}.header .container .toolbar[data-v-7e6780ef]{justify-content:flex-end}.annotation-input-container[data-v-b2ef4826]{position:absolute;top:var(--f75a9bc6);left:var(--v05ffc83f);transform:translate(-50%,-50%)}.annotation-input-container .add-annotation[data-v-b2ef4826]{color:var(--text-color-secondary)!important}.annotation-input-container .add-annotation[data-v-b2ef4826]:not(.disabled):hover{background-color:var(--secondary-color-soft)}.text-input-container[data-v-680fd549]{cursor:var(--v3d3f8215);height:1px;left:var(--v23056bd4);position:absolute;top:var(--v3aefc7e8);-webkit-user-select:var(--v687c34ab);user-select:var(--v687c34ab);width:1px}.text-input[data-v-680fd549]{background:none;border:none;outline:none;cursor:var(--v3d3f8215);display:inline-block;transform:translate(-50%,-50%) scale(.85);padding:0 6px;font-size:12pt;-webkit-user-select:var(--v687c34ab);user-select:var(--v687c34ab);vertical-align:top;white-space:nowrap}.text-input[data-v-680fd549]:focus{box-shadow:0 0 0 .25rem #0d6efd40}.text-input[data-v-680fd549]:not(:focus){background:none}.text-input.text-input-error[data-v-680fd549]{color:red}.event-hover[data-v-17a92eda]{visibility:"visible";fill:var(--primary-color);fill-opacity:.3;width:16px}.note-selected[data-v-ce27441a]{visibility:"visible";fill:var(--primary-color);fill-opacity:.4;height:18px;transform:translate(-9px,-9px);width:18px}.event-selected[data-v-edff201d]{visibility:"visible";fill:var(--primary-color-200);fill-opacity:.3}.event-selected.selection-in-progress[data-v-edff201d]{fill:var(--primary-color-50)}.tuning-selector[data-v-87781b2f]{background-color:var(--surface);border:solid 1px var(--border-color);border-radius:5px;display:flex;flex-direction:column;gap:2px;left:30px;position:absolute;transform:translateY(-50%);width:45px;z-index:10}.tuning-selector .triangle[data-v-87781b2f]{position:absolute;top:50%;left:-12px;border-style:solid;border-color:transparent var(--gray-300);border-width:8px 12px 8px 0;transform:translateY(-50%)}.tuning-selector .triangle[data-v-87781b2f]:after{content:"";position:absolute;top:-7px;left:2px;border-style:solid;border-color:transparent var(--primary-color);border-width:7px 11px 7px 0}.tuning-selector button[data-v-87781b2f]{align-items:center;display:flex;justify-content:center;padding:0}.tuning-selector button.previous[data-v-87781b2f]{border-top:solid 2px var(--gray-300)}.tuning-selector button.current[data-v-87781b2f]{background-color:var(--primary-color)!important}.tuning-selector button.next[data-v-87781b2f]{border-bottom:solid 2px var(--gray-300)}.tuning-selector button span[data-v-87781b2f]{pointer-events:none}.tuning-container[data-v-9b5beb2c]{display:flex;flex-direction:column;align-items:center;position:relative;font-size:var(--v4a34818a);line-height:var(--b9b53cc8);-webkit-user-select:none;user-select:none}.tuning-container .string-selector[data-v-9b5beb2c]{background:none;border:none;border-radius:var(--b9b53cc8);color:inherit;cursor:var(--v38ce3182);font:inherit;height:var(--b9b53cc8);outline:inherit;padding:0;width:var(--b9b53cc8)}.tuning-container .string-selector[data-v-9b5beb2c]:hover{background-color:var(--v388d8f93)}.tuning-container .string-selector.selected[data-v-9b5beb2c]{background-color:var(--primary-color-200)}.editor-tablature[data-v-05fe32fb]{position:relative;display:flex;width:100%}.editor-tablature .tuning-container[data-v-05fe32fb]{width:20px}.editor-tablature .tablature-container[data-v-05fe32fb]{flex-grow:1;position:relative}.editor-song[data-v-2bb92e31]{height:110px;width:100%}.editor-song input[data-v-2bb92e31]{background:none;border:none;border-radius:0;padding:0;width:auto}.editor-song input[data-v-2bb92e31]::placeholder{opacity:.65}.editor-song input[data-v-2bb92e31]:read-only{cursor:text}.editor-song input[data-v-2bb92e31]:read-only:focus{box-shadow:none}.editor-song .title[data-v-2bb92e31],.editor-song .info[data-v-2bb92e31]{text-align:center;margin:5px}.editor-song .title[data-v-2bb92e31]{font-size:28px}.editor-song .info[data-v-2bb92e31]{font-size:1.25rem}.editor[data-v-4965c270]{padding-bottom:250px}.toolbar-right i[data-v-c934a561]{margin-right:5px}.btn[data-v-9668e777]{height:auto;white-space:wrap;width:100%}legend[data-v-9668e777]{margin-top:0}.settings-page[data-v-1e07b217]{background-color:var(--surface-container-low);height:calc(100% - 62px);margin-top:62px;overflow:auto;padding:0 30px}.settings-page .settings[data-v-1e07b217]{padding-bottom:60px;padding-top:30px}.settings-page .settings .section[data-v-1e07b217]{align-items:stretch;background-color:var(--surface);border-radius:15px;flex-direction:column;height:100%;min-width:215px;padding:30px 30px 46px}.settings-page .settings .section form[data-v-1e07b217]{margin:0 auto}.settings-page .settings .section form[data-v-1e07b217]:not(:last-child){margin-bottom:100px}.header .container[data-v-b9de9473]{column-gap:25px;flex-wrap:nowrap;position:relative}.landing[data-v-cec9809e]{align-items:stretch;background-color:var(--surface-container-low);display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:5%}.landing .confirm-email[data-v-cec9809e]{margin-top:auto;text-align:center;color:var(--text-color-secondary)}.singup[data-v-2cde2d12]{background-color:var(--surface-container-low);padding-bottom:90px;padding-top:90px}.singup .container[data-v-2cde2d12]{background-color:var(--surface);align-items:stretch;flex-direction:column;padding:30px;border-radius:15px}.singup .container .sign-in[data-v-2cde2d12]{margin:0 auto;min-width:250px;text-align:center;width:60%}.singup .container .sign-in .create-account[data-v-2cde2d12]{text-align:center;display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.singup .container .sign-in .btn[data-v-2cde2d12]{justify-content:center}.singup .container .sign-in .btn.btn-google[data-v-2cde2d12]{background-color:#db4437;color:#fff!important}.singup .container .sign-in .btn.btn-microsoft[data-v-2cde2d12]{background-color:#00a4ef;color:#fff!important}.singup .container .sign-in .btn.btn-apple[data-v-2cde2d12]{background-color:#7a7f81;color:#fff!important}.singup .container .singin-new-window-note[data-v-2cde2d12]{font-size:12px;color:var(--gray-500)}.singup .container .credentials-error[data-v-2cde2d12]{text-align:center;color:var(--danger-color-hard)}.header[data-v-65cbed5d]{border-left:var(--v08d40fe2)}.header .container[data-v-65cbed5d]{column-gap:25px;flex-wrap:nowrap;position:relative;padding-left:var(--v2b27d090)}.viewer .tablature[data-v-514a2689]{cursor:text}:root{--logo-primary-light: #ffb62e;--logo-primary-medium: #ff851a;--logo-primary-dark: #ff4f17;--logo-secondary-light: #33ffff;--logo-secondary-medium: #00bad3;--logo-secondary-dark: #024da5;--primary-color-900: #ff6e01;--primary-color-800: #ff8e00;--primary-color-700: #ffa000;--primary-color-600: #ffb300;--primary-color-500: #ffc007;--primary-color-400: #ffca28;--primary-color-300: #ffd54f;--primary-color-200: #ffe082;--primary-color-100: #ffecb3;--primary-color-50: #fff8e1;--secondary-color-900: #0007cc;--secondary-color-800: #002adb;--secondary-color-700: #0037e6;--secondary-color-600: #0043f3;--secondary-color-500: #004cff;--secondary-color-400: #4a6aff;--secondary-color-300: #7287ff;--secondary-color-200: #9faaff;--secondary-color-100: #c7cbff;--secondary-color-50: #e9eaff;--gray-1000: #000000;--gray-950: #121212;--gray-900: #1f1f1f;--gray-800: #404040;--gray-700: #5e5e5e;--gray-600: #727272;--gray-500: #9b9b9b;--gray-400: #bababa;--gray-300: #dedede;--gray-200: #ececec;--gray-100: #f4f4f4;--gray-50: #fafafa;--gray-25: #fcfcfc;--gray-0: #ffffff;--text-color-black: var(--gray-1000);--text-color-white: var(--gray-0)}:root{--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175)}:root{--primary-color-hard: var(--primary-color-400);--primary-color-hard-hover: color-mix(in oklab, var(--primary-color-hard) 60%, var(--primary-color-900));--primary-color-hard-active: color-mix(in oklab, var(--primary-color-hard) 50%, var(--primary-color-900));--primary-color: var(--primary-color-200);--primary-color-hover: color-mix(in oklab, var(--primary-color) 92%, var(--primary-color-900));--primary-color-active: color-mix(in oklab, var(--primary-color) 85%, var(--primary-color-900));--primary-color-soft: var(--primary-color-100);--primary-color-soft-hover: color-mix(in oklab, var(--primary-color-soft) 92%, var(--primary-color-900));--primary-color-soft-active: color-mix(in oklab, var(--primary-color-soft) 84%, var(--primary-color-900));--secondary-color-hard: var(--secondary-color-800);--secondary-color-hard-hover: color-mix(in oklab, var(--secondary-color-hard) 60%, var(--secondary-color-900));--secondary-color-hard-active: color-mix(in oklab, var(--secondary-color-hard) 50%, var(--secondary-color-900));--secondary-color: var(--secondary-color-500);--secondary-color-hover: color-mix(in oklab, var(--secondary-color) 88%, var(--secondary-color-900));--secondary-color-active: color-mix(in oklab, var(--secondary-color) 78%, var(--secondary-color-900));--secondary-color-soft: var(--secondary-color-50);--secondary-color-soft-hover: color-mix(in oklab, var(--secondary-color-soft) 92%, var(--secondary-color-900));--secondary-color-soft-active: color-mix(in oklab, var(--secondary-color-soft) 84%, var(--secondary-color-900));--neutral-color-hard: var(--gray-300);--neutral-color-hard-hover: color-mix(in oklab, var(--neutral-color-hard) 92%, var(--gray-900));--neutral-color-hard-active: color-mix(in oklab, var(--neutral-color-hard) 84%, var(--gray-900));--neutral-color: var(--gray-300);--neutral-color-hover: color-mix(in oklab, var(--neutral-color) 92%, var(--gray-900));--neutral-color-active: color-mix(in oklab, var(--neutral-color) 84%, var(--gray-900));--neutral-color-soft: var(--gray-50);--neutral-color-soft-hover: color-mix(in oklab, var(--neutral-color-soft) 95%, var(--gray-900));--neutral-color-soft-active: color-mix(in oklab, var(--neutral-color-soft) 92%, var(--gray-900));--danger-color-hard: #cc0000;--danger-color-hard-hover: color-mix(in oklab, var(--danger-color-hard) 92%, black);--danger-color-hard-active: color-mix(in oklab, var(--danger-color-hard) 84%, black);--danger-color: #e32000;--danger-color-hover: color-mix(in oklab, var(--danger-color) 92%, black);--danger-color-active: color-mix(in oklab, var(--danger-color) 84%, black);--danger-color-soft: #ff3300;--danger-color-soft-hover: color-mix(in oklab, var(--danger-color-soft) 92%, black);--danger-color-soft-active: color-mix(in oklab, var(--danger-color-soft) 84%, black);--warning-color-hard: #cc8f00;--warning-color-hard-hover: color-mix(in oklab, var(--warning-color-hard) 92%, black);--warning-color-hard-active: color-mix(in oklab, var(--warning-color-hard) 84%, black);--warning-color: #e6a100;--warning-color-hover: color-mix(in oklab, var(--warning-color) 92%, black);--warning-color-active: color-mix(in oklab, var(--warning-color) 84%, black);--warning-color-soft: #ffb300;--warning-color-soft-hover: color-mix(in oklab, var(--warning-color-soft) 92%, black);--warning-color-soft-active: color-mix(in oklab, var(--warning-color-soft) 84%, black);--text-color-hard: var(--gray-900);--text-color: var(--gray-900);--text-color-soft: var(--gray-600);--text-color-secondary: #001f99;--text-color-over-primary-color-hard: var(--gray-1000);--text-color-over-primary-color: var(--gray-900);--text-color-over-primary-color-soft: var(--gray-900);--text-color-over-secondary-color-hard: var(--gray-0);--text-color-over-secondary-color: var(--gray-0);--text-color-over-secondary-color-soft: var(--gray-1000);--text-color-over-neutral-color-hard: var(--gray-1000);--text-color-over-neutral-color: var(--gray-1000);--text-color-over-neutral-color-soft: var(--gray-900);--text-color-over-danger-color-hard: var(--gray-0);--text-color-over-danger-color: var(--gray-0);--text-color-over-danger-color-soft: var(--gray-0);--text-color-over-warning-color-hard: var(--gray-1000);--text-color-over-warning-color: var(--gray-1000);--text-color-over-warning-color-soft: var(--gray-1000);--surface: var(--gray-0);--surface-container-lowest: color-mix(in oklab, var(--surface) 98.5%, black);--surface-container-low: color-mix(in oklab, var(--surface) 97%, black);--surface-container: color-mix(in oklab, var(--surface) 95%, black);--surface-container-high: color-mix(in oklab, var(--surface) 99.5%, black);--surface-container-highest: color-mix(in oklab, var(--surface) 99%, black);--border-color: var(--gray-300);--border-color-soft: var(--gray-100);--editor-keyboard-background-color: var(--gray-100);--editor-stave-color: var(--gray-500);--editor-stave-color-selected: var(--gray-600);--editor-reference-color: var(--gray-500);--form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235e5e5e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%235e5e5e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6l4 4 4-4'/%3e%3c/svg%3e");--btn-close-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e")}[data-theme=dark]{--primary-color-hard: #ffc007;--primary-color-hard-hover: color-mix(in oklab, var(--primary-color-hard) 82%, var(--gray-0));--primary-color-hard-active: color-mix(in oklab, var(--primary-color-hard) 68%, var(--gray-0));--primary-color: #ffce58;--primary-color-hover: color-mix(in oklab, var(--primary-color) 82%, var(--gray-0));--primary-color-active: color-mix(in oklab, var(--primary-color) 68%, var(--gray-0));--primary-color-soft: #ffe2a1;--primary-color-soft-hover: color-mix(in oklab, var(--primary-color-soft) 82%, var(--gray-0));--primary-color-soft-active: color-mix(in oklab, var(--primary-color-soft) 68%, var(--gray-0));--secondary-color-hard: #8b8b8b;--secondary-color-hard-hover: color-mix(in oklab, var(--secondary-color-hard) 82%, var(--gray-0));--secondary-color-hard-active: color-mix(in oklab, var(--secondary-color-hard) 68%, var(--gray-0));--secondary-color: #4077d1;--secondary-color-hover: color-mix(in oklab, var(--secondary-color) 82%, var(--gray-0));--secondary-color-active: color-mix(in oklab, var(--secondary-color) 68%, var(--gray-0));--secondary-color-soft: #92b2e5;--secondary-color-soft-hover: color-mix(in oklab, var(--secondary-color-soft) 82%, var(--gray-0));--secondary-color-soft-active: color-mix(in oklab, var(--secondary-color-soft) 68%, var(--gray-0));--neutral-color-hard: var(--gray-700);--neutral-color-hard-hover: color-mix(in oklab, var(--neutral-color-hard) 95%, var(--gray-0));--neutral-color-hard-active: color-mix(in oklab, var(--neutral-color-hard) 90%, var(--gray-0));--neutral-color: var(--gray-800);--neutral-color-hover: color-mix(in oklab, var(--neutral-color) 95%, var(--gray-0));--neutral-color-active: color-mix(in oklab, var(--neutral-color) 90%, var(--gray-0));--neutral-color-soft: #252525;--neutral-color-soft-hover: color-mix(in oklab, var(--neutral-color-soft) 95%, var(--gray-0));--neutral-color-soft-active: color-mix(in oklab, var(--neutral-color-soft) 90%, var(--gray-0));--danger-color-hard: #9c2121;--danger-color-hard-hover: color-mix(in oklab, var(--danger-color-hard) 95%, var(--gray-0));--danger-color-hard-active: color-mix(in oklab, var(--danger-color-hard) 90%, var(--gray-0));--danger-color: #d94a4a;--danger-color-hover: color-mix(in oklab, var(--danger-color) 95%, var(--gray-0));--danger-color-active: color-mix(in oklab, var(--danger-color) 90%, var(--gray-0));--danger-color-soft: #eb9e9e;--danger-color-soft-hover: color-mix(in oklab, var(--danger-color-soft) 95%, var(--gray-0));--danger-color-soft-active: color-mix(in oklab, var(--danger-color-soft) 90%, var(--gray-0));--text-color-hard: var(--gray-0);--text-color: var(--gray-300);--text-color-soft: var(--gray-500);--text-color-secondary: #9fb3ff;--text-color-over-primary-color-hard: var(--gray-1000);--text-color-over-primary-color: var(--gray-1000);--text-color-over-primary-color-soft: var(--gray-1000);--text-color-over-secondary-color-hard: var(--gray-0);--text-color-over-secondary-color: var(--gray-0);--text-color-over-secondary-color-soft: var(--gray-1000);--text-color-over-neutral-color-hard: var(--gray-300);--text-color-over-neutral-color: var(--gray-300);--text-color-over-neutral-color-soft: var(--gray-400);--text-color-over-danger-color-hard: var(--gray-0);--text-color-over-danger-color: var(--gray-0);--text-color-over-danger-color-soft: var(--gray-0);--text-color-over-warning-color-hard: var(--gray-1000);--text-color-over-warning-color: var(--gray-1000);--text-color-over-warning-color-soft: var(--gray-1000);--surface: #282828;--surface-container-lowest: #252525;--surface-container-low: #202020;--surface-container: #3f3f3f;--surface-container-high: #202020;--surface-container-highest: #202020;--border-color: #5e5e5e;--border-color-soft: #303030;--editor-keyboard-background-color: #181818;--editor-stave-color: var(--gray-400);--editor-stave-color-selected: var(--gray-0);--editor-reference-color: var(--gray-500);--form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bababa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%23bababa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6l4 4 4-4'/%3e%3c/svg%3e");--btn-close-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e")}[data-theme=dark] .keyboard-container .simple-keyboard .hg-row:not(:first-child) .marking-key{filter:invert(1) contrast(.6)}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;background-color:var(--surface-container-low)!important;color:var(--text-color)!important;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;height:100%;overflow:hidden}body .icon{border:none;border-radius:8px;height:40px;padding:8px 12px}hr{margin:1rem 0;border:0;border-top:1px solid var(--border-color-soft)}.text-center{text-align:center!important}@media print{body{padding:25px}.header,.keyboard-container,.note-selected,.event-selected{display:none!important}.viewer,.editor{height:auto!important;padding-top:0!important;padding-bottom:0!important}.no-print,.no-print *{display:none!important}}.d-flex{display:flex!important}.d-none{display:none!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-grow-1{flex-grow:1!important}.align-items-center{align-items:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-start{justify-content:flex-start!important}.justify-content-between{justify-content:space-between!important}.mb-auto{margin-bottom:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.flex-shrink-0{flex-shrink:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.w-100{width:100%!important}.h-100{height:100%!important}.w-auto{width:auto!important}.fixed-top{position:fixed;top:0;left:0;right:0}.fixed-bottom{position:fixed;bottom:0;left:0;right:0}@media(min-width:1400px){.d-xxl-none{display:none!important}.d-xxl-flex{display:flex!important}}@media(min-width:576px){.d-sm-none{display:none!important}.d-sm-flex{display:flex!important}}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-sm.hoverable{transition:box-shadow .2s ease-in-out}.shadow-sm.hoverable:hover,.shadow{box-shadow:var(--shadow)!important}.shadow.hoverable{transition:box-shadow .2s ease-in-out}.shadow.hoverable:hover,.shadow-lg{box-shadow:var(--shadow-lg)!important}.list-unstyled{list-style:none;padding-left:0}.bg-primary{background-color:var(--primary-color)!important}.bg-secondary{background-color:var(--secondary-color)!important}.bg-warning{background-color:var(--warning-color)!important}.bg-danger{background-color:var(--danger-color)!important}.btn{background-color:var(--neutral-color-soft);color:var(--text-color-over-neutral-color-soft)}.btn:not(.disabled):hover{background-color:var(--neutral-color-soft-hover)}.btn:not(.disabled):active{background-color:var(--neutral-color-soft-active)}.btn:not(.disabled):focus{background-color:var(--neutral-color-soft-active)}.btn{align-items:center;background-color:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;gap:5px;height:40px;justify-content:center;min-height:40px;padding:8px 12px;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out;white-space:nowrap}.btn.disabled{cursor:default;opacity:.4;pointer-events:none}.btn:focus{outline:none}.btn-primary-hard{background-color:var(--primary-color-hard);color:var(--text-color-over-primary-color-hard)}.btn-primary-hard:not(.disabled):hover{background-color:var(--primary-color-hard-hover)}.btn-primary-hard:not(.disabled):active{background-color:var(--primary-color-hard-active)}.btn-primary-hard:not(.disabled):focus{background-color:var(--primary-color-hard-active)}.btn-primary{background-color:var(--primary-color);color:var(--text-color-over-primary-color)}.btn-primary:not(.disabled):hover{background-color:var(--primary-color-hover)}.btn-primary:not(.disabled):active{background-color:var(--primary-color-active)}.btn-primary:not(.disabled):focus{background-color:var(--primary-color-active)}.btn-primary-soft{background-color:var(--primary-color-soft);color:var(--text-color-over-primary-color-soft)}.btn-primary-soft:not(.disabled):hover{background-color:var(--primary-color-soft-hover)}.btn-primary-soft:not(.disabled):active{background-color:var(--primary-color-soft-active)}.btn-primary-soft:not(.disabled):focus{background-color:var(--primary-color-soft-active)}.btn-secondary-hard{background-color:var(--secondary-color-hard);color:var(--text-color-over-secondary-color-hard)}.btn-secondary-hard:not(.disabled):hover{background-color:var(--secondary-color-hard-hover)}.btn-secondary-hard:not(.disabled):active{background-color:var(--secondary-color-hard-active)}.btn-secondary-hard:not(.disabled):focus{background-color:var(--secondary-color-hard-active)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-color-over-secondary-color)}.btn-secondary:not(.disabled):hover{background-color:var(--secondary-color-hover)}.btn-secondary:not(.disabled):active{background-color:var(--secondary-color-active)}.btn-secondary:not(.disabled):focus{background-color:var(--secondary-color-active)}.btn-secondary-soft{background-color:var(--secondary-color-soft);color:var(--text-color-over-secondary-color-soft)}.btn-secondary-soft:not(.disabled):hover{background-color:var(--secondary-color-soft-hover)}.btn-secondary-soft:not(.disabled):active{background-color:var(--secondary-color-soft-active)}.btn-secondary-soft:not(.disabled):focus{background-color:var(--secondary-color-soft-active)}.btn-neutral-hard{background-color:var(--neutral-color-hard);color:var(--text-color-over-neutral-color-hard)}.btn-neutral-hard:not(.disabled):hover{background-color:var(--neutral-color-hard-hover)}.btn-neutral-hard:not(.disabled):active{background-color:var(--neutral-color-hard-active)}.btn-neutral-hard:not(.disabled):focus{background-color:var(--neutral-color-hard-active)}.btn-neutral{background-color:var(--neutral-color);color:var(--text-color-over-neutral-color)}.btn-neutral:not(.disabled):hover{background-color:var(--neutral-color-hover)}.btn-neutral:not(.disabled):active{background-color:var(--neutral-color-active)}.btn-neutral:not(.disabled):focus{background-color:var(--neutral-color-active)}.btn-neutral-soft{background-color:var(--neutral-color-soft);color:var(--text-color-over-neutral-color-soft)}.btn-neutral-soft:not(.disabled):hover{background-color:var(--neutral-color-soft-hover)}.btn-neutral-soft:not(.disabled):active{background-color:var(--neutral-color-soft-active)}.btn-neutral-soft:not(.disabled):focus{background-color:var(--neutral-color-soft-active)}.btn-danger-hard{background-color:var(--danger-color-hard);color:var(--text-color-over-danger-color-hard)}.btn-danger-hard:not(.disabled):hover{background-color:var(--danger-color-hard-hover)}.btn-danger-hard:not(.disabled):active{background-color:var(--danger-color-hard-active)}.btn-danger-hard:not(.disabled):focus{background-color:var(--danger-color-hard-active)}.btn-danger{background-color:var(--danger-color);color:var(--text-color-over-danger-color)}.btn-danger:not(.disabled):hover{background-color:var(--danger-color-hover)}.btn-danger:not(.disabled):active{background-color:var(--danger-color-active)}.btn-danger:not(.disabled):focus{background-color:var(--danger-color-active)}.btn-danger-soft{background-color:var(--danger-color-soft);color:var(--text-color-over-danger-color-soft)}.btn-danger-soft:not(.disabled):hover{background-color:var(--danger-color-soft-hover)}.btn-danger-soft:not(.disabled):active{background-color:var(--danger-color-soft-active)}.btn-danger-soft:not(.disabled):focus{background-color:var(--danger-color-soft-active)}.btn-warning-hard{background-color:var(--warning-color-hard);color:var(--text-color-over-warning-color-hard)}.btn-warning-hard:not(.disabled):hover{background-color:var(--warning-color-hard-hover)}.btn-warning-hard:not(.disabled):active{background-color:var(--warning-color-hard-active)}.btn-warning-hard:not(.disabled):focus{background-color:var(--warning-color-hard-active)}.btn-warning{background-color:var(--warning-color);color:var(--text-color-over-warning-color)}.btn-warning:not(.disabled):hover{background-color:var(--warning-color-hover)}.btn-warning:not(.disabled):active{background-color:var(--warning-color-active)}.btn-warning:not(.disabled):focus{background-color:var(--warning-color-active)}.btn-warning-soft{background-color:var(--warning-color-soft);color:var(--text-color-over-warning-color-soft)}.btn-warning-soft:not(.disabled):hover{background-color:var(--warning-color-soft-hover)}.btn-warning-soft:not(.disabled):active{background-color:var(--warning-color-soft-active)}.btn-warning-soft:not(.disabled):focus{background-color:var(--warning-color-soft-active)}.btn-action{align-items:center;border-radius:15px;display:flex;justify-content:center;min-height:55px;min-width:55px;-webkit-user-select:none;user-select:none;z-index:2}.card{background-color:var(--surface-container-lowest);border:solid 1px var(--border-color-soft);border-radius:6px;overflow:hidden}.card .card-header{background-color:var(--surface);color:var(--text-color-hard);border:none;display:flex;font-size:14px;justify-content:center;padding:1px 8px}.card .card-header .card-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.card .card-body{background-color:var(--surface);display:block;overflow:hidden;padding:1px 8px}.card .card-footer{background-color:var(--surface-container-lowest);padding:1px 8px}select,.form-select{display:block;width:100%;padding:.5rem 2.25rem .5rem .75rem;font-size:1rem;line-height:1.5;color:var(--text-color);background-color:var(--surface);background-image:var(--form-select-bg-img),linear-gradient(to right,transparent,transparent);background-position:calc(100% - 1rem) 50%,100% 0;background-size:16px 12px,2.25rem 100%;background-repeat:no-repeat;border:solid 1px var(--border-color);border-radius:8px;appearance:none;cursor:pointer;height:42px}.form-select:focus{border-color:#85abe7;box-shadow:inset 0 0 0 2px #85abe7;outline:0}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.125rem;border-radius:10px}.form-control{display:block;width:100%;background-color:var(--surface);border:solid 1px var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;line-height:1.5;padding:8px 12px;height:42px;box-shadow:none;background-clip:padding-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:#85abe7;box-shadow:inset 0 0 0 2px #85abe7;outline:0}.form-control::placeholder{color:var(--text-color-soft)}.form-control:disabled{opacity:.6;cursor:not-allowed}.form-control[readonly]{background-color:var(--surface-container-lowest);opacity:.9}.form-control.is-invalid{border-color:var(--danger-color);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--danger-color) 50%,transparent)}.invalid-feedback{color:var(--danger-color);font-size:.875rem;margin-top:.25rem}.form-label{display:inline-block;margin-bottom:.5rem}.form-group{margin-bottom:1rem}.form-text{color:var(--text-color-soft);font-size:.875rem}.form-control-lg{height:48px;padding:10px 14px;font-size:1.125rem;border-radius:10px}.form-control-sm{height:32px;padding:6px 10px;font-size:.875rem;border-radius:6px}legend{font-weight:700;margin-top:0}.router-link-active:not(:where(.user-dropdown-menu~.dropdown-menu *)){background-color:var(--secondary-color-soft);color:var(--text-color-over-secondary-color-soft)}.router-link-active:not(:where(.user-dropdown-menu~.dropdown-menu *)):not(.disabled):hover{background-color:var(--secondary-color-soft-hover)}.router-link-active:not(:where(.user-dropdown-menu~.dropdown-menu *)):not(.disabled):active{background-color:var(--secondary-color-soft-active)}.router-link-active:not(:where(.user-dropdown-menu~.dropdown-menu *)):not(.disabled):focus{background-color:var(--secondary-color-soft-active)}.header{-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background-color:var(--surface-container-highest);border-bottom:1px solid var(--border-color);height:62px;left:0;padding:8px 0;min-width:215px;position:fixed;top:0;width:100%;z-index:1030}@media(min-width:1400px){.header.with-sidebar{padding-left:20px;margin-left:280px;width:calc(100% - 280px)}}.header .container{column-gap:25px;flex-wrap:nowrap;position:relative}.header .container .toolbar{display:flex;align-items:center}.navbar{display:block}.navbar-fixed-top{top:0;position:fixed;width:100%}.navbar-text{color:var(--text-color-medium)}.navbar>.container,.navbar>.container-fluid{display:flex;align-items:center;justify-content:space-between}.nav{list-style:none;padding-left:0;margin:0}.nav>li{margin:0}.alert{position:relative;padding:12px 16px;border:solid 1px var(--border-color);border-radius:8px;background-color:var(--surface-container-low);color:var(--text-color)}.alert.alert-warning{background-color:#fff4e5;border-color:#ffe0b2;color:#8a6d3b}.alert.alert-dismissible{padding-right:3rem}.alert.alert-dismissible .btn-close{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:1rem;height:1rem;opacity:.6}.btn-close{background:transparent var(--btn-close-icon) center/1em auto no-repeat;border:0;border-radius:4px;width:1.5rem;height:1.5rem;opacity:.6;transition:opacity .15s ease-in-out}.btn-close:hover{opacity:1;cursor:pointer}.dropdown-menu{display:none;position:absolute;list-style:none;padding:0;border:solid 1px var(--border-color);border-radius:8px;background-color:var(--surface-container-high);box-shadow:var(--shadow);z-index:1050}.dropdown-menu.show{display:block}.dropdown-menu .btn{border-radius:0;justify-content:flex-start;width:100%}.dropdown-item{display:block;width:100%;padding:8px 12px;color:var(--text-color);background-color:transparent;text-align:left}.dropdown-header{padding:8px 12px;color:var(--text-color-soft)}.dropdown-divider{margin:4px 0}.dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid currentColor;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}[data-bs-toggle=dropdown]{position:relative}[data-bs-toggle=dropdown]+.dropdown-menu{top:100%;left:0;margin-top:.25rem}[data-bs-toggle=dropdown]+.dropdown-menu.dropdown-menu-end{right:0;left:auto}.accordion{border:0;background:transparent}.accordion-item{background:transparent;border:0}.accordion-button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:0;text-align:left;cursor:pointer}.accordion-button:after{flex-shrink:0;width:1rem;height:1rem;margin-left:auto;content:"";background-image:var(--accordion-btn-icon);background-repeat:no-repeat;background-size:1rem;transition:transform .2s ease-in-out}.accordion-button.collapsed:after{transform:rotate(-90deg)}.accordion-header{margin:0}.accordion-collapse.collapse{display:none}.accordion-collapse.show{display:block}.modal-backdrop{position:fixed;inset:0;z-index:1055;background-color:#0000004d;display:flex;justify-content:center;align-items:center}.modal{display:block;width:100%;outline:0;overflow:hidden}.modal .modal-dialog{position:relative;width:auto;--modal-width: 500px;margin:auto}.modal .modal-sm{--modal-width: 300px}.modal .modal-content{background-clip:padding-box;background-color:var(--surface);border:1px solid var(--border-color-soft);border-radius:12px;box-shadow:var(--shadow-lg);color:var(--text-color);display:flex;flex-direction:column;overflow:hidden;width:100%}.modal .modal-content .modal-header{border-bottom:none;padding:20px 40px 0}.modal .modal-content .modal-header .title{color:var(--text-color);font-size:30px;font-weight:600;flex-grow:1;text-align:center}.modal .modal-content .modal-header .btn-close{width:32px;position:absolute;right:5px;top:13px}.modal .modal-content .modal-body{padding:12px 40px}.modal .modal-content .modal-footer{border-top:none;display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:0 40px 20px}@media(min-width:576px){.modal-dialog{margin-right:auto;margin-left:auto;max-width:var(--modal-width)}}@media(min-width:992px){.modal-lg,.modal-xl{--modal-width: 800px}}@media(min-width:1200px){.modal-xl{--modal-width: 1140px}}.container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.row{--grid-gutter-x: 1.5rem;--grid-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--grid-gutter-y));margin-right:calc(-.5 * var(--grid-gutter-x));margin-left:calc(-.5 * var(--grid-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--grid-gutter-x) * .5);padding-left:calc(var(--grid-gutter-x) * .5);margin-top:var(--grid-gutter-y)}.col{flex:1 0 0%;min-width:0}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.g-0{--grid-gutter-x: 0;--grid-gutter-y: 0}.g-1{--grid-gutter-x: .25rem;--grid-gutter-y: .25rem}.g-2{--grid-gutter-x: .5rem;--grid-gutter-y: .5rem}.g-3{--grid-gutter-x: 1rem;--grid-gutter-y: 1rem}.g-4{--grid-gutter-x: 1.5rem;--grid-gutter-y: 1.5rem}.g-5{--grid-gutter-x: 3rem;--grid-gutter-y: 3rem}.gx-0{--grid-gutter-x: 0}.gx-1{--grid-gutter-x: .25rem}.gx-2{--grid-gutter-x: .5rem}.gx-3{--grid-gutter-x: 1rem}.gx-4{--grid-gutter-x: 1.5rem}.gx-5{--grid-gutter-x: 3rem}.gy-0{--grid-gutter-y: 0}.gy-1{--grid-gutter-y: .25rem}.gy-2{--grid-gutter-y: .5rem}.gy-3{--grid-gutter-y: 1rem}.gy-4{--grid-gutter-y: 1.5rem}.gy-5{--grid-gutter-y: 3rem}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.666667%}@media(min-width:576px){.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.666667%}}@media(min-width:768px){.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.666667%}}@media(min-width:992px){.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.666667%}}@media(min-width:1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.666667%}}@media(min-width:1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.666667%}}.list-group{display:block;background-color:var(--surface-container-low);border:solid 1px var(--border-color-soft);border-radius:8px;overflow:hidden}.list-group-item{display:block;padding:12px 16px;border-bottom:1px solid var(--border-color-soft);color:var(--text-color)}.list-group-item:last-child{border-bottom:none}.spinner-border,.spinner-border-overlay{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}.spinner-border-overlay{font-size:6px;height:23px;margin-top:-2px;margin-left:-4px;width:23px;position:absolute}.list-enter-active,.list-leave-active{transition:all .2s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.fade-in-animation{animation:keyframes-fade-in .2s}.fade-out-animation{animation:keyframes-fade-out .2s}@keyframes keyframes-fade-in{0%{opacity:0}to{opacity:1}}@keyframes keyframes-fade-out{0%{opacity:1}to{opacity:0}}.offcanvas{--offcanvas-padding-x: 1rem;--offcanvas-padding-y: 1rem;position:fixed;top:0;bottom:0;z-index:1040;visibility:hidden;transform:translate(-100%);transition:transform .3s ease,visibility .3s ease;background-color:var(--surface-container-low);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;outline:0}.offcanvas-start{left:0;width:280px;max-width:80%}.offcanvas.show{visibility:visible;transform:translate(0)}.offcanvas-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:1030}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--offcanvas-padding-y) var(--offcanvas-padding-x)}.offcanvas-body{flex:1 1 auto;overflow-y:auto}.badge{display:inline-block;padding:.25em .5em;font-size:.75rem;font-weight:600;line-height:1;color:var(--text-color);background-color:var(--gray-200);border-radius:.375rem}.text-bg-primary{color:var(--text-color-black)!important;background-color:var(--primary-color-soft)!important}.keyboard-container{position:fixed;bottom:0;z-index:10;left:0;right:0;margin-left:auto;margin-right:auto;transform:translateY(0);transition:all v-bind("keyboardTransitionDurationStyleValue") ease-in-out;max-width:1000px;width:100%}.keyboard-container.hidden{transform:translateY(100%)}.keyboard-container.show-collapse-toggle .collapse-toggle{background-color:var(--neutral-color-soft);color:var(--text-color-over-neutral-color-soft)}.keyboard-container.show-collapse-toggle .collapse-toggle:not(.disabled):hover{background-color:var(--neutral-color-soft-hover)}.keyboard-container.show-collapse-toggle .collapse-toggle:not(.disabled):active{background-color:var(--neutral-color-soft-active)}.keyboard-container.show-collapse-toggle .collapse-toggle:not(.disabled):focus{background-color:var(--neutral-color-soft-active)}.keyboard-container.show-collapse-toggle .collapse-toggle{background-color:var(--editor-keyboard-background-color);align-items:center;border-bottom:1px solid var(--border-color);border-top-right-radius:5px;display:flex;height:v-bind("collapseToggleHeight");justify-content:center;position:absolute;right:0;top:0;width:50px;z-index:30;cursor:pointer}.keyboard-container.show-collapse-toggle .collapse-toggle i:before{transition:all .2s ease-in-out .2s;transform:rotate(0)}.keyboard-container.show-collapse-toggle .collapse-toggle i.up:before{transform:rotate(-180deg)}.keyboard-container.show-collapse-toggle .simple-keyboard .hg-row:first-child{margin-right:50px}.keyboard-container .simple-keyboard{box-shadow:var(--shadow-sm);padding:0;position:relative;z-index:20}.keyboard-container .simple-keyboard .hg-row:first-child .hg-button{background-color:var(--primary-color-soft);color:var(--text-color-over-primary-color-soft)}.keyboard-container .simple-keyboard .hg-row:first-child .hg-button:not(.disabled):hover{background-color:var(--primary-color-soft-hover)}.keyboard-container .simple-keyboard .hg-row:first-child .hg-button:not(.disabled):active{background-color:var(--primary-color-soft-active)}.keyboard-container .simple-keyboard .hg-row:first-child .hg-button:not(.disabled):focus{background-color:var(--primary-color-soft-active)}.keyboard-container .simple-keyboard .hg-row:not(:first-child) .hg-button{background-color:var(--neutral-color-soft);color:var(--text-color-over-neutral-color-soft)}.keyboard-container .simple-keyboard .hg-row:not(:first-child) .hg-button:not(.disabled):hover{background-color:var(--neutral-color-soft-hover)}.keyboard-container .simple-keyboard .hg-row:not(:first-child) .hg-button:not(.disabled):active{background-color:var(--neutral-color-soft-active)}.keyboard-container .simple-keyboard .hg-row:not(:first-child) .hg-button:not(.disabled):focus{background-color:var(--neutral-color-soft-active)}.keyboard-container .simple-keyboard .hg-row:not(:first-child) .hg-button{background-color:var(--editor-keyboard-background-color)}.keyboard-container .simple-keyboard .hg-row:first-child:not(:last-child){border-bottom:1px solid var(--primary-color-soft-active)}.keyboard-container .simple-keyboard .hg-row:first-child .hg-button{height:40px;overflow:hidden;width:78px}.keyboard-container .simple-keyboard .hg-row:first-child .hg-button:first-child{width:50px;max-width:50px}.keyboard-container .simple-keyboard .hg-row:first-child .hg-button:not(:last-child){border-right:1px solid var(--primary-color-soft-active)}.keyboard-container .simple-keyboard .hg-row:first-child .hg-button img{height:18px}.keyboard-container .simple-keyboard .hg-row:not(:last-child){border-bottom:1px solid var(--border-color);margin-bottom:0}.keyboard-container .simple-keyboard .hg-row .hg-button{border-radius:0;background:transparent;border-bottom:none;box-shadow:none;height:52px}.keyboard-container .simple-keyboard .hg-row .hg-button.hg-button-Space{flex-grow:5}.keyboard-container .simple-keyboard .hg-row .hg-button:not(:last-child){margin-right:0;border-right:1px solid var(--border-color)}.keyboard-container .simple-keyboard .hg-row .hg-button.disabled{cursor:default;pointer-events:none}.keyboard-container .simple-keyboard .hg-row .hg-button.disabled>*{opacity:.4}.keyboard-container .simple-keyboard .hg-row .hg-button.unsupported{cursor:not-allowed}.keyboard-container .simple-keyboard .hg-row .hg-button.unsupported>*{opacity:.3}.keyboard-container .simple-keyboard .hg-row .hg-button>span{align-items:center;display:flex;flex-direction:column;max-width:100%}.keyboard-container .simple-keyboard .hg-row .hg-button>span .name{font-size:.6rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.hp-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='30'%20height='30'%3e%3cg%20transform='translate(1,18)'%3e%3cpath%20d='M0%200%20Q13%20-9,%2027%200%20Q13%20-11,0%200Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")}.vibrato-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='30'%20height='30'%3e%3cg%20transform='translate(3,15)'%3e%3cpath%20stroke-width='0'%20d='M0%200%20Q2%20-5,%204%20-2%20Q6%201,%208%20-2%20Q10%20-5,12%20-2%20Q14%201,16%20-2%20Q18%20-5,20%20-2%20Q22%201,24%20-2%20Q22%203,20%200%20Q18%20-3,16%200%20Q14%203,12%200%20Q10%20-3,%208%200%20Q6%203,%204%200%20Q2%20-3,%200%200'%20%3e%3c/path%3e%3c/g%3e%3c/svg%3e")}.bend-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='30'%20width='30'%3e%3cg%20transform='translate(5,29)'%3e%3cpath%20d='M12%20-28%20L8%20-24%20L16%20-24Z'%3e%3c/path%3e%3cpath%20fill='none'%20stroke='black'%20d='M0%200%20Q12%200,12%20-26'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")}.tremolo-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='30'%20width='30'%3e%3cline%20x1='5'%20y1='10'%20x2='18'%20y2='4'%20stroke='black'%20stroke-width='4'/%3e%3cline%20x1='5'%20y1='16'%20x2='18'%20y2='10'%20stroke='black'%20stroke-width='4'/%3e%3cline%20x1='5'%20y1='22'%20x2='18'%20y2='16'%20stroke='black'%20stroke-width='4'/%3e%3c/svg%3e")}.pre-bend-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='30'%20width='30'%3e%3cg%20transform='translate(3,29)'%3e%3cpath%20d='M12%20-28%20L8%20-24%20L16%20-24Z'%3e%3c/path%3e%3cline%20x1='12'%20y1='-24'%20x2='12'%20y2='0'%20stroke='black'%20stroke-width='1'/%3e%3c/g%3e%3c/svg%3e")}.harmonics-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='30'%20width='30'%3e%3cline%20x1='6'%20y1='15'%20x2='14'%20y2='10'%20stroke='black'%20stroke-width='1'/%3e%3cline%20x1='24'%20y1='15'%20x2='16'%20y2='10'%20stroke='black'%20stroke-width='1'/%3e%3cline%20x1='6'%20y1='15'%20x2='14'%20y2='20'%20stroke='black'%20stroke-width='1'/%3e%3cline%20x1='24'%20y1='15'%20x2='16'%20y2='20'%20stroke='black'%20stroke-width='1'%20/%3e%3c/svg%3e")}.bend-down-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='30'%20width='30'%3e%3cg%20transform='translate(5,29)'%3e%3cpath%20d='M12%200%20L8%20-4%20L16%20-4Z'%3e%3c/path%3e%3cpath%20fill='none'%20stroke='black'%20d='M0%20-26%20Q12%20-26,12%200'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")}.slide-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='30'%20width='30'%3e%3cline%20x1='5'%20y1='20'%20x2='25'%20y2='10'%20stroke='black'%20stroke-width='1'%20/%3e%3c/svg%3e")}.double-bar-line-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='30'%20width='30'%3e%3cline%20x1='10'%20y1='2'%20x2='10'%20y2='28'%20stroke='black'%20stroke-width='1'/%3e%3cline%20x1='20'%20y1='2'%20x2='20'%20y2='28'%20stroke='black'%20stroke-width='1'%20/%3e%3c/svg%3e")}.repeat-bar-line-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='30'%20width='30'%3e%3cline%20x1='7'%20y1='2'%20x2='7'%20y2='28'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='13'%20y1='2'%20x2='13'%20y2='28'%20stroke='black'%20stroke-width='1'%20/%3e%3ccircle%20cx='20'%20cy='10'%20r='2'%20stroke='black'%20fill='black'%20/%3e%3ccircle%20cx='20'%20cy='20'%20r='2'%20stroke='black'%20fill='black'%20/%3e%3c/svg%3e")}.bar-line-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='30'%20width='30'%3e%3cline%20x1='15'%20y1='2'%20x2='15'%20y2='28'%20stroke='black'%20stroke-width='1'/%3e%3c/svg%3e")}.downstroke-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='30'%20width='30'%3e%3cline%20x1='10'%20y1='10'%20x2='20'%20y2='10'%20stroke='black'%20stroke-width='4'/%3e%3cline%20x1='10'%20y1='8'%20x2='10'%20y2='20'%20stroke='black'%20stroke-width='1'/%3e%3cline%20x1='20'%20y1='8'%20x2='20'%20y2='20'%20stroke='black'%20stroke-width='1'%20/%3e%3c/svg%3e")}.upstroke-key{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='30'%20width='30'%3e%3cpath%20d='M%2010%208%20L%2015%2024%20L%2020%208'%20stroke='black'%20stroke-width='1'%20fill='none'%20/%3e%3c/svg%3e")}.swal2-container.swal2-bottom{padding-bottom:84px}@media(min-width:1400px){.swal2-container.swal2-bottom{padding-bottom:10px}}div:where(.swal2-container) div:where(.swal2-popup){background-color:var(--surface-container-highest)!important;color:var(--text-color)!important}div:where(.swal2-icon).swal2-info{border-color:var(--secondary-color-400)!important;color:var(--secondary-color-600)!important}div:where(.swal2-icon).swal2-error{border-color:var(--danger-color-hard)!important;color:var(--danger-color-hard)!important}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{background-color:var(--danger-color-hard)!important}.workspace{background-color:var(--surface);height:calc(100% - 62px);margin-top:62px;overflow:auto}.workspace .tablature{align-content:flex-start;display:flex;flex-wrap:wrap;overflow:hidden;padding-top:60px;position:relative}.tablature-text{dominant-baseline:middle;fill:var(--text-color);font-family:Arial,sans-serif;font-size:10pt;font-style:normal;text-anchor:middle;-webkit-user-select:none;user-select:none}.tablature-text.reference{fill:var(--editor-reference-color)}