diff --git a/jest.config.base.js b/jest.config.base.js
index 45a05a53..7b1c2720 100644
--- a/jest.config.base.js
+++ b/jest.config.base.js
@@ -18,7 +18,6 @@ module.exports = {
transform: {
'\\.js$': 'babel-jest',
- '\\.hbs$': 'jest-handlebars',
'\\.txt': 'jest-text-transformer',
'\\.svg': 'jest-text-transformer',
},
diff --git a/package.json b/package.json
index d6d91f4f..28d09193 100644
--- a/package.json
+++ b/package.json
@@ -25,11 +25,9 @@
"eslint-plugin-react-hooks": "^4.2.0",
"file-loader": "^6.2.0",
"generate-changelog": "^1.8.0",
- "handlebars-loader": "^1.7.1",
"html-webpack-inline-source-plugin": "0.0.10",
"html-webpack-plugin": "^5.4.0",
"jest": "^29.2.1",
- "jest-handlebars": "^1.0.1",
"jest-localstorage-mock": "^2.4.14",
"lerna": "^6.0.1",
"long": "^5.1.0",
diff --git a/packages/chord-chart-studio/build/css/main.9eb5f33d21b01935d155.css b/packages/chord-chart-studio/build/css/main.6c2b09763d09b4b4339a.css
similarity index 99%
rename from packages/chord-chart-studio/build/css/main.9eb5f33d21b01935d155.css
rename to packages/chord-chart-studio/build/css/main.6c2b09763d09b4b4339a.css
index 372ce3b3..282ef142 100644
--- a/packages/chord-chart-studio/build/css/main.9eb5f33d21b01935d155.css
+++ b/packages/chord-chart-studio/build/css/main.6c2b09763d09b4b4339a.css
@@ -1,2 +1,2 @@
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{box-sizing:border-box;font-size:62.5%;font-size:.625em}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.6rem;line-height:1.5}.theme-dark .link1{color:#fabf2b}.theme-dark .link1:hover{color:#fbce5d}.theme-dark .link1:active{color:#fcdd8f}::-webkit-scrollbar{height:10px;width:10px}.theme-dark ::-webkit-scrollbar,.theme-light ::-webkit-scrollbar{background-color:red}.theme-dark ::-webkit-scrollbar-corner,.theme-dark ::-webkit-scrollbar-track{background-color:#293132}::-webkit-scrollbar-thumb{border-radius:100vw}.theme-light ::-webkit-scrollbar-thumb{border:3px solid}.theme-dark ::-webkit-scrollbar-thumb{background-color:#a8a8a8;border:3px solid #293132}.theme-dark ::-webkit-scrollbar-thumb:hover{background-color:#c1c1c1}@supports(scrollbar-color:white black){*{scrollbar-width:thin}.theme-dark *{scrollbar-color:#a8a8a8 #293132}}.cmTheme-dark1{background-color:#293132}.cmTheme-dark1 .cmSong{color:#f4f4f4;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.65em;padding:10px;white-space:pre-wrap}.cmTheme-dark1 .cmSong p{margin:0}.cmTheme-dark1 .cmSectionLabel{color:#67d3ff;font-weight:700}.cmTheme-dark1 .cmSectionMultiplier{color:#ed7bff}.cmTheme-dark1 .cmTimeSignature{color:#a7ff7b;font-weight:700}.cmTheme-dark1 .cmChordLine{color:#fabf2b}.cmTheme-dark1 .cmBarSeparator{opacity:.5}.cmTheme-dark1 .cmChordDuration{opacity:.7}.cmTheme-dark2{background-color:#282a36}.cmTheme-dark2 .cmSong{color:#f8f8f2;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.65em;padding:10px;white-space:pre-wrap}.cmTheme-dark2 .cmSong p{margin:0}.cmTheme-dark2 .cmSectionLabel{color:#ffb86c;font-weight:700}.cmTheme-dark2 .cmSectionMultiplier{color:#f1fa8c}.cmTheme-dark2 .cmTimeSignature{color:#f1fa8c;font-weight:700}.cmTheme-dark2 .cmChordLine{color:#8be9fd}.cmTheme-dark2 .cmBarSeparator{opacity:.5}.cmTheme-dark2 .cmChordDuration{opacity:.7}.cmTheme-dark3{background-color:#282a36}.cmTheme-dark3 .cmSong{color:#f8f8f2;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.65em;padding:10px;white-space:pre-wrap}.cmTheme-dark3 .cmSong p{margin:0}.cmTheme-dark3 .cmSectionLabel{color:#f55;font-weight:700}.cmTheme-dark3 .cmSectionMultiplier{color:#f1fa8c}.cmTheme-dark3 .cmTimeSignature{color:#8be9fd;font-weight:700}.cmTheme-dark3 .cmChordLine{color:#50fa7b}.cmTheme-dark3 .cmBarSeparator{opacity:.5}.cmTheme-dark3 .cmChordDuration{opacity:.7}.cmTheme-text .cmSong{color:#333;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.65em;padding:10px;white-space:pre-wrap}.cmTheme-text .cmSong p{margin:0}.cmSong--fontSize-5 .cmLine{font-size:.5em;line-height:1.15em}.cmSong--fontSize-4 .cmLine{font-size:.6em;line-height:1.25em}.cmSong--fontSize-3 .cmLine{font-size:.7em;line-height:1.35em}.cmSong--fontSize-2 .cmLine{font-size:.8em;line-height:1.45em}.cmSong--fontSize-1 .cmLine{font-size:.9em;line-height:1.55em}.cmSong--fontSize1 .cmLine{font-size:1.1em;line-height:1.75em}.cmSong--fontSize2 .cmLine{font-size:1.2em;line-height:1.85em}.cmSong--fontSize3 .cmLine{font-size:1.3em;line-height:1.95em}.cmSong--fontSize4 .cmLine{font-size:1.4em;line-height:2.05em}.cmSong--fontSize5 .cmLine{font-size:1.5em;line-height:2.15em}.cmTheme-print{background-color:#fff}.cmTheme-print .cmSong{color:#333;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;font-size:12px;line-height:1.65em;padding:10px;white-space:pre-wrap}.cmTheme-print .cmSong p{margin:0}.cmTheme-print .cmSectionLabel{font-weight:700;text-decoration:underline}.cmTheme-print .cmSectionMultiplier{font-weight:400;text-decoration:unset}.cmTheme-print .cmTimeSignature{font-weight:700}.cmTheme-print .cmBarSeparator{opacity:.5}.cmTheme-print .cmChordDuration{opacity:.7}.ErrorBoundary{padding:2rem}#app,body,html{height:100%;padding:0}.appLayout-wrapper{height:100%;width:100%}.appLayout-wrapper,.leftBar{display:flex;flex-direction:row;flex-wrap:nowrap}.leftBar{flex-shrink:0;max-width:250px;width:15%}.leftBar.leftBar-isCollapsed{width:48px}.theme-light .leftBar.leftBar-isCollapsed{border-right:1px solid}.theme-dark .leftBar{background-color:#303846;color:#f4f4f4}.theme-dark .leftBar.leftBar-isCollapsed{border-right:1px solid #dbdbdb}.theme-dark .leftBar.leftBar-isCollapsed:hover{background-color:#455064}@media print{.leftBar{display:none}}.rightBar{display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;max-width:250px;width:15%}.rightBar.rightBar-isCollapsed{width:48px}.theme-light .rightBar.rightBar-isCollapsed{border-left:1px solid}.theme-dark .rightBar{background-color:#303846;color:#f4f4f4}.theme-dark .rightBar.rightBar-isCollapsed{border-left:1px solid #dbdbdb}.theme-dark .rightBar.rightBar-isCollapsed:hover{background-color:#455064}@media print{.rightBar{display:none}}.leftBar-content{flex:1 1 auto;overflow-y:scroll}.leftBar-isCollapsed .leftBar-content{cursor:pointer;overflow:hidden;padding:.5rem 1rem;text-align:center}.rightBar-content{flex:1 1 auto;overflow-y:scroll}.rightBar-isCollapsed .rightBar-content{cursor:pointer;overflow:hidden;padding:.5rem 1rem;text-align:center}.leftBar-collapser{cursor:pointer;display:flex;flex:0 0 12px}.leftBar-isCollapsed .leftBar-collapser{display:none}.theme-light .leftBar-collapser{border-right:1px solid}.theme-dark .leftBar-collapser{background-color:#405a73;border-right:1px solid #a8a8a8}.theme-dark .leftBar-collapser:hover{background-color:#537393}.theme-dark .leftBar-collapser{color:#f4f4f4}.leftBar-collapserIcon{align-self:center;flex:1 1 auto;font-weight:700}.leftBar-collapserIcon .icon{font-size:1.2rem}.rightBar-collapser{cursor:pointer;display:flex;flex:0 0 12px}.rightBar-isCollapsed .rightBar-collapser{display:none}.theme-light .rightBar-collapser{border-left:1px solid}.theme-dark .rightBar-collapser{background-color:#405a73;border-left:1px solid #a8a8a8}.theme-dark .rightBar-collapser:hover{background-color:#537393}.theme-dark .rightBar-collapser{color:#f4f4f4}.rightBar-collapserIcon{align-self:center;flex:1 1 auto;font-weight:700}.rightBar-collapserIcon .icon{font-size:1.2rem}.appLayout-main{display:flex;flex-direction:column;flex-grow:1;flex-wrap:nowrap}.appLayout-header{flex-shrink:0}.theme-light .appLayout-header{border-bottom:3px solid}.theme-dark .appLayout-header{background-color:#303846;border-bottom:3px solid #fabf2b;color:hsla(0,0%,96%,.7)}@media print{.appLayout-header{display:none}}.appLayout-content{flex-grow:1;overflow-y:auto}@media print{.appLayout-content{overflow-y:visible}}.theme-dark .appLayout-footer{color:#a8a8a8}@media print{.appLayout-footer{display:none}}.logo-isExpanded{box-sizing:border-box;padding:1.5rem 0 1rem;width:100%}.leftBar-isCollapsed .logo-isExpanded{display:none}.logo-img{margin:0 auto;width:70%}.logo-img svg{fill:#fff;aspect-ratio:1.25/1;display:block;margin:5px auto 10px;width:80%}.mainNav-entries{display:flex;font-family:Open Sans,sans-serif;font-size:1.6rem;font-weight:400;justify-content:center;list-style-type:none;margin:0;padding:0;vertical-align:middle}.mainNavEntry{cursor:default;display:inline-block;font-weight:700;padding:1rem 2rem}.mainNavEntry:hover:not(.mainNavEntry-isActive){cursor:pointer}.theme-dark .mainNavEntry:hover:not(.mainNavEntry-isDisabled):not(.mainNavEntry-isActive){background-color:#fcdd8f;color:#1c2731}.theme-dark .mainNavEntry.mainNavEntry-isActive{background-color:#fabf2b;color:#1c2731}.mainNavEntry.mainNavEntry-isDisabled{user-select:none}.theme-light .mainNavEntry.mainNavEntry-isDisabled{cursor:not-allowed}.theme-dark .mainNavEntry.mainNavEntry-isDisabled{background-color:#303846;color:#a8a8a8;cursor:not-allowed}.mainNavEntry-icon .icon{font-size:1.4rem;margin-right:.5rem}.icon{vertical-align:middle}.userGuide-isExpanded{margin-left:1rem}.rightBar-isCollapsed .userGuide-isExpanded{display:none}.userGuide-isCollapsed{padding:1rem 0}.rightBar:not(.rightBar-isCollapsed) .userGuide-isCollapsed{display:none}button{background-color:transparent;border:0;border-radius:0}.Button{display:inline-block;font-weight:700;margin:10px 20px 10px 0;padding:10px 20px;text-transform:capitalize}.Button:hover{cursor:pointer}.Button:last-of-type{margin-right:0}.theme-dark .Button-primary:not(.Button-isDisabled){background-color:#fabf2b;color:#1c2731}.theme-dark .Button-primary:not(.Button-isDisabled):hover{background-color:#fcdd8f;color:#000}.theme-dark .Button-primary:not(.Button-isDisabled):active{background-color:#feecc0;color:#2e4052}.Button-primary.Button-isDisabled{cursor:not-allowed}.theme-dark .Button-primary.Button-isDisabled{background-color:#57686a;color:#404c4e}.theme-dark .Button-secondary:not(.Button-isDisabled){background-color:#a8a8a8;color:#121616}.theme-dark .Button-secondary:not(.Button-isDisabled):hover{background-color:#c1c1c1;color:#000}.theme-dark .Button-secondary:not(.Button-isDisabled):active{background-color:#dbdbdb;color:#2e4052}.Button-secondary.Button-isDisabled{cursor:not-allowed}.theme-dark .Button-secondary.Button-isDisabled{background-color:#57686a;color:#404c4e}.versions-isExpanded{font-size:1rem;margin:4rem 0;opacity:.5;padding:0 1rem}.rightBar-isCollapsed .versions-isExpanded{display:none}.versions-isExpanded a{color:inherit}.versions-isExpanded a:hover{opacity:.7}.sim-SongImporterModal_Container{align-content:stretch;align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;height:90%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.theme-light .sim-SongImporterModal_Container{border:1px solid}.theme-dark .sim-SongImporterModal_Container{background-color:#1e2324;border:1px solid #c1c1c1;color:#f4f4f4}.sim-Header_Container{display:flex;flex:0 0 auto}.theme-light .sim-Header_Container{border-bottom:1px solid}.theme-dark .sim-Header_Container{background-color:#303846;border-bottom:1px solid #c1c1c1;color:hsla(0,0%,96%,.7)}.sim-Header_Title{flex:1 1 auto;font-size:1.6rem;font-weight:bolder;padding:20px}.sim-Header_Actions{flex:0 0 auto;padding:0 10px}.sim-TwoColumns_Container{align-self:stretch;display:flex}.sim-TwoColumns_Container-autoHeight{flex:0 1 100%;min-height:0}.sim-Column_Container{align-self:stretch;flex:1 1 50%;padding:0 10px}.sim-Column_Container:first-child{padding-right:5px}.sim-Column_Container:last-child{padding-left:5px}.sim-Input_Header{font-size:1.2rem;height:20px;padding:2px;text-align:center;text-transform:uppercase}.theme-dark .sim-Input_Header{background-color:#404c4e;color:hsla(0,0%,96%,.7)}.sim-Input_Textarea{background-color:transparent;border:0;box-sizing:border-box;font-family:PT Mono,consolas,courier,monospace;font-size:1.2rem;height:calc(100% - 34px);line-height:1.5rem;margin:0;max-height:calc(100% - 34px);outline:none;overflow-y:scroll;padding:10px;resize:none;width:100%}.theme-dark .sim-Input_Textarea{background-color:#121616;color:#f4f4f4}.sim-Input_Textarea-Disabled{opacity:.5}.sim-Preview_Container{box-sizing:border-box;font-family:PT Mono,consolas,courier,monospace;font-size:1.2rem;height:calc(100% - 34px);max-height:calc(100% - 34px);overflow-y:scroll;padding:10px;white-space:pre-wrap}.theme-dark .sim-Preview_Container{background-color:#293132}.sim-Preview_Error{padding:10px}.theme-dark .sim-Preview_Error{background-color:#f91900;color:#f4f4f4}.sim-InputFile_Input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.sim-InputFormat{padding:10px 0}.sim-InputFormat_Entry{display:inline-block;margin:0 10px}.sim-InputFormat_Entry:hover,.sim-InputFormat_Label:hover{cursor:pointer}.sim-InputFormat_Entry-Disabled,.sim-InputFormat_Label-Disabled{opacity:.5}.sim-InputFormat_Entry-Disabled:hover,.sim-InputFormat_Label-Disabled:hover{cursor:not-allowed}.mod-ModalContainer{z-index:5000}.mod-ModalContainer,.mod-Overlay{height:100%;left:0;position:absolute;top:0;width:100%}.mod-Overlay{background-color:#000;opacity:.7}.mod-ModalConfirmContainer{height:auto;left:50%;padding:10px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;z-index:5000}.theme-light .mod-ModalConfirmContainer{border:1px solid}.theme-dark .mod-ModalConfirmContainer{background-color:#1e2324;border:1px solid #c1c1c1;color:#f4f4f4}.mod-ModalConfirmButtons{text-align:center}.fileManager-isExpanded{font-size:1.2rem}.leftBar-isCollapsed .fileManager-isExpanded{display:none}.fileManager-isCollapsed{padding:1rem 0}.leftBar:not(.leftBar-isCollapsed) .fileManager-isCollapsed{display:none}.fileManager-actionsList{display:flex;flex-direction:row;flex-wrap:wrap;padding:1rem}.theme-dark .fileManager-actionsList{background-color:#455064}.fileManagerAction{flex:0 1 auto;margin-right:.5rem;padding:.5rem;white-space:nowrap}.fileManagerAction:hover{cursor:not-allowed}.fileManagerAction:hover:not(.fileManagerAction-isDisabled){cursor:pointer}.theme-dark .fileManagerAction:hover:not(.fileManagerAction-isDisabled){background-color:#596883}.fileManagerAction-isDisabled{opacity:.5;user-select:none}.fileManagerAction-icon .icon{font-size:1.4rem}.fileManager-entriesList{list-style:none;padding-left:0}.fileManagerEntry{cursor:pointer;padding:.1rem 0}.theme-dark .fileManagerEntry:hover{background-color:#596883}.theme-dark .fileManagerEntry.fileManagerEntry-isSelected{background-color:#fabf2b}.fileManagerEntry-input{background-color:transparent;border:none;box-sizing:border-box;cursor:pointer;outline:none;padding:0 1rem;width:100%}.theme-dark .fileManagerEntry-input{color:#f4f4f4}.theme-dark .fileManagerEntry-isSelected .fileManagerEntry-input{color:#303846}.fileManagerEntry-isRenamed .fileManagerEntry-input{cursor:text}.theme-dark .fileManagerEntry-isRenamed .fileManagerEntry-input{background-color:#f4f4f4;color:#303846}.songEditor-headers{display:flex;font-size:1.2rem;height:20px;padding:3px 0;text-align:center;text-transform:uppercase}.theme-dark .songEditor-headers{background-color:#404c4e;color:hsla(0,0%,96%,.7)}.songEditor-previewHeader,.songEditor-sourceHeader{flex:0 1 50%}.songEditor{display:flex;flex-direction:row;flex-wrap:nowrap;height:calc(100% - 26px);width:100%}.songEditor-source{display:flex;flex:0 1 50%;overflow-y:scroll}.theme-dark .songEditor-source{background-color:#1e2324}.songEditor-preview{flex:0 1 50%;overflow-y:scroll}.editorPreview{box-sizing:border-box;min-height:100%;padding:.5rem}.cmTheme-fadeRepeats .cmLine--isFromAutoRepeatChords,.cmTheme-fadeRepeats .cmLine--isFromChordLineRepeater,.cmTheme-fadeRepeats .cmLine--isFromSectionCopy,.cmTheme-fadeRepeats .cmLine--isFromSectionMultiply{opacity:.5}.prosemirrorWrapper{flex:1 1 auto;padding:15px 0}.ProseMirror{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;height:100%;line-height:1.65em;outline:none}.theme-dark .ProseMirror{color:#dbdbdb}.ProseMirror p{margin:0;padding:0 1rem}.ProseMirror{word-wrap:break-word;font-feature-settings:"liga" 0;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;position:relative;white-space:pre-wrap;white-space:break-spaces}.ProseMirror pre{white-space:pre-wrap}.ProseMirror li{position:relative}.ProseMirror-hideselection ::selection{background:transparent}.ProseMirror-hideselection ::-moz-selection{background:transparent}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror-selectednode{outline:2px solid #8cf}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{border:2px solid #8cf;bottom:-2px;content:"";left:-32px;pointer-events:none;position:absolute;right:-2px;top:-2px}img.ProseMirror-separator{border:none!important;display:inline!important;margin:0!important}.exportPreview{box-sizing:border-box;min-height:100%;padding:1rem}.theme-dark .exportPreview{background-color:#293132;color:#f4f4f4}.exp-SongRenderer{color:#333;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.65em;padding:15px;white-space:pre-wrap}.exp-SongRenderer p{margin:0}.exp-SongRenderer .txtLine{display:block}.theme-dark .exp-SongRenderer{color:#f4f4f4!important}.playRendererWrapper1{height:100%;overflow-y:scroll;position:relative}.playRendererWrapper2{bottom:0;left:0;position:absolute;right:0;top:0}.playRenderer{box-sizing:border-box;min-height:100%}.playRenderer .cmSong{padding:0!important}.playRenderer--columns-1{column-count:1;padding:1rem}.playRenderer--columns-2{column-count:2;column-fill:auto;height:100%;padding:1rem}.playRenderer--columns-3{column-count:3;column-fill:auto;height:100%;padding:1rem}.playRenderer--columns-4{column-count:4;column-fill:auto;height:100%;padding:1rem}.printPreview{min-height:100%;overflow:hidden}.theme-dark .printPreview{background-color:#293132}@media print{.printPreview{background-color:#fff!important;overflow-y:auto}}.printPreview-page{background-color:#fff;margin:2rem auto;position:relative}@media print{.printPreview-page{margin:0;page-break-after:auto}}.printPreview-pageContentWrapper{bottom:0;left:0;position:absolute;right:0;top:0}.printPreview-pageContent{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%}.printPreview-pageHeader{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.printPreview-pageColumnWrapper{display:flex;flex:1;flex-direction:row;flex-wrap:nowrap}.printPreview-pageColumn{flex:1 1 0;margin:0 .7rem}.printPreview-pageColumn:first-of-type{margin-left:0}.printPreview-pageColumn:last-of-type{margin-right:0}.printPreview-page--a4{height:297mm;width:210mm}.printPreview-page--booxmax2pro{height:930px;width:698px}.printPreview-pageContentWrapper--padding1{padding:3mm}.printPreview-pageContentWrapper--padding2{padding:6mm}.printPreview-pageContentWrapper--padding3{padding:9mm}.printPreview-pageContentWrapper--padding4{padding:12mm}.printPreview-pageContentWrapper--padding5{padding:15mm}.cmTheme-print .cmSong{padding:0!important}.measuring-node{position:absolute;visibility:hidden;z-index:-1}.rightBar-isCollapsed .renderingOptionsPanel-isExpanded{display:none}.renderingOptionsPanel-isCollapsed{padding:1rem 0}.rightBar:not(.rightBar-isCollapsed) .renderingOptionsPanel-isCollapsed{display:none}.sb-optionsGroup{padding-top:2rem}.sb-optionsGroup:first-of-type{padding-top:0}.sb-optionsGroup-title{font-size:1.4rem;font-weight:700;padding:.5rem 1rem .5rem .5rem;user-select:none}.theme-light .sb-optionsGroup-title{border-bottom:2px solid}.theme-dark .sb-optionsGroup-title{border-bottom:2px solid hsla(0,0%,96%,.7)}.theme-dark .sb-optionsGroup-isNotInteractable .sb-optionsGroup-title{color:#71819e}.sb-optionsGroup-iconTitle .icon{font-size:1.6rem}.sb-optionsGroup-iconToggle .icon{font-size:1.8rem}.sb-optionSelect{font-size:1.2rem;padding:.5rem 1.5rem .5rem 1rem}.theme-light .sb-optionSelect{border-bottom:1px dotted}.theme-dark .sb-optionSelect{border-bottom:1px dotted #71819e}.theme-dark .sb-optionsGroup .sb-optionSelect{background-color:#1b2028}.sb-optionSelect.sb-optionSelect-isNotInteractable{user-select:none}.theme-dark .sb-optionSelect.sb-optionSelect-isNotInteractable{color:#71819e}.sb-optionSelect:hover{cursor:not-allowed}.sb-optionSelect:hover:not(.sb-optionSelect-isNotInteractable){cursor:pointer}.theme-dark .sb-optionSelect:hover:not(.sb-optionSelect-isNotInteractable){background-color:#596883}.sb-optionSelect-title{display:flex}.sb-optionSelect-desc{flex:1 1 auto}.sb-optionSelect-toggle{flex:0 0 auto}.sb-optionSelect-icon .icon{font-size:1.8rem}.sb-optionSelectChoice-activeLabel{opacity:.5}.sb-optionSelectChoice{display:flex;padding-top:.5rem}.sb-optionSelectChoice:hover:not(.sb-optionSelectChoice-isNotInteractable){cursor:pointer;text-decoration:underline}.sb-optionSelectChoice-isSelected{font-weight:700}.sb-optionSelectChoice-check{flex:0 0 20px}.sb-optionSelectChoice-checkIcon .icon{font-size:1.2rem}.sb-optionSelectChoice-label{flex:1 1 auto}.sb-optionSlider{display:flex;flex-wrap:wrap;font-size:1.2rem;padding:.5rem 1.5rem .5rem 1rem}.theme-light .sb-optionSlider{border-bottom:1px dotted}.theme-dark .sb-optionSlider{border-bottom:1px dotted #71819e}.theme-dark .sb-optionsGroup .sb-optionSlider{background-color:#1b2028}.sb-optionSlider.sb-optionSlider-isNotInteractable{user-select:none}.theme-dark .sb-optionSlider.sb-optionSlider-isNotInteractable{color:#71819e}.sb-optionSlider:hover{cursor:not-allowed}.sb-optionSlider:hover:not(.sb-optionSlider-isNotInteractable){cursor:pointer}.theme-dark .sb-optionSlider:hover:not(.sb-optionSlider-isNotInteractable){background-color:#596883}.sb-optionSlider-desc{flex:1 1 auto}.sb-optionSlider-value{flex:0 0 auto;font-size:1.2rem;vertical-align:middle}.sb-optionSlider-range{flex:1 1 100%}.theme-light .sb-optionSlider-range input[type=range]{-webkit-appearance:none;background:transparent;width:100%}.theme-light .sb-optionSlider-range input[type=range]:focus{outline:none}.theme-light .sb-optionSlider-range input[type=range]::-webkit-slider-runnable-track{animation:.2s;background:#feecc0;border:0 solid #000;border-radius:0;cursor:pointer;height:10px;width:100%}.theme-light .sb-optionSlider-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#bb8704;border:0 solid #000;border-radius:0;cursor:pointer;height:10px;margin-top:-3.3333333333;width:15px}.theme-light .sb-optionSlider-range input[type=range]:focus::-webkit-slider-runnable-track{background:#feecc0}.theme-light .sb-optionSlider-range input[type=range]::-moz-range-track{animation:.2s;background:#feecc0;border:0 solid #000;border-radius:0;cursor:pointer;height:10px;width:100%}.theme-light .sb-optionSlider-range input[type=range]::-moz-range-thumb{background:#bb8704;border:0 solid #000;border-radius:0;cursor:pointer;height:10px;width:15px}.theme-light .sb-optionSlider-range input[type=range]::-ms-track{animation:.2s;background:transparent;border-color:transparent;border-width:15px 0;color:transparent;cursor:pointer;height:10px;width:100%}.theme-light .sb-optionSlider-range input[type=range]::-ms-fill-lower,.theme-light .sb-optionSlider-range input[type=range]::-ms-fill-upper{background:#feecc0;border:0 solid #000;border-radius:0}.theme-light .sb-optionSlider-range input[type=range]::-ms-thumb{background:#bb8704;border:0 solid #000;border-radius:0;cursor:pointer;height:10px;width:15px}.theme-light .sb-optionSlider-range input[type=range]:focus::-ms-fill-lower,.theme-light .sb-optionSlider-range input[type=range]:focus::-ms-fill-upper{background:#feecc0}.theme-light .sb-optionSlider-range input[type=range]:disabled::-moz-range-thumb,.theme-light .sb-optionSlider-range input[type=range]:disabled::-moz-range-track{cursor:default}.theme-light .sb-optionSlider-range input[type=range]:disabled::-webkit-slider-runnable-track,.theme-light .sb-optionSlider-range input[type=range]:disabled::-webkit-slider-thumb{cursor:default}.theme-light .sb-optionSlider-range input[type=range]:disabled::-ms-thumb,.theme-light .sb-optionSlider-range input[type=range]:disabled::-ms-track{cursor:default}.theme-dark .sb-optionSlider-range input[type=range]{-webkit-appearance:none;background:transparent;width:100%}.theme-dark .sb-optionSlider-range input[type=range]:focus{outline:none}.theme-dark .sb-optionSlider-range input[type=range]::-webkit-slider-runnable-track{animation:.2s;background:#71819e;border:0 solid #000;border-radius:0;cursor:pointer;height:10px;width:100%}.theme-dark .sb-optionSlider-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#070809;border:0 solid #000;border-radius:0;cursor:pointer;height:10px;margin-top:-3.3333333333;width:15px}.theme-dark .sb-optionSlider-range input[type=range]:focus::-webkit-slider-runnable-track{background:#71819e}.theme-dark .sb-optionSlider-range input[type=range]::-moz-range-track{animation:.2s;background:#71819e;border:0 solid #000;border-radius:0;cursor:pointer;height:10px;width:100%}.theme-dark .sb-optionSlider-range input[type=range]::-moz-range-thumb{background:#070809;border:0 solid #000;border-radius:0;cursor:pointer;height:10px;width:15px}.theme-dark .sb-optionSlider-range input[type=range]::-ms-track{animation:.2s;background:transparent;border-color:transparent;border-width:15px 0;color:transparent;cursor:pointer;height:10px;width:100%}.theme-dark .sb-optionSlider-range input[type=range]::-ms-fill-lower,.theme-dark .sb-optionSlider-range input[type=range]::-ms-fill-upper{background:#71819e;border:0 solid #000;border-radius:0}.theme-dark .sb-optionSlider-range input[type=range]::-ms-thumb{background:#070809;border:0 solid #000;border-radius:0;cursor:pointer;height:10px;width:15px}.theme-dark .sb-optionSlider-range input[type=range]:focus::-ms-fill-lower,.theme-dark .sb-optionSlider-range input[type=range]:focus::-ms-fill-upper{background:#71819e}.theme-dark .sb-optionSlider-range input[type=range]:disabled::-moz-range-thumb,.theme-dark .sb-optionSlider-range input[type=range]:disabled::-moz-range-track{cursor:default}.theme-dark .sb-optionSlider-range input[type=range]:disabled::-webkit-slider-runnable-track,.theme-dark .sb-optionSlider-range input[type=range]:disabled::-webkit-slider-thumb{cursor:default}.theme-dark .sb-optionSlider-range input[type=range]:disabled::-ms-thumb,.theme-dark .sb-optionSlider-range input[type=range]:disabled::-ms-track{cursor:default}.sb-optionSlider-range input[type=range]:disabled{cursor:not-allowed!important;opacity:.35}.sb-optionToggle{display:flex;font-size:1.2rem;padding:.5rem 1.5rem .5rem 1rem}.theme-light .sb-optionToggle{border-bottom:1px dotted}.theme-dark .sb-optionToggle{border-bottom:1px dotted #71819e}.theme-dark .sb-optionsGroup .sb-optionToggle{background-color:#1b2028}.sb-optionToggle.sb-optionToggle-isNotInteractable{user-select:none}.theme-dark .sb-optionToggle.sb-optionToggle-isNotInteractable{color:#71819e}.sb-optionToggle:hover{cursor:not-allowed}.sb-optionToggle:hover:not(.sb-optionToggle-isNotInteractable){cursor:pointer}.theme-dark .sb-optionToggle:hover:not(.sb-optionToggle-isNotInteractable){background-color:#596883}.sb-optionToggle-desc{flex:1 1 auto}.sb-optionToggle-icon{flex:0 0 auto}.theme-dark .sb-optionToggle-isOff .icon{color:#a8a8a8}.sb-optionToggle-icon .icon{font-size:1.8rem}.theme-dark .sb-optionToggle-isOff .sb-optionToggle-icon .icon{color:#a8a8a8}
-/*# sourceMappingURL=main.9eb5f33d21b01935d155.css.map*/
\ No newline at end of file
+/*# sourceMappingURL=main.6c2b09763d09b4b4339a.css.map*/
\ No newline at end of file
diff --git a/packages/chord-chart-studio/build/css/main.6c2b09763d09b4b4339a.css.map b/packages/chord-chart-studio/build/css/main.6c2b09763d09b4b4339a.css.map
new file mode 100644
index 00000000..4ddb6796
--- /dev/null
+++ b/packages/chord-chart-studio/build/css/main.6c2b09763d09b4b4339a.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"css/main.6c2b09763d09b4b4339a.css","mappings":"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","sources":["webpack://chord-chart-studio/./node_modules/normalize.css/normalize.css","webpack://chord-chart-studio/./scss/_base.scss","webpack://chord-chart-studio/./scss/abstract/_typography.scss","webpack://chord-chart-studio/./scss/abstract/mixins/_fontSize.scss","webpack://chord-chart-studio/./scss/abstract/mixins/_themify.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/themes/dark1.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/abstract/_colors.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/abstract/_mixins.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/abstract/_variables.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/themes/dark2.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/themes/dark3.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/themes/text.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/themes/_common.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/themes/print.scss","webpack://chord-chart-studio/./src/ui/_components/ErrorBoundary.scss","webpack://chord-chart-studio/./scss/abstract/_spacings.scss","webpack://chord-chart-studio/./src/ui/layout/app/_components/App.scss","webpack://chord-chart-studio/./src/ui/sideBar/_components/Logo.scss","webpack://chord-chart-studio/./src/ui/layout/app/_components/Nav.scss","webpack://chord-chart-studio/./src/ui/_components/Icon.scss","webpack://chord-chart-studio/./src/ui/sideBar/_components/UserGuide.scss","webpack://chord-chart-studio/./src/ui/_components/Button.scss","webpack://chord-chart-studio/./src/ui/sideBar/_components/Versions.scss","webpack://chord-chart-studio/./src/songImporter/_components/SongImporter.scss","webpack://chord-chart-studio/./src/ui/_components/Modal.scss","webpack://chord-chart-studio/./src/fileManager/_components/FileManager.scss","webpack://chord-chart-studio/./src/editor/songEditor/_components/EditorLayout.scss","webpack://chord-chart-studio/./src/songRenderers/editorPreview/_components/EditorPreview.scss","webpack://chord-chart-studio/./src/editor/songEditor/prosemirror/ProsemirrorEditorView.scss","webpack://chord-chart-studio/./node_modules/prosemirror-view/style/prosemirror.css","webpack://chord-chart-studio/./src/songRenderers/exportPreview/_components/ExportPreview.scss","webpack://chord-chart-studio/./src/songRenderers/playRenderer/_components/PlayRenderer.scss","webpack://chord-chart-studio/./src/songRenderers/printPreview/_components/PrintPreview.scss","webpack://chord-chart-studio/./src/songRenderers/printPreview/helpers/getDimensionsFromDom.scss","webpack://chord-chart-studio/./src/optionsPanels/rendering/_components/Rendering.scss","webpack://chord-chart-studio/./src/ui/sideBar/options/_components/OptionsGroup.scss","webpack://chord-chart-studio/./src/ui/sideBar/options/_components/Select.scss","webpack://chord-chart-studio/./src/ui/sideBar/options/_components/Slider.scss","webpack://chord-chart-studio/./scss/abstract/mixins/_inputRange.scss","webpack://chord-chart-studio/./src/ui/sideBar/options/_components/Toggle.scss"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","@import 'abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\t// links\n\t\tlink1: cv(dark-accent),\n\t\tlink1-hover: cv(dark-accent, light10),\n\t\tlink1-active: cv(dark-accent, light20),\n\t\t// scrollbars\n\t\tscrollbar-bg: cv(dark-secondary),\n\t\tscrollbar-thumb: cv(dark-foreground, dark30),\n\t\tscrollbar-hover: cv(dark-foreground, dark20),\n\t),\n);\n\nhtml {\n\t/* switching to border-box model for all elements */\n\tbox-sizing: border-box;\n\n\t/* set base font-size to equiv \"10px\", which is adapted to rem unit */\n\tfont-size: 62.5%;\n\n\t/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */\n\tfont-size: calc(1em * 0.625);\n}\n\nbody {\n\t@include font-size(base);\n\tfont-family: $font-family-base;\n\tline-height: $line-height-base;\n}\n\n.link1 {\n\t@include themify($themes) {\n\t\tcolor: themed('link1');\n\t}\n\n\t&:hover {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('link1-hover');\n\t\t}\n\t}\n\n\t&:active {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('link1-active');\n\t\t}\n\t}\n}\n\n// scrollbars\n::-webkit-scrollbar {\n\twidth: 10px;\n\theight: 10px;\n\t@include themify($themes) {\n\t\tbackground-color: red;\n\t}\n}\n\n::-webkit-scrollbar-track,\n::-webkit-scrollbar-corner {\n\t@include themify($themes) {\n\t\tbackground-color: themed('scrollbar-bg');\n\t}\n}\n\n::-webkit-scrollbar-thumb {\n\t@include themify($themes) {\n\t\tbackground-color: themed('scrollbar-thumb');\n\t\tborder: 3px solid themed('scrollbar-bg');\n\t}\n\tborder-radius: 100vw;\n}\n\n::-webkit-scrollbar-thumb:hover {\n\t@include themify($themes) {\n\t\tbackground-color: themed('scrollbar-hover');\n\t}\n}\n\n@supports (scrollbar-color: white black) {\n\t* {\n\t\t@include themify($themes) {\n\t\t\tscrollbar-color: themed('scrollbar-thumb') themed('scrollbar-bg');\n\t\t}\n\t\tscrollbar-width: thin;\n\t}\n}\n","@use 'sass:math';\n\n// ChordMark\n\n$cmFontStack: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n\t'Courier New', monospace;\n$cmFontSize: 13px;\n$cmLineHeight: 1.65em;\n\n// Source: Knacss\n\n// Font families\n$font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n\tOxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !default; // system font stack\n$font-family-headings: 'Open Sans', sans-serif !default; // font for h1, h2.. h6\n$font-family-monospace: 'PT Mono', consolas, courier, monospace !default; // font for code and samples\n\n// Font sizes (1.6rem value is \"16px\" equivalent)\n$font-size-base: 1.6rem !default;\n\n$font-sizes: (\n\th1: (\n\t\tmobile: 2.8rem,\n\t\tdesktop: 3.2rem,\n\t),\n\th2: (\n\t\tmobile: 2.4rem,\n\t\tdesktop: 2.8rem,\n\t),\n\th3: (\n\t\tmobile: 2rem,\n\t\tdesktop: 2.4rem,\n\t),\n\th4: (\n\t\tmobile: 1.8rem,\n\t\tdesktop: 2rem,\n\t),\n\th5: (\n\t\tmobile: 1.6rem,\n\t\tdesktop: 1.8rem,\n\t),\n\th6: (\n\t\tmobile: 1.4rem,\n\t\tdesktop: 1.6rem,\n\t),\n\tbig: (\n\t\tmobile: 1.6rem,\n\t\tdesktop: 1.8rem,\n\t),\n\tbase: (\n\t\tmobile: 1.4rem,\n\t\tdesktop: $font-size-base,\n\t),\n\tnormal: (\n\t\tmobile: 1.2rem,\n\t\tdesktop: 1.4rem,\n\t),\n\tsmall: (\n\t\tmobile: 1rem,\n\t\tdesktop: 1.2rem,\n\t),\n\ttiny: (\n\t\tmobile: 0.8rem,\n\t\tdesktop: 1rem,\n\t),\n) !default;\n\n// Line heights\n$line-height-s: 1.3 !default;\n$line-height-base: 1.5 !default;\n$line-height-l: 1.7 !default;\n\n// Default margin-bottom\n$margin-bottom-base: 1rem !default;\n$headings-margin-bottom: math.div($margin-bottom-base, 2) !default;\n$paragraph-margin-bottom: $margin-bottom-base !default;\n\n// Font weights\n$weight-light: 200 !default;\n$weight-book: 300 !default;\n$weight-regular: 400 !default;\n$weight-medium: 500 !default;\n$weight-bold: 700 !default;\n","// Source: Knacss\n\n// font-size Mixin\n// compiles to font-size mobile + font-size desktop on small-plus devices\n// ex. h2 { @include font-size(h2);}\n@mixin font-size($elem) {\n\t$q: map-get($font-sizes, $elem);\n\t$mob: map-get($q, 'mobile');\n\t$desk: map-get($q, 'desktop');\n\tfont-size: $desk;\n}\n","// Source: https://medium.com/@dmitriy.borodiy/easy-color-theming-with-scss-bc38fd5734d1\n\n@mixin themify($themes: null) {\n\t@if (type-of($themes) != map) {\n\t\t@error \"Please supply a themes map to themify mixin\";\n\t} @else {\n\t\t@each $theme, $map in $themes {\n\t\t\t.theme-#{$theme} & {\n\t\t\t\t$theme-map: () !global;\n\t\t\t\t@each $key, $submap in $map {\n\t\t\t\t\t$value: map-get(map-get($themes, $theme), '#{$key}');\n\t\t\t\t\t$theme-map: map-merge(\n\t\t\t\t\t\t$theme-map,\n\t\t\t\t\t\t(\n\t\t\t\t\t\t\t$key: $value,\n\t\t\t\t\t\t)\n\t\t\t\t\t) !global;\n\t\t\t\t}\n\n\t\t\t\t@content;\n\t\t\t\t$theme-map: null !global;\n\t\t\t}\n\t\t}\n\t}\n}\n@function themed($key) {\n\t@return map-get($theme-map, $key);\n}\n","@import '../abstract';\n@import './common';\n\n$green: rgb(167, 255, 123);\n$blue: rgb(103, 211, 255);\n$pink: rgb(237, 123, 255);\n\n.cmTheme-dark1 {\n\tbackground-color: $ccs-secondary;\n\n\t.cmSong {\n\t\t@include base;\n\t\tcolor: $ccs-foreground;\n\t}\n\n\t// Sections\n\t.cmSectionLabel {\n\t\tcolor: $blue;\n\t\tfont-weight: bold;\n\t}\n\t.cmSectionMultiplier {\n\t\tcolor: $pink;\n\t}\n\n\t// Time signature\n\t.cmTimeSignature {\n\t\tcolor: $green;\n\t\tfont-weight: bold;\n\t}\n\n\t// Chordline\n\t.cmChordLine {\n\t\tcolor: $ccs-accent;\n\t}\n\n\t.cmBarSeparator {\n\t\topacity: 0.5;\n\t}\n\n\t.cmChordDuration {\n\t\topacity: 0.7;\n\t}\n}\n","// Dracula theme\n$dracula-background: #282a36;\n$dracula-selection: #44475a;\n$dracula-foreground: #f8f8f2;\n$dracula-comment: #6272a4;\n$dracula-cyan: #8be9fd;\n$dracula-green: #50fa7b;\n$dracula-orange: #ffb86c;\n$dracula-pink: #ff79c6;\n$dracula-purple: #bd93f9;\n$dracula-red: #ff5555;\n$dracula-yellow: #f1fa8c;\n\n// Chord Chart Studio\n$whiteSmoke: rgba(244, 244, 244, 1);\n$onyx: rgba(48, 56, 70, 1);\n$charcoal: rgba(46, 64, 82, 1);\n$gunMetal: rgba(41, 49, 50, 1);\n$saffron: rgba(250, 191, 43, 1);\n$bitterSweet: rgba(255, 112, 96, 1);\n$screamingGreen: rgba(116, 241, 78, 1);\n\n$ccs-foreground: $whiteSmoke;\n$ccs-background: $onyx;\n$ccs-accent: $saffron;\n$ccs-primary: $charcoal;\n$ccs-secondary: $gunMetal;\n$ccs-red: $bitterSweet;\n$ccs-yellow: $saffron;\n$ccs-green: $screamingGreen;\n","@mixin base {\n\tfont-family: $font-stack;\n\tfont-size: 13px;\n\tline-height: 1.65em;\n\tpadding: 10px;\n\twhite-space: pre-wrap;\n\n\tp {\n\t\tmargin: 0;\n\t}\n}\n","$font-stack: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n\t'Courier New', monospace;\n","@import '../abstract';\n@import './common';\n\n.cmTheme-dark2 {\n\tbackground-color: $dracula-background;\n\n\t.cmSong {\n\t\t@include base;\n\t\tcolor: $dracula-foreground;\n\t}\n\n\t// Sections\n\t.cmSectionLabel {\n\t\tcolor: $dracula-orange;\n\t\tfont-weight: bold;\n\t}\n\t.cmSectionMultiplier {\n\t\tcolor: $dracula-yellow;\n\t}\n\n\t// Time signature\n\t.cmTimeSignature {\n\t\tcolor: $dracula-yellow;\n\t\tfont-weight: bold;\n\t}\n\n\t// Chordline\n\t.cmChordLine {\n\t\tcolor: $dracula-cyan;\n\t}\n\n\t.cmBarSeparator {\n\t\topacity: 0.5;\n\t}\n\n\t.cmChordDuration {\n\t\topacity: 0.7;\n\t}\n}\n","@import '../abstract';\n@import './common';\n\n.cmTheme-dark3 {\n\tbackground-color: $dracula-background;\n\n\t.cmSong {\n\t\t@include base;\n\t\tcolor: $dracula-foreground;\n\t}\n\n\t// Sections\n\t.cmSectionLabel {\n\t\tcolor: $dracula-red;\n\t\tfont-weight: bold;\n\t}\n\t.cmSectionMultiplier {\n\t\tcolor: $dracula-yellow;\n\t}\n\n\t// Time signature\n\t.cmTimeSignature {\n\t\tcolor: $dracula-cyan;\n\t\tfont-weight: bold;\n\t}\n\n\t// Chordline\n\t.cmChordLine {\n\t\tcolor: $dracula-green;\n\t}\n\n\t.cmBarSeparator {\n\t\topacity: 0.5;\n\t}\n\n\t.cmChordDuration {\n\t\topacity: 0.7;\n\t}\n}\n","@import '../abstract';\n@import './common';\n\n.cmTheme-text {\n\t.cmSong {\n\t\t@include base;\n\t\tcolor: #333;\n\t}\n}\n",".cmLine {\n\t.cmSong--fontSize-5 & {\n\t\tfont-size: 0.5em;\n\t\tline-height: 1.15em;\n\t}\n\t.cmSong--fontSize-4 & {\n\t\tfont-size: 0.6em;\n\t\tline-height: 1.25em;\n\t}\n\t.cmSong--fontSize-3 & {\n\t\tfont-size: 0.7em;\n\t\tline-height: 1.35em;\n\t}\n\t.cmSong--fontSize-2 & {\n\t\tfont-size: 0.8em;\n\t\tline-height: 1.45em;\n\t}\n\t.cmSong--fontSize-1 & {\n\t\tfont-size: 0.9em;\n\t\tline-height: 1.55em;\n\t}\n\t.cmSong--fontSize1 & {\n\t\tfont-size: 1.1em;\n\t\tline-height: 1.75em;\n\t}\n\t.cmSong--fontSize2 & {\n\t\tfont-size: 1.2em;\n\t\tline-height: 1.85em;\n\t}\n\t.cmSong--fontSize3 & {\n\t\tfont-size: 1.3em;\n\t\tline-height: 1.95em;\n\t}\n\t.cmSong--fontSize4 & {\n\t\tfont-size: 1.4em;\n\t\tline-height: 2.05em;\n\t}\n\t.cmSong--fontSize5 & {\n\t\tfont-size: 1.5em;\n\t\tline-height: 2.15em;\n\t}\n}\n","@import '../abstract';\n@import './common';\n\n.cmTheme-print {\n\tbackground-color: white;\n\n\t.cmSong {\n\t\t@include base;\n\t\tcolor: #333;\n\t\tfont-size: 12px;\n\t}\n\n\t// Sections\n\t.cmSectionLabel {\n\t\tfont-weight: bold;\n\t\ttext-decoration: underline;\n\t}\n\t.cmSectionMultiplier {\n\t\tfont-weight: normal;\n\t\ttext-decoration: unset;\n\t}\n\n\t// Time signature\n\t.cmTimeSignature {\n\t\tfont-weight: bold;\n\t}\n\n\t// Chordline\n\t.cmChordLine {\n\t}\n\n\t.cmBarSeparator {\n\t\topacity: 0.5;\n\t}\n\n\t.cmChordDuration {\n\t\topacity: 0.7;\n\t}\n}\n","@import '../../../scss/abstract';\n\n.ErrorBoundary {\n\tpadding: $spacer-medium;\n}\n","// Spacings\n$spacer-extra-tiny: 0.25rem !default;\n$spacer-tiny: 0.5rem !default;\n$spacer-tiny-plus: 0.7rem !default;\n$spacer-small: 1rem !default;\n$spacer-small-plus: 1.5rem !default;\n$spacer-medium: 2rem !default;\n$spacer-medium-plus: 3rem !default;\n$spacer-large: 4rem !default;\n$spacer-large-plus: 6rem !default;\n$spacer-extra-large: 8rem !default;\n$spacer-extra-large-plus: 12rem !default;\n$spacer-ultra-large: 16rem !default;\n$spacer-ultra-large-plus: 20rem !default;\n","@import '../../../../../scss/abstract';\n@import '../themes';\n\nhtml,\nbody,\n#app {\n\theight: 100%;\n\tpadding: 0;\n}\n\n.appLayout-wrapper {\n\twidth: 100%;\n\theight: 100%;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n}\n\n// Sidebars\n\n.leftBar {\n\tflex-shrink: 0;\n\twidth: 15%;\n\tmax-width: 250px;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\n\t&.leftBar-isCollapsed {\n\t\twidth: 48px;\n\t}\n\n\t@include themify($themes) {\n\t\tcolor: themed('leftBar-txt');\n\t\tbackground-color: themed('leftBar-bg');\n\n\t\t&.leftBar-isCollapsed {\n\t\t\tborder-right: 1px solid themed('leftBar-border');\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: themed('leftBar-bgHover');\n\t\t\t}\n\t\t}\n\t}\n\n\t@media print {\n\t\tdisplay: none;\n\t}\n}\n\n.rightBar {\n\tflex-shrink: 0;\n\twidth: 15%;\n\tmax-width: 250px;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\n\t&.rightBar-isCollapsed {\n\t\twidth: 48px;\n\t}\n\n\t@include themify($themes) {\n\t\tcolor: themed('rightBar-txt');\n\t\tbackground-color: themed('rightBar-bg');\n\n\t\t&.rightBar-isCollapsed {\n\t\t\tborder-left: 1px solid themed('rightBar-border');\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: themed('rightBar-bgHover');\n\t\t\t}\n\t\t}\n\t}\n\n\t@media print {\n\t\tdisplay: none;\n\t}\n}\n\n.leftBar-content {\n\toverflow-y: scroll;\n\tflex: 1 1 auto;\n\n\t.leftBar-isCollapsed & {\n\t\tpadding: $spacer-tiny $spacer-small;\n\t\ttext-align: center;\n\t\tcursor: pointer;\n\t\toverflow: hidden;\n\t}\n}\n\n.rightBar-content {\n\toverflow-y: scroll;\n\tflex: 1 1 auto;\n\n\t.rightBar-isCollapsed & {\n\t\tpadding: $spacer-tiny $spacer-small;\n\t\ttext-align: center;\n\t\tcursor: pointer;\n\t\toverflow: hidden;\n\t}\n}\n\n.leftBar-collapser {\n\tflex: 0 0 12px;\n\tdisplay: flex;\n\tcursor: pointer;\n\n\t.leftBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('leftBar-collapser-bg');\n\t\tborder-right: 1px solid themed('leftBar-collapser-border');\n\n\t\t&:hover {\n\t\t\tbackground-color: themed('leftBar-collapser-bgHover');\n\t\t}\n\t}\n\n\t@include themify($themes) {\n\t\tcolor: themed('leftBar-collapser-txt');\n\t}\n}\n\n.leftBar-collapserIcon {\n\tflex: 1 1 auto;\n\talign-self: center;\n\tfont-weight: $weight-bold;\n\n\t.icon {\n\t\t@include font-size(small);\n\t}\n}\n\n.rightBar-collapser {\n\tflex: 0 0 12px;\n\tdisplay: flex;\n\tcursor: pointer;\n\n\t.rightBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('rightBar-collapser-bg');\n\t\tborder-left: 1px solid themed('rightBar-collapser-border');\n\n\t\t&:hover {\n\t\t\tbackground-color: themed('rightBar-collapser-bgHover');\n\t\t}\n\t}\n\n\t@include themify($themes) {\n\t\tcolor: themed('rightBar-collapser-txt');\n\t}\n}\n\n.rightBar-collapserIcon {\n\tflex: 1 1 auto;\n\talign-self: center;\n\tfont-weight: $weight-bold;\n\n\t.icon {\n\t\t@include font-size(small);\n\t}\n}\n\n// Main area\n\n.appLayout-main {\n\tflex-grow: 1;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-wrap: nowrap;\n}\n\n.appLayout-header {\n\tflex-shrink: 0;\n\n\t@include themify($themes) {\n\t\tcolor: themed('header-txt');\n\t\tbackground-color: themed('header-bg');\n\t\tborder-bottom: 3px solid themed('header-border');\n\t}\n\n\t@media print {\n\t\tdisplay: none;\n\t}\n}\n\n.appLayout-content {\n\toverflow-y: auto;\n\tflex-grow: 1;\n\n\t@media print {\n\t\toverflow-y: visible;\n\t}\n}\n\n.appLayout-footer {\n\t@include themify($themes) {\n\t\tcolor: themed('footer-txt');\n\t}\n\n\t@media print {\n\t\tdisplay: none;\n\t}\n}\n","@import '../../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\tlogo-txt: cv(dark-foreground),\n\t),\n);\n\n.logo-isExpanded {\n\tbox-sizing: border-box;\n\tpadding: $spacer-small-plus 0 $spacer-small;\n\twidth: 100%;\n\n\t.leftBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n}\n\n.logo-img {\n\tmargin: 0 auto;\n\twidth: 70%;\n\tsvg {\n\t\tfill: #fff;\n\t\taspect-ratio: 1.25 / 1;\n\t\twidth: 80%;\n\t\tmargin: 5px auto 10px auto;\n\t\tdisplay: block;\n\t}\n}\n","@import '../../../../../scss/abstract';\n@import '../themes';\n\n.mainNav-entries {\n\tmargin: 0;\n\tpadding: 0;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\tlist-style-type: none;\n\t@include font-size(base);\n\tfont-family: $font-family-headings;\n\tfont-weight: 400;\n\tvertical-align: middle;\n}\n\n.mainNavEntry {\n\tdisplay: inline-block;\n\tpadding: $spacer-small $spacer-medium;\n\tcursor: default;\n\tfont-weight: bold;\n\n\t&:hover:not(.mainNavEntry-isActive) {\n\t\tcursor: pointer;\n\t}\n\n\t&:hover:not(.mainNavEntry-isDisabled):not(.mainNavEntry-isActive) {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('header-txtHover');\n\t\t\tbackground-color: themed('header-bgHover');\n\t\t}\n\t}\n\n\t&.mainNavEntry-isActive {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('header-txtActive');\n\t\t\tbackground-color: themed('header-bgActive');\n\t\t}\n\t}\n\n\t&.mainNavEntry-isDisabled {\n\t\tuser-select: none;\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('header-txtDisabled');\n\t\t\tbackground-color: themed('header-bgDisabled');\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n}\n\n.mainNavEntry-icon {\n\t.icon {\n\t\tmargin-right: $spacer-tiny;\n\t\t@include font-size(normal);\n\t}\n}\n","@import '../../../scss/abstract';\n\n.icon {\n\tvertical-align: middle;\n}\n","@import '../../../../scss/abstract';\n\n.userGuide-isExpanded {\n\tmargin-left: $spacer-small;\n\n\t.rightBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n}\n\n.userGuide-isCollapsed {\n\tpadding: $spacer-small 0;\n\n\t.rightBar:not(.rightBar-isCollapsed) & {\n\t\tdisplay: none;\n\t}\n}\n","@import '../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\t// primary\n\t\tbutton-primary-txt: cv(dark-primary, dark10),\n\t\tbutton-primary-txtHover: cv(dark-secondary, dark20),\n\t\tbutton-primary-txtActive: cv(dark-primary),\n\t\tbutton-primary-txtDisabled: cv(dark-secondary, light10),\n\t\tbutton-primary-bg: cv(dark-accent),\n\t\tbutton-primary-bgHover: cv(dark-accent, light20),\n\t\tbutton-primary-bgActive: cv(dark-accent, light30),\n\t\tbutton-primary-bgDisabled: cv(dark-secondary, light20),\n\t\t// primary\n\t\tbutton-secondary-txt: cv(dark-secondary, dark10),\n\t\tbutton-secondary-txtHover: cv(dark-secondary, dark20),\n\t\tbutton-secondary-txtActive: cv(dark-primary),\n\t\tbutton-secondary-txtDisabled: cv(dark-secondary, light10),\n\t\tbutton-secondary-bg: cv(dark-foreground, dark30),\n\t\tbutton-secondary-bgHover: cv(dark-foreground, dark20),\n\t\tbutton-secondary-bgActive: cv(dark-foreground, dark10),\n\t\tbutton-secondary-bgDisabled: cv(dark-secondary, light20),\n\t),\n);\n\nbutton {\n\tborder: 0;\n\tborder-radius: 0;\n\tbackground-color: transparent;\n}\n\n.Button {\n\tdisplay: inline-block;\n\tpadding: 10px 20px;\n\tfont-weight: bold;\n\ttext-transform: capitalize;\n\tmargin: 10px 20px 10px 0;\n\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n\n\t&:last-of-type {\n\t\tmargin-right: 0;\n\t}\n}\n\n.Button-primary:not(.Button-isDisabled) {\n\t@include themify($themes) {\n\t\tbackground-color: themed('button-primary-bg');\n\t\tcolor: themed('button-primary-txt');\n\t}\n\n\t&:hover {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('button-primary-txtHover');\n\t\t\tbackground-color: themed('button-primary-bgHover');\n\t\t}\n\t}\n\n\t&:active {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('button-primary-txtActive');\n\t\t\tbackground-color: themed('button-primary-bgActive');\n\t\t}\n\t}\n}\n\n.Button-primary.Button-isDisabled {\n\tcursor: not-allowed;\n\t@include themify($themes) {\n\t\tbackground-color: themed('button-primary-bgDisabled');\n\t\tcolor: themed('button-primary-txtDisabled');\n\t}\n}\n\n.Button-secondary:not(.Button-isDisabled) {\n\t@include themify($themes) {\n\t\tbackground-color: themed('button-secondary-bg');\n\t\tcolor: themed('button-secondary-txt');\n\t}\n\n\t&:hover {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('button-secondary-txtHover');\n\t\t\tbackground-color: themed('button-secondary-bgHover');\n\t\t}\n\t}\n\n\t&:active {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('button-secondary-txtActive');\n\t\t\tbackground-color: themed('button-secondary-bgActive');\n\t\t}\n\t}\n}\n\n.Button-secondary.Button-isDisabled {\n\tcursor: not-allowed;\n\t@include themify($themes) {\n\t\tbackground-color: themed('button-secondary-bgDisabled');\n\t\tcolor: themed('button-secondary-txtDisabled');\n\t}\n}\n","@import '../../../../scss/abstract';\n\n.versions-isExpanded {\n\tmargin: $spacer-large 0;\n\tpadding: 0 $spacer-small;\n\topacity: 0.5;\n\n\t@include font-size(tiny);\n\n\t.rightBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n\n\ta {\n\t\tcolor: inherit;\n\t\t&:hover {\n\t\t\topacity: 0.7;\n\t\t}\n\t}\n}\n","@import '../../../scss/abstract';\n@import '../themes';\n\n.sim-SongImporterModal_Container {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\twidth: 90%;\n\theight: 90%;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: stretch;\n\talign-content: stretch;\n\tflex-wrap: nowrap;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('modal-bg');\n\t\tborder: 1px solid themed('modal-border');\n\t\tcolor: themed('modal-txt');\n\t}\n}\n\n.sim-Header_Container {\n\tflex: 0 0 auto;\n\tdisplay: flex;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('header-bg');\n\t\tborder-bottom: 1px solid themed('header-border');\n\t\tcolor: themed('header-txt');\n\t}\n}\n\n.sim-Header_Title {\n\tflex: 1 1 auto;\n\tpadding: 20px;\n\t@include font-size(base);\n\tfont-weight: bolder;\n}\n\n.sim-Header_Actions {\n\tflex: 0 0 auto;\n\tpadding: 0 10px;\n}\n\n.sim-TwoColumns_Container {\n\tdisplay: flex;\n\talign-self: stretch;\n}\n\n.sim-TwoColumns_Container-autoHeight {\n\tflex: 0 1 100%;\n\tmin-height: 0; // necessary, otherwise content doesn't scroll!\n}\n\n.sim-Column_Container {\n\tflex: 1 1 50%;\n\talign-self: stretch;\n\tpadding: 0 10px;\n\n\t&:first-child {\n\t\tpadding-right: 5px;\n\t}\n\t&:last-child {\n\t\tpadding-left: 5px;\n\t}\n}\n\n.sim-Input_Header {\n\theight: 20px;\n\ttext-transform: uppercase;\n\tpadding: 2px;\n\ttext-align: center;\n\t@include font-size(small);\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('inputHeader-bg');\n\t\tcolor: themed('inputHeader-txt');\n\t}\n}\n\n.sim-Input_Textarea {\n\tbox-sizing: border-box;\n\tpadding: 10px;\n\twidth: 100%;\n\theight: calc(100% - 24px - 10px);\n\tmax-height: calc(100% - 24px - 10px);\n\toverflow-y: scroll;\n\tresize: none;\n\tmargin: 0;\n\tbackground-color: transparent;\n\tborder: 0;\n\toutline: none;\n\n\tfont-family: $font-family-monospace;\n\t@include font-size(small);\n\tline-height: 1.5rem;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('input-bg');\n\t\tcolor: themed('input-txt');\n\t}\n}\n\n.sim-Input_Textarea-Disabled {\n\topacity: 0.5;\n}\n\n.sim-Preview_Container {\n\tbox-sizing: border-box;\n\n\tfont-family: $font-family-monospace;\n\t@include font-size(small);\n\twhite-space: pre-wrap;\n\theight: calc(100% - 24px - 10px);\n\tmax-height: calc(100% - 24px - 10px);\n\toverflow-y: scroll;\n\tpadding: 10px;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('preview-bg');\n\t}\n}\n\n.sim-Preview_Error {\n\tpadding: 10px;\n\t@include themify($themes) {\n\t\tcolor: themed('previewError-txt');\n\t\tbackground-color: themed('previewError-bg');\n\t}\n}\n\n.sim-InputFile_Input {\n\t// https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/\n\twidth: 0.1px;\n\theight: 0.1px;\n\topacity: 0;\n\toverflow: hidden;\n\tposition: absolute;\n\tz-index: -1;\n}\n\n.sim-InputFormat {\n\tpadding: 10px 0;\n}\n\n.sim-InputFormat_Entry {\n\tdisplay: inline-block;\n\tmargin: 0 10px;\n\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n}\n\n.sim-InputFormat_Label {\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n}\n\n.sim-InputFormat_Entry-Disabled,\n.sim-InputFormat_Label-Disabled {\n\t&:hover {\n\t\tcursor: not-allowed;\n\t}\n\topacity: 0.5;\n}\n","@import '../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\tmodal-bg: cv(dark-secondary, dark5),\n\t\tmodal-border: cv(dark-foreground, dark20),\n\t\tmodal-txt: cv(dark-foreground),\n\t),\n);\n\n.mod-ModalContainer {\n\tz-index: $zindex-modal;\n\theight: 100%;\n\twidth: 100%;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n\n.mod-Overlay {\n\theight: 100%;\n\twidth: 100%;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\topacity: 0.7;\n\tbackground-color: black;\n}\n\n.mod-ContentContainer {\n}\n\n.mod-ModalConfirmContainer {\n\tz-index: $zindex-modal;\n\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\twidth: auto;\n\theight: auto;\n\n\tpadding: 10px 20px;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('modal-bg');\n\t\tborder: 1px solid themed('modal-border');\n\t\tcolor: themed('modal-txt');\n\t}\n}\n\n.mod-ModalConfirmButtons {\n\ttext-align: center;\n}\n","@import '../../../scss/abstract';\n@import '../themes';\n\n.fileManager-isExpanded {\n\t@include font-size(small);\n\n\t.leftBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n}\n\n.fileManager-isCollapsed {\n\tpadding: $spacer-small 0;\n\t.leftBar:not(.leftBar-isCollapsed) & {\n\t\tdisplay: none;\n\t}\n}\n\n.fileManager-actionsList {\n\tpadding: $spacer-small;\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\t@include themify($themes) {\n\t\tbackground-color: themed('actions-bg');\n\t}\n}\n\n.fileManagerAction {\n\tflex: 0 1 auto;\n\tpadding: $spacer-tiny;\n\tmargin-right: $spacer-tiny;\n\twhite-space: nowrap;\n\n\t&:hover {\n\t\tcursor: not-allowed;\n\t}\n\n\t&:hover:not(.fileManagerAction-isDisabled) {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('action-bgHover');\n\t\t}\n\t\tcursor: pointer;\n\t}\n}\n\n.fileManagerAction-isDisabled {\n\tuser-select: none;\n\n\topacity: 0.5;\n}\n\n.fileManagerAction-icon {\n\t.icon {\n\t\t@include font-size(normal);\n\t}\n}\n\n.fileManager-entriesList {\n\tpadding-left: 0;\n\tlist-style: none;\n}\n\n.fileManagerEntry {\n\tcursor: pointer;\n\tpadding: 0.1rem 0;\n\n\t&:hover {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('fileEntry-bgHover');\n\t\t}\n\t}\n\n\t&.fileManagerEntry-isSelected {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('fileEntry-bgActive');\n\t\t}\n\t}\n}\n\n.fileManagerEntry-input {\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tpadding: 0 $spacer-small;\n\n\tbackground-color: transparent;\n\tborder: none;\n\tcursor: pointer;\n\toutline: none;\n\t@include themify($themes) {\n\t\tcolor: themed('fileEntry-txt');\n\t}\n\n\t.fileManagerEntry-isSelected & {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('fileEntry-txtActive');\n\t\t}\n\t}\n\n\t.fileManagerEntry-isRenamed & {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('fileEntry-bgRenamed');\n\t\t\tcolor: themed('fileEntry-txtRenamed');\n\t\t}\n\t\tcursor: text;\n\t}\n}\n","@import '../../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\teditorSrc-bg: cv(dark-secondary, dark5),\n\t\tinputHeader-txt: cv(dark-foreground, fade),\n\t\tinputHeader-bg: cv(dark-secondary, light10),\n\t\tinputHeader-gutter: cv(dark-secondary, dark5),\n\t),\n);\n\n$headerVPadding: 3px;\n$headerHeight: 20px;\n\n.songEditor-headers {\n\tdisplay: flex;\n\n\theight: $headerHeight;\n\ttext-transform: uppercase;\n\tpadding: $headerVPadding 0;\n\ttext-align: center;\n\t@include font-size(small);\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('inputHeader-bg');\n\t\tcolor: themed('inputHeader-txt');\n\t}\n}\n\n.songEditor-sourceHeader {\n\tflex: 0 1 50%;\n}\n\n.songEditor-previewHeader {\n\tflex: 0 1 50%;\n}\n\n.songEditor {\n\twidth: 100%;\n\theight: calc(100% - #{$headerHeight + $headerVPadding * 2});\n\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n}\n\n.songEditor-source {\n\tflex: 0 1 50%;\n\tdisplay: flex;\n\toverflow-y: scroll;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('editorSrc-bg');\n\t}\n}\n\n.songEditor-preview {\n\tflex: 0 1 50%;\n\toverflow-y: scroll;\n}\n","@import '../../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\teditorPreview-txt: cv(dark-foreground, dark10),\n\t),\n);\n\n.editorPreview {\n\tbox-sizing: border-box;\n\tpadding: $spacer-tiny;\n\tmin-height: 100%;\n}\n\n.cmTheme-fadeRepeats {\n\t.cmLine--isFromAutoRepeatChords,\n\t.cmLine--isFromChordLineRepeater,\n\t.cmLine--isFromSectionCopy,\n\t.cmLine--isFromSectionMultiply {\n\t\topacity: 0.5;\n\t}\n}\n","@import '../../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\teditor-txt: cv(dark-foreground, dark10),\n\t),\n);\n\n.prosemirrorWrapper {\n\tflex: 1 1 auto;\n\tpadding: 15px 0;\n}\n\n.ProseMirror {\n\theight: 100%;\n\toutline: none;\n\n\tfont-family: $cmFontStack;\n\tfont-size: $cmFontSize;\n\tline-height: $cmLineHeight;\n\n\t@include themify($themes) {\n\t\tcolor: themed('editor-txt');\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tpadding: 0 $spacer-small;\n\t}\n}\n",".ProseMirror {\n position: relative;\n}\n\n.ProseMirror {\n word-wrap: break-word;\n white-space: pre-wrap;\n white-space: break-spaces;\n -webkit-font-variant-ligatures: none;\n font-variant-ligatures: none;\n font-feature-settings: \"liga\" 0; /* the above doesn't seem to work in Edge */\n}\n\n.ProseMirror pre {\n white-space: pre-wrap;\n}\n\n.ProseMirror li {\n position: relative;\n}\n\n.ProseMirror-hideselection *::selection { background: transparent; }\n.ProseMirror-hideselection *::-moz-selection { background: transparent; }\n.ProseMirror-hideselection { caret-color: transparent; }\n\n.ProseMirror-selectednode {\n outline: 2px solid #8cf;\n}\n\n/* Make sure li selections wrap around markers */\n\nli.ProseMirror-selectednode {\n outline: none;\n}\n\nli.ProseMirror-selectednode:after {\n content: \"\";\n position: absolute;\n left: -32px;\n right: -2px; top: -2px; bottom: -2px;\n border: 2px solid #8cf;\n pointer-events: none;\n}\n\n/* Protect against generic img rules */\n\nimg.ProseMirror-separator {\n display: inline !important;\n border: none !important;\n margin: 0 !important;\n}\n","@import '../../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\tsong-txt: cv(dark-foreground),\n\t\tsong-bg: cv(dark-secondary),\n\t),\n);\n\n.exportPreview {\n\tbox-sizing: border-box;\n\tmin-height: 100%;\n\tpadding: $spacer-small;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('song-bg');\n\t\tcolor: themed('song-txt');\n\t}\n}\n\n.exp-SongRenderer {\n\tfont-family: $cmFontStack;\n\tfont-size: $cmFontSize;\n\tline-height: $cmLineHeight;\n\n\tpadding: 15px;\n\twhite-space: pre-wrap;\n\tcolor: #333;\n\n\tp {\n\t\tmargin: 0;\n\t}\n\n\t.txtLine {\n\t\tdisplay: block;\n\t}\n\n\t@include themify($themes) {\n\t\tcolor: themed('song-txt') !important;\n\t}\n}\n","@import '../../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\tplayRenderer-bg: cv(dark-secondary),\n\t),\n);\n\n// Those wrapper are used so the columned div can use height: 100% inside a div with margins\n// We use the trick with an \"absolute\" positioned that fills the available height\n.playRendererWrapper1 {\n\tposition: relative; // needs to be relative so the \"absolute\" trick works to fill the height\n\theight: 100%;\n\toverflow-y: scroll;\n}\n\n.playRendererWrapper2 {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n}\n\n.playRenderer {\n\tbox-sizing: border-box;\n\tmin-height: 100%;\n\n\t.cmSong {\n\t\tpadding: 0 !important;\n\t}\n}\n\n.playRenderer--columns-1 {\n\tcolumn-count: 1;\n\tpadding: $spacer-small;\n}\n.playRenderer--columns-2 {\n\tcolumn-count: 2;\n\tcolumn-fill: auto;\n\theight: 100%;\n\tpadding: $spacer-small;\n}\n.playRenderer--columns-3 {\n\tcolumn-count: 3;\n\tcolumn-fill: auto;\n\theight: 100%;\n\tpadding: $spacer-small;\n}\n.playRenderer--columns-4 {\n\tcolumn-count: 4;\n\tcolumn-fill: auto;\n\theight: 100%;\n\tpadding: $spacer-small;\n}\n","@import '././././scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\tsong-txt: cv(dark-background),\n\t\tsong-bg: cv(dark-foreground),\n\t\tdesktop-bg: cv(dark-secondary),\n\t),\n);\n\n.printPreview {\n\toverflow: hidden;\n\tmin-height: 100%;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('desktop-bg');\n\t}\n\n\t@media print {\n\t\tbackground-color: white !important;\n\t\toverflow-y: auto;\n\t}\n}\n\n.printPreview-page {\n\t// see size and font-size definitions below\n\n\tposition: relative;\n\tmargin: $spacer-medium auto;\n\tbackground-color: white;\n\n\t@media print {\n\t\tmargin: 0;\n\t\tpage-break-after: auto;\n\t}\n}\n\n// This wrapper is used for the page padding and to fill all available height\n.printPreview-pageContentWrapper {\n\t// see padding definitions below\n\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n}\n\n// Flex container for header + columnsWrapper\n.printPreview-pageContent {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-wrap: nowrap;\n\n\theight: 100%;\n}\n\n.printPreview-pageHeader {\n\tfont-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n\t\tHelvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n\t\t'Segoe UI Symbol';\n\t@include font-size(big);\n\tfont-weight: $weight-bold;\n\n\tmargin-bottom: $spacer-small;\n}\n\n// flex container for columns\n.printPreview-pageColumnWrapper {\n\tflex: 1;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n}\n\n.printPreview-pageColumn {\n\tflex: 1 1 0;\n\tmargin: 0 $spacer-tiny-plus;\n\n\t&:first-of-type {\n\t\tmargin-left: 0;\n\t}\n\n\t&:last-of-type {\n\t\tmargin-right: 0;\n\t}\n}\n\n// Document Size definitions\n.printPreview-page--a4 {\n\twidth: 210mm;\n\theight: 297mm;\n}\n\n.printPreview-page--booxmax2pro {\n\twidth: 698px;\n\theight: 930px;\n}\n\n// Margin definitions\n.printPreview-pageContentWrapper--padding1 {\n\tpadding: 3mm;\n}\n.printPreview-pageContentWrapper--padding2 {\n\tpadding: 6mm;\n}\n.printPreview-pageContentWrapper--padding3 {\n\tpadding: 9mm;\n}\n.printPreview-pageContentWrapper--padding4 {\n\tpadding: 12mm;\n}\n.printPreview-pageContentWrapper--padding5 {\n\tpadding: 15mm;\n}\n\n.cmTheme-print {\n\t.cmSong {\n\t\tpadding: 0 !important;\n\t}\n}\n",".measuring-node {\n\tvisibility: hidden;\n\tposition: absolute;\n\tz-index: -1;\n}\n","@import '../../../../scss/abstract';\n\n.renderingOptionsPanel-isExpanded {\n\t.rightBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n}\n\n.renderingOptionsPanel-isCollapsed {\n\tpadding: $spacer-small 0;\n\n\t.rightBar:not(.rightBar-isCollapsed) & {\n\t\tdisplay: none;\n\t}\n}\n","@import '../../../../../scss/abstract';\n@import '../_themes.scss';\n\n.sb-optionsGroup {\n\tpadding-top: $spacer-medium;\n\n\t&:first-of-type {\n\t\tpadding-top: 0;\n\t}\n}\n\n.sb-optionsGroup-title {\n\tuser-select: none;\n\n\tpadding: $spacer-tiny $spacer-small $spacer-tiny $spacer-tiny;\n\n\t@include font-size(normal);\n\tfont-weight: $weight-bold;\n\n\t@include themify($themes) {\n\t\tborder-bottom: 2px solid themed('optionsGroup-border');\n\t}\n\n\t.sb-optionsGroup-isNotInteractable & {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('option-isDisabled');\n\t\t}\n\t}\n}\n\n.sb-optionsGroup-content {\n}\n\n.sb-optionsGroup-iconTitle {\n\t.icon {\n\t\t@include font-size(base);\n\t}\n}\n\n.sb-optionsGroup-iconToggle {\n\t.icon {\n\t\t@include font-size(big);\n\t}\n}\n","@import '../../../../../scss/abstract';\n@import '../_themes.scss';\n\n.sb-optionSelect {\n\t@include font-size(small);\n\n\tpadding: $spacer-tiny $spacer-small-plus $spacer-tiny $spacer-small;\n\n\t@include themify($themes) {\n\t\tborder-bottom: 1px dotted themed('option-border');\n\t}\n\n\t.sb-optionsGroup & {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('optionsGroup-option-bg');\n\t\t}\n\t}\n\n\t&.sb-optionSelect-isNotInteractable {\n\t\tuser-select: none;\n\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('option-isDisabled');\n\t\t}\n\t}\n\n\t&:hover {\n\t\tcursor: not-allowed;\n\t}\n\n\t&:hover:not(.sb-optionSelect-isNotInteractable) {\n\t\tcursor: pointer;\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('option-bgHover');\n\t\t}\n\t}\n}\n\n.sb-optionSelect-title {\n\tdisplay: flex;\n}\n\n.sb-optionSelect-desc {\n\tflex: 1 1 auto;\n}\n\n.sb-optionSelect-toggle {\n\tflex: 0 0 auto;\n}\n\n.sb-optionSelect-icon {\n\t.icon {\n\t\t@include font-size(big);\n\t}\n}\n\n.sb-optionSelectChoice-activeLabel {\n\topacity: 0.5;\n}\n\n.sb-optionSelectChoice {\n\tpadding-top: $spacer-tiny;\n\tdisplay: flex;\n\n\t&:hover:not(.sb-optionSelectChoice-isNotInteractable) {\n\t\ttext-decoration: underline;\n\t\tcursor: pointer;\n\t}\n}\n\n.sb-optionSelectChoice-isSelected {\n\tfont-weight: $weight-bold;\n}\n\n.sb-optionSelectChoice-check {\n\tflex: 0 0 20px;\n}\n\n.sb-optionSelectChoice-checkIcon {\n\t.icon {\n\t\t@include font-size(small);\n\t}\n}\n\n.sb-optionSelectChoice-label {\n\tflex: 1 1 auto;\n}\n","@import '../../../../../scss/abstract';\n@import '../_themes.scss';\n\n.sb-optionSlider {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\t@include font-size(small);\n\n\tpadding: $spacer-tiny $spacer-small-plus $spacer-tiny $spacer-small;\n\n\t@include themify($themes) {\n\t\tborder-bottom: 1px dotted themed('option-border');\n\t}\n\n\t.sb-optionsGroup & {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('optionsGroup-option-bg');\n\t\t}\n\t}\n\n\t&.sb-optionSlider-isNotInteractable {\n\t\tuser-select: none;\n\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('option-isDisabled');\n\t\t}\n\t}\n\n\t&:hover {\n\t\tcursor: not-allowed;\n\t}\n\n\t&:hover:not(.sb-optionSlider-isNotInteractable) {\n\t\tcursor: pointer;\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('option-bgHover');\n\t\t}\n\t}\n}\n\n.sb-optionSlider-desc {\n\tflex: 1 1 auto;\n}\n\n.sb-optionSlider-value {\n\tflex: 0 0 auto;\n\tvertical-align: middle;\n\n\t@include font-size(small);\n}\n\n.sb-optionSlider-range {\n\tflex: 1 1 100%;\n\n\tinput[type='range'] {\n\t\t@include themify($themes) {\n\t\t\t@include input-type-range(\n\t\t\t\t$thumb-color: themed('range-thumb'),\n\t\t\t\t$track-color: themed('range-track')\n\t\t\t);\n\t\t}\n\n\t\t&:disabled {\n\t\t\topacity: 0.35;\n\t\t\tcursor: not-allowed !important;\n\t\t}\n\t}\n}\n","// Adapted from https://github.com/Jimdo/range-slider-sass\n@use 'sass:math';\n\n@mixin shadow($shadow-size, $shadow-blur, $shadow-color) {\n\tbox-shadow: $shadow-size $shadow-size $shadow-blur $shadow-color,\n\t\t0 0 $shadow-size lighten($shadow-color, 5%);\n}\n\n@mixin track($track-width, $track-height) {\n\twidth: $track-width;\n\theight: $track-height;\n\tcursor: pointer;\n\tanimation: 0.2s;\n}\n\n@mixin thumb(\n\t$thumb-width,\n\t$thumb-height,\n\t$thumb-border-width,\n\t$thumb-border-color,\n\t$thumb-radius,\n\t$thumb-color\n) {\n\t//@include shadow($thumb-shadow-size, $thumb-shadow-blur, $thumb-shadow-color);\n\twidth: $thumb-width;\n\theight: $thumb-height;\n\tcursor: pointer;\n\tborder: $thumb-border-width solid $thumb-border-color;\n\tborder-radius: $thumb-radius;\n\tbackground: $thumb-color;\n}\n\n@mixin input-type-range(\n\t$thumb-color: red,\n\t$thumb-radius: 0,\n\t$thumb-height: 10px,\n\t$thumb-width: 15px,\n\t$thumb-shadow-size: 0,\n\t$thumb-shadow-blur: 0,\n\t$thumb-shadow-color: rgba(0, 0, 0, 0),\n\t$thumb-border-width: 0,\n\t$thumb-border-color: black,\n\t$track-color: blue,\n\t$track-radius: 0,\n\t$track-width: 100%,\n\t$track-height: 10px,\n\t$track-shadow-size: 0,\n\t$track-shadow-blur: 0,\n\t$track-shadow-color: rgba(0, 0, 0, 0),\n\t$track-border-width: 0,\n\t// might not be taken into account everywhere, see belo\n\t$track-border-color: black\n) {\n\t-webkit-appearance: none;\n\twidth: $track-width;\n\tbackground: transparent;\n\n\t&:focus {\n\t\toutline: none;\n\t}\n\n\t&::-webkit-slider-runnable-track {\n\t\t@include track($track-width, $track-height);\n\t\t//@include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);\n\t\tborder: $track-border-width solid $track-border-color;\n\t\tborder-radius: $track-radius;\n\t\tbackground: $track-color;\n\t}\n\n\t&::-webkit-slider-thumb {\n\t\t@include thumb(\n\t\t\t$thumb-width,\n\t\t\t$thumb-height,\n\t\t\t$thumb-border-width,\n\t\t\t$thumb-border-color,\n\t\t\t$thumb-radius,\n\t\t\t$thumb-color\n\t\t);\n\t\t-webkit-appearance: none;\n\t\t//margin-top: ((-#{$track-border-width} * 2) + $track-height) / (2 - $thumb-height / 2);\n\t\t// the build fails with $track-border-width = 0\n\t\tmargin-top: math.div(($track-height), (2 - math.div($thumb-height, 2)));\n\t}\n\n\t&:focus::-webkit-slider-runnable-track {\n\t\tbackground: $track-color;\n\t}\n\n\t&::-moz-range-track {\n\t\t@include track($track-width, $track-height);\n\t\t//@include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);\n\t\tborder: $track-border-width solid $track-border-color;\n\t\tborder-radius: $track-radius;\n\t\tbackground: $track-color;\n\t}\n\n\t&::-moz-range-thumb {\n\t\t@include thumb(\n\t\t\t$thumb-width,\n\t\t\t$thumb-height,\n\t\t\t$thumb-border-width,\n\t\t\t$thumb-border-color,\n\t\t\t$thumb-radius,\n\t\t\t$thumb-color\n\t\t);\n\t}\n\n\t&::-ms-track {\n\t\t@include track($track-width, $track-height);\n\t\tcolor: transparent;\n\t\tborder-width: $thumb-width 0;\n\t\tborder-color: transparent;\n\t\tbackground: transparent;\n\t}\n\n\t&::-ms-fill-lower {\n\t\t//@include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);\n\t\tborder: $track-border-width solid $track-border-color;\n\t\tborder-radius: $track-radius * 2;\n\t\tbackground: $track-color;\n\t}\n\n\t&::-ms-fill-upper {\n\t\t//@include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);\n\t\tborder: $track-border-width solid $track-border-color;\n\t\tborder-radius: $track-radius * 2;\n\t\tbackground: $track-color;\n\t}\n\n\t&::-ms-thumb {\n\t\t@include thumb(\n\t\t\t$thumb-width,\n\t\t\t$thumb-height,\n\t\t\t$thumb-border-width,\n\t\t\t$thumb-border-color,\n\t\t\t$thumb-radius,\n\t\t\t$thumb-color\n\t\t);\n\t}\n\n\t&:focus::-ms-fill-lower {\n\t\tbackground: $track-color;\n\t}\n\n\t&:focus::-ms-fill-upper {\n\t\tbackground: $track-color;\n\t}\n\n\t&:disabled::-moz-range-track,\n\t&:disabled::-moz-range-thumb {\n\t\tcursor: default;\n\t}\n\n\t&:disabled::-webkit-slider-runnable-track,\n\t&:disabled::-webkit-slider-thumb {\n\t\tcursor: default;\n\t}\n\n\t&:disabled::-ms-track,\n\t&:disabled::-ms-thumb {\n\t\tcursor: default;\n\t}\n}\n","@import '../../../../../scss/abstract';\n@import '../_themes.scss';\n\n.sb-optionToggle {\n\tdisplay: flex;\n\n\t@include font-size(small);\n\n\tpadding: $spacer-tiny $spacer-small-plus $spacer-tiny $spacer-small;\n\n\t@include themify($themes) {\n\t\tborder-bottom: 1px dotted themed('option-border');\n\t}\n\n\t.sb-optionsGroup & {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('optionsGroup-option-bg');\n\t\t}\n\t}\n\n\t&.sb-optionToggle-isNotInteractable {\n\t\tuser-select: none;\n\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('option-isDisabled');\n\t\t}\n\t}\n\n\t&:hover {\n\t\tcursor: not-allowed;\n\t}\n\n\t&:hover:not(.sb-optionToggle-isNotInteractable) {\n\t\tcursor: pointer;\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('option-bgHover');\n\t\t}\n\t}\n}\n\n.sb-optionToggle-desc {\n\tflex: 1 1 auto;\n}\n\n.sb-optionToggle-icon {\n\tflex: 0 0 auto;\n}\n\n.sb-optionToggle-isOff {\n\t.icon {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('toggle-icon-isOff');\n\t\t}\n\t}\n}\n\n.sb-optionToggle-icon {\n\t.icon {\n\t\t@include font-size(big);\n\t}\n\n\t.sb-optionToggle-isOff & {\n\t\t.icon {\n\t\t\t@include themify($themes) {\n\t\t\t\tcolor: themed('toggle-icon-isOff');\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/packages/chord-chart-studio/build/css/main.9eb5f33d21b01935d155.css.map b/packages/chord-chart-studio/build/css/main.9eb5f33d21b01935d155.css.map
deleted file mode 100644
index 100828e8..00000000
--- a/packages/chord-chart-studio/build/css/main.9eb5f33d21b01935d155.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"css/main.9eb5f33d21b01935d155.css","mappings":"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","sources":["webpack://chord-chart-studio/./node_modules/normalize.css/normalize.css","webpack://chord-chart-studio/./scss/_base.scss","webpack://chord-chart-studio/./scss/abstract/_typography.scss","webpack://chord-chart-studio/./scss/abstract/mixins/_fontSize.scss","webpack://chord-chart-studio/./scss/abstract/mixins/_themify.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/themes/dark1.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/abstract/_colors.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/abstract/_mixins.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/abstract/_variables.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/themes/dark2.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/themes/dark3.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/themes/text.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/themes/_common.scss","webpack://chord-chart-studio/./node_modules/chord-mark-themes/scss/themes/print.scss","webpack://chord-chart-studio/./src/ui/_components/ErrorBoundary.scss","webpack://chord-chart-studio/./scss/abstract/_spacings.scss","webpack://chord-chart-studio/./src/ui/layout/app/_components/App.scss","webpack://chord-chart-studio/./src/ui/sideBar/_components/Logo.scss","webpack://chord-chart-studio/./src/ui/layout/app/_components/Nav.scss","webpack://chord-chart-studio/./src/ui/_components/Icon.scss","webpack://chord-chart-studio/./src/ui/sideBar/_components/UserGuide.scss","webpack://chord-chart-studio/./src/ui/_components/Button.scss","webpack://chord-chart-studio/./src/ui/sideBar/_components/Versions.scss","webpack://chord-chart-studio/./src/songImporter/_components/SongImporter.scss","webpack://chord-chart-studio/./src/ui/_components/Modal.scss","webpack://chord-chart-studio/./src/fileManager/_components/FileManager.scss","webpack://chord-chart-studio/./src/editor/songEditor/_components/EditorLayout.scss","webpack://chord-chart-studio/./src/songRenderers/editorPreview/_components/EditorPreview.scss","webpack://chord-chart-studio/./src/editor/songEditor/prosemirror/ProsemirrorEditorView.scss","webpack://chord-chart-studio/./node_modules/prosemirror-view/style/prosemirror.css","webpack://chord-chart-studio/./src/songRenderers/exportPreview/_components/ExportPreview.scss","webpack://chord-chart-studio/./src/songRenderers/playRenderer/_components/PlayRenderer.scss","webpack://chord-chart-studio/./src/songRenderers/printPreview/_components/PrintPreview.scss","webpack://chord-chart-studio/./src/songRenderers/printPreview/helpers/getDimensionsFromDom.scss","webpack://chord-chart-studio/./src/optionsPanels/rendering/_components/Rendering.scss","webpack://chord-chart-studio/./src/ui/sideBar/options/_components/OptionsGroup.scss","webpack://chord-chart-studio/./src/ui/sideBar/options/_components/Select.scss","webpack://chord-chart-studio/./src/ui/sideBar/options/_components/Slider.scss","webpack://chord-chart-studio/./scss/abstract/mixins/_inputRange.scss","webpack://chord-chart-studio/./src/ui/sideBar/options/_components/Toggle.scss"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","@import 'abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\t// links\n\t\tlink1: cv(dark-accent),\n\t\tlink1-hover: cv(dark-accent, light10),\n\t\tlink1-active: cv(dark-accent, light20),\n\t\t// scrollbars\n\t\tscrollbar-bg: cv(dark-secondary),\n\t\tscrollbar-thumb: cv(dark-foreground, dark30),\n\t\tscrollbar-hover: cv(dark-foreground, dark20),\n\t),\n);\n\nhtml {\n\t/* switching to border-box model for all elements */\n\tbox-sizing: border-box;\n\n\t/* set base font-size to equiv \"10px\", which is adapted to rem unit */\n\tfont-size: 62.5%;\n\n\t/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */\n\tfont-size: calc(1em * 0.625);\n}\n\nbody {\n\t@include font-size(base);\n\tfont-family: $font-family-base;\n\tline-height: $line-height-base;\n}\n\n.link1 {\n\t@include themify($themes) {\n\t\tcolor: themed('link1');\n\t}\n\n\t&:hover {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('link1-hover');\n\t\t}\n\t}\n\n\t&:active {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('link1-active');\n\t\t}\n\t}\n}\n\n// scrollbars\n::-webkit-scrollbar {\n\twidth: 10px;\n\theight: 10px;\n\t@include themify($themes) {\n\t\tbackground-color: red;\n\t}\n}\n\n::-webkit-scrollbar-track,\n::-webkit-scrollbar-corner {\n\t@include themify($themes) {\n\t\tbackground-color: themed('scrollbar-bg');\n\t}\n}\n\n::-webkit-scrollbar-thumb {\n\t@include themify($themes) {\n\t\tbackground-color: themed('scrollbar-thumb');\n\t\tborder: 3px solid themed('scrollbar-bg');\n\t}\n\tborder-radius: 100vw;\n}\n\n::-webkit-scrollbar-thumb:hover {\n\t@include themify($themes) {\n\t\tbackground-color: themed('scrollbar-hover');\n\t}\n}\n\n@supports (scrollbar-color: white black) {\n\t* {\n\t\t@include themify($themes) {\n\t\t\tscrollbar-color: themed('scrollbar-thumb') themed('scrollbar-bg');\n\t\t}\n\t\tscrollbar-width: thin;\n\t}\n}\n","@use 'sass:math';\n\n// ChordMark\n\n$cmFontStack: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n\t'Courier New', monospace;\n$cmFontSize: 13px;\n$cmLineHeight: 1.65em;\n\n// Source: Knacss\n\n// Font families\n$font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n\tOxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !default; // system font stack\n$font-family-headings: 'Open Sans', sans-serif !default; // font for h1, h2.. h6\n$font-family-monospace: 'PT Mono', consolas, courier, monospace !default; // font for code and samples\n\n// Font sizes (1.6rem value is \"16px\" equivalent)\n$font-size-base: 1.6rem !default;\n\n$font-sizes: (\n\th1: (\n\t\tmobile: 2.8rem,\n\t\tdesktop: 3.2rem,\n\t),\n\th2: (\n\t\tmobile: 2.4rem,\n\t\tdesktop: 2.8rem,\n\t),\n\th3: (\n\t\tmobile: 2rem,\n\t\tdesktop: 2.4rem,\n\t),\n\th4: (\n\t\tmobile: 1.8rem,\n\t\tdesktop: 2rem,\n\t),\n\th5: (\n\t\tmobile: 1.6rem,\n\t\tdesktop: 1.8rem,\n\t),\n\th6: (\n\t\tmobile: 1.4rem,\n\t\tdesktop: 1.6rem,\n\t),\n\tbig: (\n\t\tmobile: 1.6rem,\n\t\tdesktop: 1.8rem,\n\t),\n\tbase: (\n\t\tmobile: 1.4rem,\n\t\tdesktop: $font-size-base,\n\t),\n\tnormal: (\n\t\tmobile: 1.2rem,\n\t\tdesktop: 1.4rem,\n\t),\n\tsmall: (\n\t\tmobile: 1rem,\n\t\tdesktop: 1.2rem,\n\t),\n\ttiny: (\n\t\tmobile: 0.8rem,\n\t\tdesktop: 1rem,\n\t),\n) !default;\n\n// Line heights\n$line-height-s: 1.3 !default;\n$line-height-base: 1.5 !default;\n$line-height-l: 1.7 !default;\n\n// Default margin-bottom\n$margin-bottom-base: 1rem !default;\n$headings-margin-bottom: math.div($margin-bottom-base, 2) !default;\n$paragraph-margin-bottom: $margin-bottom-base !default;\n\n// Font weights\n$weight-light: 200 !default;\n$weight-book: 300 !default;\n$weight-regular: 400 !default;\n$weight-medium: 500 !default;\n$weight-bold: 700 !default;\n","// Source: Knacss\n\n// font-size Mixin\n// compiles to font-size mobile + font-size desktop on small-plus devices\n// ex. h2 { @include font-size(h2);}\n@mixin font-size($elem) {\n\t$q: map-get($font-sizes, $elem);\n\t$mob: map-get($q, 'mobile');\n\t$desk: map-get($q, 'desktop');\n\tfont-size: $desk;\n}\n","// Source: https://medium.com/@dmitriy.borodiy/easy-color-theming-with-scss-bc38fd5734d1\n\n@mixin themify($themes: null) {\n\t@if (type-of($themes) != map) {\n\t\t@error \"Please supply a themes map to themify mixin\";\n\t} @else {\n\t\t@each $theme, $map in $themes {\n\t\t\t.theme-#{$theme} & {\n\t\t\t\t$theme-map: () !global;\n\t\t\t\t@each $key, $submap in $map {\n\t\t\t\t\t$value: map-get(map-get($themes, $theme), '#{$key}');\n\t\t\t\t\t$theme-map: map-merge(\n\t\t\t\t\t\t$theme-map,\n\t\t\t\t\t\t(\n\t\t\t\t\t\t\t$key: $value,\n\t\t\t\t\t\t)\n\t\t\t\t\t) !global;\n\t\t\t\t}\n\n\t\t\t\t@content;\n\t\t\t\t$theme-map: null !global;\n\t\t\t}\n\t\t}\n\t}\n}\n@function themed($key) {\n\t@return map-get($theme-map, $key);\n}\n","@import '../abstract';\n@import './common';\n\n$green: rgb(167, 255, 123);\n$blue: rgb(103, 211, 255);\n$pink: rgb(237, 123, 255);\n\n.cmTheme-dark1 {\n\tbackground-color: $ccs-secondary;\n\n\t.cmSong {\n\t\t@include base;\n\t\tcolor: $ccs-foreground;\n\t}\n\n\t// Sections\n\t.cmSectionLabel {\n\t\tcolor: $blue;\n\t\tfont-weight: bold;\n\t}\n\t.cmSectionMultiplier {\n\t\tcolor: $pink;\n\t}\n\n\t// Time signature\n\t.cmTimeSignature {\n\t\tcolor: $green;\n\t\tfont-weight: bold;\n\t}\n\n\t// Chordline\n\t.cmChordLine {\n\t\tcolor: $ccs-accent;\n\t}\n\n\t.cmBarSeparator {\n\t\topacity: 0.5;\n\t}\n\n\t.cmChordDuration {\n\t\topacity: 0.7;\n\t}\n}\n","// Dracula theme\n$dracula-background: #282a36;\n$dracula-selection: #44475a;\n$dracula-foreground: #f8f8f2;\n$dracula-comment: #6272a4;\n$dracula-cyan: #8be9fd;\n$dracula-green: #50fa7b;\n$dracula-orange: #ffb86c;\n$dracula-pink: #ff79c6;\n$dracula-purple: #bd93f9;\n$dracula-red: #ff5555;\n$dracula-yellow: #f1fa8c;\n\n// Chord Charts Studio\n$whiteSmoke: rgba(244, 244, 244, 1);\n$onyx: rgba(48, 56, 70, 1);\n$charcoal: rgba(46, 64, 82, 1);\n$gunMetal: rgba(41, 49, 50, 1);\n$saffron: rgba(250, 191, 43, 1);\n$bitterSweet: rgba(255, 112, 96, 1);\n$screamingGreen: rgba(116, 241, 78, 1);\n\n$ccs-foreground: $whiteSmoke;\n$ccs-background: $onyx;\n$ccs-accent: $saffron;\n$ccs-primary: $charcoal;\n$ccs-secondary: $gunMetal;\n$ccs-red: $bitterSweet;\n$ccs-yellow: $saffron;\n$ccs-green: $screamingGreen;\n","@mixin base {\n\tfont-family: $font-stack;\n\tfont-size: 13px;\n\tline-height: 1.65em;\n\tpadding: 10px;\n\twhite-space: pre-wrap;\n\n\tp {\n\t\tmargin: 0;\n\t}\n}\n","$font-stack: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n\t'Courier New', monospace;\n","@import '../abstract';\n@import './common';\n\n.cmTheme-dark2 {\n\tbackground-color: $dracula-background;\n\n\t.cmSong {\n\t\t@include base;\n\t\tcolor: $dracula-foreground;\n\t}\n\n\t// Sections\n\t.cmSectionLabel {\n\t\tcolor: $dracula-orange;\n\t\tfont-weight: bold;\n\t}\n\t.cmSectionMultiplier {\n\t\tcolor: $dracula-yellow;\n\t}\n\n\t// Time signature\n\t.cmTimeSignature {\n\t\tcolor: $dracula-yellow;\n\t\tfont-weight: bold;\n\t}\n\n\t// Chordline\n\t.cmChordLine {\n\t\tcolor: $dracula-cyan;\n\t}\n\n\t.cmBarSeparator {\n\t\topacity: 0.5;\n\t}\n\n\t.cmChordDuration {\n\t\topacity: 0.7;\n\t}\n}\n","@import '../abstract';\n@import './common';\n\n.cmTheme-dark3 {\n\tbackground-color: $dracula-background;\n\n\t.cmSong {\n\t\t@include base;\n\t\tcolor: $dracula-foreground;\n\t}\n\n\t// Sections\n\t.cmSectionLabel {\n\t\tcolor: $dracula-red;\n\t\tfont-weight: bold;\n\t}\n\t.cmSectionMultiplier {\n\t\tcolor: $dracula-yellow;\n\t}\n\n\t// Time signature\n\t.cmTimeSignature {\n\t\tcolor: $dracula-cyan;\n\t\tfont-weight: bold;\n\t}\n\n\t// Chordline\n\t.cmChordLine {\n\t\tcolor: $dracula-green;\n\t}\n\n\t.cmBarSeparator {\n\t\topacity: 0.5;\n\t}\n\n\t.cmChordDuration {\n\t\topacity: 0.7;\n\t}\n}\n","@import '../abstract';\n@import './common';\n\n.cmTheme-text {\n\t.cmSong {\n\t\t@include base;\n\t\tcolor: #333;\n\t}\n}\n",".cmLine {\n\t.cmSong--fontSize-5 & {\n\t\tfont-size: 0.5em;\n\t\tline-height: 1.15em;\n\t}\n\t.cmSong--fontSize-4 & {\n\t\tfont-size: 0.6em;\n\t\tline-height: 1.25em;\n\t}\n\t.cmSong--fontSize-3 & {\n\t\tfont-size: 0.7em;\n\t\tline-height: 1.35em;\n\t}\n\t.cmSong--fontSize-2 & {\n\t\tfont-size: 0.8em;\n\t\tline-height: 1.45em;\n\t}\n\t.cmSong--fontSize-1 & {\n\t\tfont-size: 0.9em;\n\t\tline-height: 1.55em;\n\t}\n\t.cmSong--fontSize1 & {\n\t\tfont-size: 1.1em;\n\t\tline-height: 1.75em;\n\t}\n\t.cmSong--fontSize2 & {\n\t\tfont-size: 1.2em;\n\t\tline-height: 1.85em;\n\t}\n\t.cmSong--fontSize3 & {\n\t\tfont-size: 1.3em;\n\t\tline-height: 1.95em;\n\t}\n\t.cmSong--fontSize4 & {\n\t\tfont-size: 1.4em;\n\t\tline-height: 2.05em;\n\t}\n\t.cmSong--fontSize5 & {\n\t\tfont-size: 1.5em;\n\t\tline-height: 2.15em;\n\t}\n}\n","@import '../abstract';\n@import './common';\n\n.cmTheme-print {\n\tbackground-color: white;\n\n\t.cmSong {\n\t\t@include base;\n\t\tcolor: #333;\n\t\tfont-size: 12px;\n\t}\n\n\t// Sections\n\t.cmSectionLabel {\n\t\tfont-weight: bold;\n\t\ttext-decoration: underline;\n\t}\n\t.cmSectionMultiplier {\n\t\tfont-weight: normal;\n\t\ttext-decoration: unset;\n\t}\n\n\t// Time signature\n\t.cmTimeSignature {\n\t\tfont-weight: bold;\n\t}\n\n\t// Chordline\n\t.cmChordLine {\n\t}\n\n\t.cmBarSeparator {\n\t\topacity: 0.5;\n\t}\n\n\t.cmChordDuration {\n\t\topacity: 0.7;\n\t}\n}\n","@import '../../../scss/abstract';\n\n.ErrorBoundary {\n\tpadding: $spacer-medium;\n}\n","// Spacings\n$spacer-extra-tiny: 0.25rem !default;\n$spacer-tiny: 0.5rem !default;\n$spacer-tiny-plus: 0.7rem !default;\n$spacer-small: 1rem !default;\n$spacer-small-plus: 1.5rem !default;\n$spacer-medium: 2rem !default;\n$spacer-medium-plus: 3rem !default;\n$spacer-large: 4rem !default;\n$spacer-large-plus: 6rem !default;\n$spacer-extra-large: 8rem !default;\n$spacer-extra-large-plus: 12rem !default;\n$spacer-ultra-large: 16rem !default;\n$spacer-ultra-large-plus: 20rem !default;\n","@import '../../../../../scss/abstract';\n@import '../themes';\n\nhtml,\nbody,\n#app {\n\theight: 100%;\n\tpadding: 0;\n}\n\n.appLayout-wrapper {\n\twidth: 100%;\n\theight: 100%;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n}\n\n// Sidebars\n\n.leftBar {\n\tflex-shrink: 0;\n\twidth: 15%;\n\tmax-width: 250px;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\n\t&.leftBar-isCollapsed {\n\t\twidth: 48px;\n\t}\n\n\t@include themify($themes) {\n\t\tcolor: themed('leftBar-txt');\n\t\tbackground-color: themed('leftBar-bg');\n\n\t\t&.leftBar-isCollapsed {\n\t\t\tborder-right: 1px solid themed('leftBar-border');\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: themed('leftBar-bgHover');\n\t\t\t}\n\t\t}\n\t}\n\n\t@media print {\n\t\tdisplay: none;\n\t}\n}\n\n.rightBar {\n\tflex-shrink: 0;\n\twidth: 15%;\n\tmax-width: 250px;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\n\t&.rightBar-isCollapsed {\n\t\twidth: 48px;\n\t}\n\n\t@include themify($themes) {\n\t\tcolor: themed('rightBar-txt');\n\t\tbackground-color: themed('rightBar-bg');\n\n\t\t&.rightBar-isCollapsed {\n\t\t\tborder-left: 1px solid themed('rightBar-border');\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: themed('rightBar-bgHover');\n\t\t\t}\n\t\t}\n\t}\n\n\t@media print {\n\t\tdisplay: none;\n\t}\n}\n\n.leftBar-content {\n\toverflow-y: scroll;\n\tflex: 1 1 auto;\n\n\t.leftBar-isCollapsed & {\n\t\tpadding: $spacer-tiny $spacer-small;\n\t\ttext-align: center;\n\t\tcursor: pointer;\n\t\toverflow: hidden;\n\t}\n}\n\n.rightBar-content {\n\toverflow-y: scroll;\n\tflex: 1 1 auto;\n\n\t.rightBar-isCollapsed & {\n\t\tpadding: $spacer-tiny $spacer-small;\n\t\ttext-align: center;\n\t\tcursor: pointer;\n\t\toverflow: hidden;\n\t}\n}\n\n.leftBar-collapser {\n\tflex: 0 0 12px;\n\tdisplay: flex;\n\tcursor: pointer;\n\n\t.leftBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('leftBar-collapser-bg');\n\t\tborder-right: 1px solid themed('leftBar-collapser-border');\n\n\t\t&:hover {\n\t\t\tbackground-color: themed('leftBar-collapser-bgHover');\n\t\t}\n\t}\n\n\t@include themify($themes) {\n\t\tcolor: themed('leftBar-collapser-txt');\n\t}\n}\n\n.leftBar-collapserIcon {\n\tflex: 1 1 auto;\n\talign-self: center;\n\tfont-weight: $weight-bold;\n\n\t.icon {\n\t\t@include font-size(small);\n\t}\n}\n\n.rightBar-collapser {\n\tflex: 0 0 12px;\n\tdisplay: flex;\n\tcursor: pointer;\n\n\t.rightBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('rightBar-collapser-bg');\n\t\tborder-left: 1px solid themed('rightBar-collapser-border');\n\n\t\t&:hover {\n\t\t\tbackground-color: themed('rightBar-collapser-bgHover');\n\t\t}\n\t}\n\n\t@include themify($themes) {\n\t\tcolor: themed('rightBar-collapser-txt');\n\t}\n}\n\n.rightBar-collapserIcon {\n\tflex: 1 1 auto;\n\talign-self: center;\n\tfont-weight: $weight-bold;\n\n\t.icon {\n\t\t@include font-size(small);\n\t}\n}\n\n// Main area\n\n.appLayout-main {\n\tflex-grow: 1;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-wrap: nowrap;\n}\n\n.appLayout-header {\n\tflex-shrink: 0;\n\n\t@include themify($themes) {\n\t\tcolor: themed('header-txt');\n\t\tbackground-color: themed('header-bg');\n\t\tborder-bottom: 3px solid themed('header-border');\n\t}\n\n\t@media print {\n\t\tdisplay: none;\n\t}\n}\n\n.appLayout-content {\n\toverflow-y: auto;\n\tflex-grow: 1;\n\n\t@media print {\n\t\toverflow-y: visible;\n\t}\n}\n\n.appLayout-footer {\n\t@include themify($themes) {\n\t\tcolor: themed('footer-txt');\n\t}\n\n\t@media print {\n\t\tdisplay: none;\n\t}\n}\n","@import '../../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\tlogo-txt: cv(dark-foreground),\n\t),\n);\n\n.logo-isExpanded {\n\tbox-sizing: border-box;\n\tpadding: $spacer-small-plus 0 $spacer-small;\n\twidth: 100%;\n\n\t.leftBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n}\n\n.logo-img {\n\tmargin: 0 auto;\n\twidth: 70%;\n\tsvg {\n\t\tfill: #fff;\n\t\taspect-ratio: 1.25 / 1;\n\t\twidth: 80%;\n\t\tmargin: 5px auto 10px auto;\n\t\tdisplay: block;\n\t}\n}\n","@import '../../../../../scss/abstract';\n@import '../themes';\n\n.mainNav-entries {\n\tmargin: 0;\n\tpadding: 0;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\tlist-style-type: none;\n\t@include font-size(base);\n\tfont-family: $font-family-headings;\n\tfont-weight: 400;\n\tvertical-align: middle;\n}\n\n.mainNavEntry {\n\tdisplay: inline-block;\n\tpadding: $spacer-small $spacer-medium;\n\tcursor: default;\n\tfont-weight: bold;\n\n\t&:hover:not(.mainNavEntry-isActive) {\n\t\tcursor: pointer;\n\t}\n\n\t&:hover:not(.mainNavEntry-isDisabled):not(.mainNavEntry-isActive) {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('header-txtHover');\n\t\t\tbackground-color: themed('header-bgHover');\n\t\t}\n\t}\n\n\t&.mainNavEntry-isActive {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('header-txtActive');\n\t\t\tbackground-color: themed('header-bgActive');\n\t\t}\n\t}\n\n\t&.mainNavEntry-isDisabled {\n\t\tuser-select: none;\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('header-txtDisabled');\n\t\t\tbackground-color: themed('header-bgDisabled');\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n}\n\n.mainNavEntry-icon {\n\t.icon {\n\t\tmargin-right: $spacer-tiny;\n\t\t@include font-size(normal);\n\t}\n}\n","@import '../../../scss/abstract';\n\n.icon {\n\tvertical-align: middle;\n}\n","@import '../../../../scss/abstract';\n\n.userGuide-isExpanded {\n\tmargin-left: $spacer-small;\n\n\t.rightBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n}\n\n.userGuide-isCollapsed {\n\tpadding: $spacer-small 0;\n\n\t.rightBar:not(.rightBar-isCollapsed) & {\n\t\tdisplay: none;\n\t}\n}\n","@import '../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\t// primary\n\t\tbutton-primary-txt: cv(dark-primary, dark10),\n\t\tbutton-primary-txtHover: cv(dark-secondary, dark20),\n\t\tbutton-primary-txtActive: cv(dark-primary),\n\t\tbutton-primary-txtDisabled: cv(dark-secondary, light10),\n\t\tbutton-primary-bg: cv(dark-accent),\n\t\tbutton-primary-bgHover: cv(dark-accent, light20),\n\t\tbutton-primary-bgActive: cv(dark-accent, light30),\n\t\tbutton-primary-bgDisabled: cv(dark-secondary, light20),\n\t\t// primary\n\t\tbutton-secondary-txt: cv(dark-secondary, dark10),\n\t\tbutton-secondary-txtHover: cv(dark-secondary, dark20),\n\t\tbutton-secondary-txtActive: cv(dark-primary),\n\t\tbutton-secondary-txtDisabled: cv(dark-secondary, light10),\n\t\tbutton-secondary-bg: cv(dark-foreground, dark30),\n\t\tbutton-secondary-bgHover: cv(dark-foreground, dark20),\n\t\tbutton-secondary-bgActive: cv(dark-foreground, dark10),\n\t\tbutton-secondary-bgDisabled: cv(dark-secondary, light20),\n\t),\n);\n\nbutton {\n\tborder: 0;\n\tborder-radius: 0;\n\tbackground-color: transparent;\n}\n\n.Button {\n\tdisplay: inline-block;\n\tpadding: 10px 20px;\n\tfont-weight: bold;\n\ttext-transform: capitalize;\n\tmargin: 10px 20px 10px 0;\n\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n\n\t&:last-of-type {\n\t\tmargin-right: 0;\n\t}\n}\n\n.Button-primary:not(.Button-isDisabled) {\n\t@include themify($themes) {\n\t\tbackground-color: themed('button-primary-bg');\n\t\tcolor: themed('button-primary-txt');\n\t}\n\n\t&:hover {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('button-primary-txtHover');\n\t\t\tbackground-color: themed('button-primary-bgHover');\n\t\t}\n\t}\n\n\t&:active {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('button-primary-txtActive');\n\t\t\tbackground-color: themed('button-primary-bgActive');\n\t\t}\n\t}\n}\n\n.Button-primary.Button-isDisabled {\n\tcursor: not-allowed;\n\t@include themify($themes) {\n\t\tbackground-color: themed('button-primary-bgDisabled');\n\t\tcolor: themed('button-primary-txtDisabled');\n\t}\n}\n\n.Button-secondary:not(.Button-isDisabled) {\n\t@include themify($themes) {\n\t\tbackground-color: themed('button-secondary-bg');\n\t\tcolor: themed('button-secondary-txt');\n\t}\n\n\t&:hover {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('button-secondary-txtHover');\n\t\t\tbackground-color: themed('button-secondary-bgHover');\n\t\t}\n\t}\n\n\t&:active {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('button-secondary-txtActive');\n\t\t\tbackground-color: themed('button-secondary-bgActive');\n\t\t}\n\t}\n}\n\n.Button-secondary.Button-isDisabled {\n\tcursor: not-allowed;\n\t@include themify($themes) {\n\t\tbackground-color: themed('button-secondary-bgDisabled');\n\t\tcolor: themed('button-secondary-txtDisabled');\n\t}\n}\n","@import '../../../../scss/abstract';\n\n.versions-isExpanded {\n\tmargin: $spacer-large 0;\n\tpadding: 0 $spacer-small;\n\topacity: 0.5;\n\n\t@include font-size(tiny);\n\n\t.rightBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n\n\ta {\n\t\tcolor: inherit;\n\t\t&:hover {\n\t\t\topacity: 0.7;\n\t\t}\n\t}\n}\n","@import '../../../scss/abstract';\n@import '../themes';\n\n.sim-SongImporterModal_Container {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\twidth: 90%;\n\theight: 90%;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: stretch;\n\talign-content: stretch;\n\tflex-wrap: nowrap;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('modal-bg');\n\t\tborder: 1px solid themed('modal-border');\n\t\tcolor: themed('modal-txt');\n\t}\n}\n\n.sim-Header_Container {\n\tflex: 0 0 auto;\n\tdisplay: flex;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('header-bg');\n\t\tborder-bottom: 1px solid themed('header-border');\n\t\tcolor: themed('header-txt');\n\t}\n}\n\n.sim-Header_Title {\n\tflex: 1 1 auto;\n\tpadding: 20px;\n\t@include font-size(base);\n\tfont-weight: bolder;\n}\n\n.sim-Header_Actions {\n\tflex: 0 0 auto;\n\tpadding: 0 10px;\n}\n\n.sim-TwoColumns_Container {\n\tdisplay: flex;\n\talign-self: stretch;\n}\n\n.sim-TwoColumns_Container-autoHeight {\n\tflex: 0 1 100%;\n\tmin-height: 0; // necessary, otherwise content doesn't scroll!\n}\n\n.sim-Column_Container {\n\tflex: 1 1 50%;\n\talign-self: stretch;\n\tpadding: 0 10px;\n\n\t&:first-child {\n\t\tpadding-right: 5px;\n\t}\n\t&:last-child {\n\t\tpadding-left: 5px;\n\t}\n}\n\n.sim-Input_Header {\n\theight: 20px;\n\ttext-transform: uppercase;\n\tpadding: 2px;\n\ttext-align: center;\n\t@include font-size(small);\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('inputHeader-bg');\n\t\tcolor: themed('inputHeader-txt');\n\t}\n}\n\n.sim-Input_Textarea {\n\tbox-sizing: border-box;\n\tpadding: 10px;\n\twidth: 100%;\n\theight: calc(100% - 24px - 10px);\n\tmax-height: calc(100% - 24px - 10px);\n\toverflow-y: scroll;\n\tresize: none;\n\tmargin: 0;\n\tbackground-color: transparent;\n\tborder: 0;\n\toutline: none;\n\n\tfont-family: $font-family-monospace;\n\t@include font-size(small);\n\tline-height: 1.5rem;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('input-bg');\n\t\tcolor: themed('input-txt');\n\t}\n}\n\n.sim-Input_Textarea-Disabled {\n\topacity: 0.5;\n}\n\n.sim-Preview_Container {\n\tbox-sizing: border-box;\n\n\tfont-family: $font-family-monospace;\n\t@include font-size(small);\n\twhite-space: pre-wrap;\n\theight: calc(100% - 24px - 10px);\n\tmax-height: calc(100% - 24px - 10px);\n\toverflow-y: scroll;\n\tpadding: 10px;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('preview-bg');\n\t}\n}\n\n.sim-Preview_Error {\n\tpadding: 10px;\n\t@include themify($themes) {\n\t\tcolor: themed('previewError-txt');\n\t\tbackground-color: themed('previewError-bg');\n\t}\n}\n\n.sim-InputFile_Input {\n\t// https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/\n\twidth: 0.1px;\n\theight: 0.1px;\n\topacity: 0;\n\toverflow: hidden;\n\tposition: absolute;\n\tz-index: -1;\n}\n\n.sim-InputFormat {\n\tpadding: 10px 0;\n}\n\n.sim-InputFormat_Entry {\n\tdisplay: inline-block;\n\tmargin: 0 10px;\n\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n}\n\n.sim-InputFormat_Label {\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n}\n\n.sim-InputFormat_Entry-Disabled,\n.sim-InputFormat_Label-Disabled {\n\t&:hover {\n\t\tcursor: not-allowed;\n\t}\n\topacity: 0.5;\n}\n","@import '../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\tmodal-bg: cv(dark-secondary, dark5),\n\t\tmodal-border: cv(dark-foreground, dark20),\n\t\tmodal-txt: cv(dark-foreground),\n\t),\n);\n\n.mod-ModalContainer {\n\tz-index: $zindex-modal;\n\theight: 100%;\n\twidth: 100%;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n\n.mod-Overlay {\n\theight: 100%;\n\twidth: 100%;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\topacity: 0.7;\n\tbackground-color: black;\n}\n\n.mod-ContentContainer {\n}\n\n.mod-ModalConfirmContainer {\n\tz-index: $zindex-modal;\n\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\twidth: auto;\n\theight: auto;\n\n\tpadding: 10px 20px;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('modal-bg');\n\t\tborder: 1px solid themed('modal-border');\n\t\tcolor: themed('modal-txt');\n\t}\n}\n\n.mod-ModalConfirmButtons {\n\ttext-align: center;\n}\n","@import '../../../scss/abstract';\n@import '../themes';\n\n.fileManager-isExpanded {\n\t@include font-size(small);\n\n\t.leftBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n}\n\n.fileManager-isCollapsed {\n\tpadding: $spacer-small 0;\n\t.leftBar:not(.leftBar-isCollapsed) & {\n\t\tdisplay: none;\n\t}\n}\n\n.fileManager-actionsList {\n\tpadding: $spacer-small;\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\t@include themify($themes) {\n\t\tbackground-color: themed('actions-bg');\n\t}\n}\n\n.fileManagerAction {\n\tflex: 0 1 auto;\n\tpadding: $spacer-tiny;\n\tmargin-right: $spacer-tiny;\n\twhite-space: nowrap;\n\n\t&:hover {\n\t\tcursor: not-allowed;\n\t}\n\n\t&:hover:not(.fileManagerAction-isDisabled) {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('action-bgHover');\n\t\t}\n\t\tcursor: pointer;\n\t}\n}\n\n.fileManagerAction-isDisabled {\n\tuser-select: none;\n\n\topacity: 0.5;\n}\n\n.fileManagerAction-icon {\n\t.icon {\n\t\t@include font-size(normal);\n\t}\n}\n\n.fileManager-entriesList {\n\tpadding-left: 0;\n\tlist-style: none;\n}\n\n.fileManagerEntry {\n\tcursor: pointer;\n\tpadding: 0.1rem 0;\n\n\t&:hover {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('fileEntry-bgHover');\n\t\t}\n\t}\n\n\t&.fileManagerEntry-isSelected {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('fileEntry-bgActive');\n\t\t}\n\t}\n}\n\n.fileManagerEntry-input {\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tpadding: 0 $spacer-small;\n\n\tbackground-color: transparent;\n\tborder: none;\n\tcursor: pointer;\n\toutline: none;\n\t@include themify($themes) {\n\t\tcolor: themed('fileEntry-txt');\n\t}\n\n\t.fileManagerEntry-isSelected & {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('fileEntry-txtActive');\n\t\t}\n\t}\n\n\t.fileManagerEntry-isRenamed & {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('fileEntry-bgRenamed');\n\t\t\tcolor: themed('fileEntry-txtRenamed');\n\t\t}\n\t\tcursor: text;\n\t}\n}\n","@import '../../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\teditorSrc-bg: cv(dark-secondary, dark5),\n\t\tinputHeader-txt: cv(dark-foreground, fade),\n\t\tinputHeader-bg: cv(dark-secondary, light10),\n\t\tinputHeader-gutter: cv(dark-secondary, dark5),\n\t),\n);\n\n$headerVPadding: 3px;\n$headerHeight: 20px;\n\n.songEditor-headers {\n\tdisplay: flex;\n\n\theight: $headerHeight;\n\ttext-transform: uppercase;\n\tpadding: $headerVPadding 0;\n\ttext-align: center;\n\t@include font-size(small);\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('inputHeader-bg');\n\t\tcolor: themed('inputHeader-txt');\n\t}\n}\n\n.songEditor-sourceHeader {\n\tflex: 0 1 50%;\n}\n\n.songEditor-previewHeader {\n\tflex: 0 1 50%;\n}\n\n.songEditor {\n\twidth: 100%;\n\theight: calc(100% - #{$headerHeight + $headerVPadding * 2});\n\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n}\n\n.songEditor-source {\n\tflex: 0 1 50%;\n\tdisplay: flex;\n\toverflow-y: scroll;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('editorSrc-bg');\n\t}\n}\n\n.songEditor-preview {\n\tflex: 0 1 50%;\n\toverflow-y: scroll;\n}\n","@import '../../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\teditorPreview-txt: cv(dark-foreground, dark10),\n\t),\n);\n\n.editorPreview {\n\tbox-sizing: border-box;\n\tpadding: $spacer-tiny;\n\tmin-height: 100%;\n}\n\n.cmTheme-fadeRepeats {\n\t.cmLine--isFromAutoRepeatChords,\n\t.cmLine--isFromChordLineRepeater,\n\t.cmLine--isFromSectionCopy,\n\t.cmLine--isFromSectionMultiply {\n\t\topacity: 0.5;\n\t}\n}\n","@import '../../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\teditor-txt: cv(dark-foreground, dark10),\n\t),\n);\n\n.prosemirrorWrapper {\n\tflex: 1 1 auto;\n\tpadding: 15px 0;\n}\n\n.ProseMirror {\n\theight: 100%;\n\toutline: none;\n\n\tfont-family: $cmFontStack;\n\tfont-size: $cmFontSize;\n\tline-height: $cmLineHeight;\n\n\t@include themify($themes) {\n\t\tcolor: themed('editor-txt');\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tpadding: 0 $spacer-small;\n\t}\n}\n",".ProseMirror {\n position: relative;\n}\n\n.ProseMirror {\n word-wrap: break-word;\n white-space: pre-wrap;\n white-space: break-spaces;\n -webkit-font-variant-ligatures: none;\n font-variant-ligatures: none;\n font-feature-settings: \"liga\" 0; /* the above doesn't seem to work in Edge */\n}\n\n.ProseMirror pre {\n white-space: pre-wrap;\n}\n\n.ProseMirror li {\n position: relative;\n}\n\n.ProseMirror-hideselection *::selection { background: transparent; }\n.ProseMirror-hideselection *::-moz-selection { background: transparent; }\n.ProseMirror-hideselection { caret-color: transparent; }\n\n.ProseMirror-selectednode {\n outline: 2px solid #8cf;\n}\n\n/* Make sure li selections wrap around markers */\n\nli.ProseMirror-selectednode {\n outline: none;\n}\n\nli.ProseMirror-selectednode:after {\n content: \"\";\n position: absolute;\n left: -32px;\n right: -2px; top: -2px; bottom: -2px;\n border: 2px solid #8cf;\n pointer-events: none;\n}\n\n/* Protect against generic img rules */\n\nimg.ProseMirror-separator {\n display: inline !important;\n border: none !important;\n margin: 0 !important;\n}\n","@import '../../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\tsong-txt: cv(dark-foreground),\n\t\tsong-bg: cv(dark-secondary),\n\t),\n);\n\n.exportPreview {\n\tbox-sizing: border-box;\n\tmin-height: 100%;\n\tpadding: $spacer-small;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('song-bg');\n\t\tcolor: themed('song-txt');\n\t}\n}\n\n.exp-SongRenderer {\n\tfont-family: $cmFontStack;\n\tfont-size: $cmFontSize;\n\tline-height: $cmLineHeight;\n\n\tpadding: 15px;\n\twhite-space: pre-wrap;\n\tcolor: #333;\n\n\tp {\n\t\tmargin: 0;\n\t}\n\n\t.txtLine {\n\t\tdisplay: block;\n\t}\n\n\t@include themify($themes) {\n\t\tcolor: themed('song-txt') !important;\n\t}\n}\n","@import '../../../../scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\tplayRenderer-bg: cv(dark-secondary),\n\t),\n);\n\n// Those wrapper are used so the columned div can use height: 100% inside a div with margins\n// We use the trick with an \"absolute\" positioned that fills the available height\n.playRendererWrapper1 {\n\tposition: relative; // needs to be relative so the \"absolute\" trick works to fill the height\n\theight: 100%;\n\toverflow-y: scroll;\n}\n\n.playRendererWrapper2 {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n}\n\n.playRenderer {\n\tbox-sizing: border-box;\n\tmin-height: 100%;\n\n\t.cmSong {\n\t\tpadding: 0 !important;\n\t}\n}\n\n.playRenderer--columns-1 {\n\tcolumn-count: 1;\n\tpadding: $spacer-small;\n}\n.playRenderer--columns-2 {\n\tcolumn-count: 2;\n\tcolumn-fill: auto;\n\theight: 100%;\n\tpadding: $spacer-small;\n}\n.playRenderer--columns-3 {\n\tcolumn-count: 3;\n\tcolumn-fill: auto;\n\theight: 100%;\n\tpadding: $spacer-small;\n}\n.playRenderer--columns-4 {\n\tcolumn-count: 4;\n\tcolumn-fill: auto;\n\theight: 100%;\n\tpadding: $spacer-small;\n}\n","@import '././././scss/abstract';\n\n$themes: (\n\tlight: (),\n\tdark: (\n\t\tsong-txt: cv(dark-background),\n\t\tsong-bg: cv(dark-foreground),\n\t\tdesktop-bg: cv(dark-secondary),\n\t),\n);\n\n.printPreview {\n\toverflow: hidden;\n\tmin-height: 100%;\n\n\t@include themify($themes) {\n\t\tbackground-color: themed('desktop-bg');\n\t}\n\n\t@media print {\n\t\tbackground-color: white !important;\n\t\toverflow-y: auto;\n\t}\n}\n\n.printPreview-page {\n\t// see size and font-size definitions below\n\n\tposition: relative;\n\tmargin: $spacer-medium auto;\n\tbackground-color: white;\n\n\t@media print {\n\t\tmargin: 0;\n\t\tpage-break-after: auto;\n\t}\n}\n\n// This wrapper is used for the page padding and to fill all available height\n.printPreview-pageContentWrapper {\n\t// see padding definitions below\n\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n}\n\n// Flex container for header + columnsWrapper\n.printPreview-pageContent {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-wrap: nowrap;\n\n\theight: 100%;\n}\n\n.printPreview-pageHeader {\n\tfont-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n\t\tHelvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n\t\t'Segoe UI Symbol';\n\t@include font-size(big);\n\tfont-weight: $weight-bold;\n\n\tmargin-bottom: $spacer-small;\n}\n\n// flex container for columns\n.printPreview-pageColumnWrapper {\n\tflex: 1;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n}\n\n.printPreview-pageColumn {\n\tflex: 1 1 0;\n\tmargin: 0 $spacer-tiny-plus;\n\n\t&:first-of-type {\n\t\tmargin-left: 0;\n\t}\n\n\t&:last-of-type {\n\t\tmargin-right: 0;\n\t}\n}\n\n// Document Size definitions\n.printPreview-page--a4 {\n\twidth: 210mm;\n\theight: 297mm;\n}\n\n.printPreview-page--booxmax2pro {\n\twidth: 698px;\n\theight: 930px;\n}\n\n// Margin definitions\n.printPreview-pageContentWrapper--padding1 {\n\tpadding: 3mm;\n}\n.printPreview-pageContentWrapper--padding2 {\n\tpadding: 6mm;\n}\n.printPreview-pageContentWrapper--padding3 {\n\tpadding: 9mm;\n}\n.printPreview-pageContentWrapper--padding4 {\n\tpadding: 12mm;\n}\n.printPreview-pageContentWrapper--padding5 {\n\tpadding: 15mm;\n}\n\n.cmTheme-print {\n\t.cmSong {\n\t\tpadding: 0 !important;\n\t}\n}\n",".measuring-node {\n\tvisibility: hidden;\n\tposition: absolute;\n\tz-index: -1;\n}\n","@import '../../../../scss/abstract';\n\n.renderingOptionsPanel-isExpanded {\n\t.rightBar-isCollapsed & {\n\t\tdisplay: none;\n\t}\n}\n\n.renderingOptionsPanel-isCollapsed {\n\tpadding: $spacer-small 0;\n\n\t.rightBar:not(.rightBar-isCollapsed) & {\n\t\tdisplay: none;\n\t}\n}\n","@import '../../../../../scss/abstract';\n@import '../_themes.scss';\n\n.sb-optionsGroup {\n\tpadding-top: $spacer-medium;\n\n\t&:first-of-type {\n\t\tpadding-top: 0;\n\t}\n}\n\n.sb-optionsGroup-title {\n\tuser-select: none;\n\n\tpadding: $spacer-tiny $spacer-small $spacer-tiny $spacer-tiny;\n\n\t@include font-size(normal);\n\tfont-weight: $weight-bold;\n\n\t@include themify($themes) {\n\t\tborder-bottom: 2px solid themed('optionsGroup-border');\n\t}\n\n\t.sb-optionsGroup-isNotInteractable & {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('option-isDisabled');\n\t\t}\n\t}\n}\n\n.sb-optionsGroup-content {\n}\n\n.sb-optionsGroup-iconTitle {\n\t.icon {\n\t\t@include font-size(base);\n\t}\n}\n\n.sb-optionsGroup-iconToggle {\n\t.icon {\n\t\t@include font-size(big);\n\t}\n}\n","@import '../../../../../scss/abstract';\n@import '../_themes.scss';\n\n.sb-optionSelect {\n\t@include font-size(small);\n\n\tpadding: $spacer-tiny $spacer-small-plus $spacer-tiny $spacer-small;\n\n\t@include themify($themes) {\n\t\tborder-bottom: 1px dotted themed('option-border');\n\t}\n\n\t.sb-optionsGroup & {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('optionsGroup-option-bg');\n\t\t}\n\t}\n\n\t&.sb-optionSelect-isNotInteractable {\n\t\tuser-select: none;\n\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('option-isDisabled');\n\t\t}\n\t}\n\n\t&:hover {\n\t\tcursor: not-allowed;\n\t}\n\n\t&:hover:not(.sb-optionSelect-isNotInteractable) {\n\t\tcursor: pointer;\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('option-bgHover');\n\t\t}\n\t}\n}\n\n.sb-optionSelect-title {\n\tdisplay: flex;\n}\n\n.sb-optionSelect-desc {\n\tflex: 1 1 auto;\n}\n\n.sb-optionSelect-toggle {\n\tflex: 0 0 auto;\n}\n\n.sb-optionSelect-icon {\n\t.icon {\n\t\t@include font-size(big);\n\t}\n}\n\n.sb-optionSelectChoice-activeLabel {\n\topacity: 0.5;\n}\n\n.sb-optionSelectChoice {\n\tpadding-top: $spacer-tiny;\n\tdisplay: flex;\n\n\t&:hover:not(.sb-optionSelectChoice-isNotInteractable) {\n\t\ttext-decoration: underline;\n\t\tcursor: pointer;\n\t}\n}\n\n.sb-optionSelectChoice-isSelected {\n\tfont-weight: $weight-bold;\n}\n\n.sb-optionSelectChoice-check {\n\tflex: 0 0 20px;\n}\n\n.sb-optionSelectChoice-checkIcon {\n\t.icon {\n\t\t@include font-size(small);\n\t}\n}\n\n.sb-optionSelectChoice-label {\n\tflex: 1 1 auto;\n}\n","@import '../../../../../scss/abstract';\n@import '../_themes.scss';\n\n.sb-optionSlider {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\t@include font-size(small);\n\n\tpadding: $spacer-tiny $spacer-small-plus $spacer-tiny $spacer-small;\n\n\t@include themify($themes) {\n\t\tborder-bottom: 1px dotted themed('option-border');\n\t}\n\n\t.sb-optionsGroup & {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('optionsGroup-option-bg');\n\t\t}\n\t}\n\n\t&.sb-optionSlider-isNotInteractable {\n\t\tuser-select: none;\n\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('option-isDisabled');\n\t\t}\n\t}\n\n\t&:hover {\n\t\tcursor: not-allowed;\n\t}\n\n\t&:hover:not(.sb-optionSlider-isNotInteractable) {\n\t\tcursor: pointer;\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('option-bgHover');\n\t\t}\n\t}\n}\n\n.sb-optionSlider-desc {\n\tflex: 1 1 auto;\n}\n\n.sb-optionSlider-value {\n\tflex: 0 0 auto;\n\tvertical-align: middle;\n\n\t@include font-size(small);\n}\n\n.sb-optionSlider-range {\n\tflex: 1 1 100%;\n\n\tinput[type='range'] {\n\t\t@include themify($themes) {\n\t\t\t@include input-type-range(\n\t\t\t\t$thumb-color: themed('range-thumb'),\n\t\t\t\t$track-color: themed('range-track')\n\t\t\t);\n\t\t}\n\n\t\t&:disabled {\n\t\t\topacity: 0.35;\n\t\t\tcursor: not-allowed !important;\n\t\t}\n\t}\n}\n","// Adapted from https://github.com/Jimdo/range-slider-sass\n@use 'sass:math';\n\n@mixin shadow($shadow-size, $shadow-blur, $shadow-color) {\n\tbox-shadow: $shadow-size $shadow-size $shadow-blur $shadow-color,\n\t\t0 0 $shadow-size lighten($shadow-color, 5%);\n}\n\n@mixin track($track-width, $track-height) {\n\twidth: $track-width;\n\theight: $track-height;\n\tcursor: pointer;\n\tanimation: 0.2s;\n}\n\n@mixin thumb(\n\t$thumb-width,\n\t$thumb-height,\n\t$thumb-border-width,\n\t$thumb-border-color,\n\t$thumb-radius,\n\t$thumb-color\n) {\n\t//@include shadow($thumb-shadow-size, $thumb-shadow-blur, $thumb-shadow-color);\n\twidth: $thumb-width;\n\theight: $thumb-height;\n\tcursor: pointer;\n\tborder: $thumb-border-width solid $thumb-border-color;\n\tborder-radius: $thumb-radius;\n\tbackground: $thumb-color;\n}\n\n@mixin input-type-range(\n\t$thumb-color: red,\n\t$thumb-radius: 0,\n\t$thumb-height: 10px,\n\t$thumb-width: 15px,\n\t$thumb-shadow-size: 0,\n\t$thumb-shadow-blur: 0,\n\t$thumb-shadow-color: rgba(0, 0, 0, 0),\n\t$thumb-border-width: 0,\n\t$thumb-border-color: black,\n\t$track-color: blue,\n\t$track-radius: 0,\n\t$track-width: 100%,\n\t$track-height: 10px,\n\t$track-shadow-size: 0,\n\t$track-shadow-blur: 0,\n\t$track-shadow-color: rgba(0, 0, 0, 0),\n\t$track-border-width: 0,\n\t// might not be taken into account everywhere, see belo\n\t$track-border-color: black\n) {\n\t-webkit-appearance: none;\n\twidth: $track-width;\n\tbackground: transparent;\n\n\t&:focus {\n\t\toutline: none;\n\t}\n\n\t&::-webkit-slider-runnable-track {\n\t\t@include track($track-width, $track-height);\n\t\t//@include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);\n\t\tborder: $track-border-width solid $track-border-color;\n\t\tborder-radius: $track-radius;\n\t\tbackground: $track-color;\n\t}\n\n\t&::-webkit-slider-thumb {\n\t\t@include thumb(\n\t\t\t$thumb-width,\n\t\t\t$thumb-height,\n\t\t\t$thumb-border-width,\n\t\t\t$thumb-border-color,\n\t\t\t$thumb-radius,\n\t\t\t$thumb-color\n\t\t);\n\t\t-webkit-appearance: none;\n\t\t//margin-top: ((-#{$track-border-width} * 2) + $track-height) / (2 - $thumb-height / 2);\n\t\t// the build fails with $track-border-width = 0\n\t\tmargin-top: math.div(($track-height), (2 - math.div($thumb-height, 2)));\n\t}\n\n\t&:focus::-webkit-slider-runnable-track {\n\t\tbackground: $track-color;\n\t}\n\n\t&::-moz-range-track {\n\t\t@include track($track-width, $track-height);\n\t\t//@include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);\n\t\tborder: $track-border-width solid $track-border-color;\n\t\tborder-radius: $track-radius;\n\t\tbackground: $track-color;\n\t}\n\n\t&::-moz-range-thumb {\n\t\t@include thumb(\n\t\t\t$thumb-width,\n\t\t\t$thumb-height,\n\t\t\t$thumb-border-width,\n\t\t\t$thumb-border-color,\n\t\t\t$thumb-radius,\n\t\t\t$thumb-color\n\t\t);\n\t}\n\n\t&::-ms-track {\n\t\t@include track($track-width, $track-height);\n\t\tcolor: transparent;\n\t\tborder-width: $thumb-width 0;\n\t\tborder-color: transparent;\n\t\tbackground: transparent;\n\t}\n\n\t&::-ms-fill-lower {\n\t\t//@include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);\n\t\tborder: $track-border-width solid $track-border-color;\n\t\tborder-radius: $track-radius * 2;\n\t\tbackground: $track-color;\n\t}\n\n\t&::-ms-fill-upper {\n\t\t//@include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);\n\t\tborder: $track-border-width solid $track-border-color;\n\t\tborder-radius: $track-radius * 2;\n\t\tbackground: $track-color;\n\t}\n\n\t&::-ms-thumb {\n\t\t@include thumb(\n\t\t\t$thumb-width,\n\t\t\t$thumb-height,\n\t\t\t$thumb-border-width,\n\t\t\t$thumb-border-color,\n\t\t\t$thumb-radius,\n\t\t\t$thumb-color\n\t\t);\n\t}\n\n\t&:focus::-ms-fill-lower {\n\t\tbackground: $track-color;\n\t}\n\n\t&:focus::-ms-fill-upper {\n\t\tbackground: $track-color;\n\t}\n\n\t&:disabled::-moz-range-track,\n\t&:disabled::-moz-range-thumb {\n\t\tcursor: default;\n\t}\n\n\t&:disabled::-webkit-slider-runnable-track,\n\t&:disabled::-webkit-slider-thumb {\n\t\tcursor: default;\n\t}\n\n\t&:disabled::-ms-track,\n\t&:disabled::-ms-thumb {\n\t\tcursor: default;\n\t}\n}\n","@import '../../../../../scss/abstract';\n@import '../_themes.scss';\n\n.sb-optionToggle {\n\tdisplay: flex;\n\n\t@include font-size(small);\n\n\tpadding: $spacer-tiny $spacer-small-plus $spacer-tiny $spacer-small;\n\n\t@include themify($themes) {\n\t\tborder-bottom: 1px dotted themed('option-border');\n\t}\n\n\t.sb-optionsGroup & {\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('optionsGroup-option-bg');\n\t\t}\n\t}\n\n\t&.sb-optionToggle-isNotInteractable {\n\t\tuser-select: none;\n\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('option-isDisabled');\n\t\t}\n\t}\n\n\t&:hover {\n\t\tcursor: not-allowed;\n\t}\n\n\t&:hover:not(.sb-optionToggle-isNotInteractable) {\n\t\tcursor: pointer;\n\t\t@include themify($themes) {\n\t\t\tbackground-color: themed('option-bgHover');\n\t\t}\n\t}\n}\n\n.sb-optionToggle-desc {\n\tflex: 1 1 auto;\n}\n\n.sb-optionToggle-icon {\n\tflex: 0 0 auto;\n}\n\n.sb-optionToggle-isOff {\n\t.icon {\n\t\t@include themify($themes) {\n\t\t\tcolor: themed('toggle-icon-isOff');\n\t\t}\n\t}\n}\n\n.sb-optionToggle-icon {\n\t.icon {\n\t\t@include font-size(big);\n\t}\n\n\t.sb-optionToggle-isOff & {\n\t\t.icon {\n\t\t\t@include themify($themes) {\n\t\t\t\tcolor: themed('toggle-icon-isOff');\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/packages/chord-chart-studio/build/index.html b/packages/chord-chart-studio/build/index.html
index 2b2548b3..45424983 100644
--- a/packages/chord-chart-studio/build/index.html
+++ b/packages/chord-chart-studio/build/index.html
@@ -2,4 +2,4 @@
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
- gtag('config', 'G-EGKBT2J600');