#root,body,html{font-family:Nunito,sans-serif;font-size:20px;margin:0;padding:0}#app,#root,body,html{height:100%;width:100%}#app{*-webkit-tap-highlight-color:transparent;background-color:var(--primary-bg);color:var(--primary-text);display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 3em;overflow:hidden;transition:.2s}#app,#app #main{position:relative}#app #main{overflow:auto}#app #main .next,#app #main .prev{align-items:center;background-color:var(--primary-bg-hover);cursor:pointer;display:flex;font-size:1.5rem;height:100%;justify-content:center;max-height:calc(100vh - 3rem);opacity:0;position:absolute;top:0;transition:.3s;width:5rem;z-index:100}#app #main .next.prev,#app #main .prev.prev{left:0}#app #main .next.next,#app #main .prev.next{right:0}#app #main .next:hover,#app #main .prev:hover{opacity:.6}@media (max-width:1200px){#app #main .next,#app #main .prev{display:none}}#app #toolbar{align-items:center;border-top:2px solid var(--border);display:flex;overflow:auto;position:relative}#app #toolbar.s-lead{border-top:2px solid var(--s-lead)}#app #toolbar.s-online{border-top:2px solid var(--s-online)}#app #toolbar #popup{background-color:var(--primary-bg);border-radius:4px;bottom:4em;box-shadow:0 0 8px 4px #00000019;padding:1.5em;position:fixed;right:1em;width:15em;z-index:200}@media (max-width:600px){#app #toolbar #popup{width:calc(100vw - 4em)}}#app #sidebar{border-right:2px solid var(--border);grid-row:1/3;margin-left:calc(-15em - 2px);overflow:auto;transition:.5s;width:15em}#app #sidebar.open{margin-left:0}@media (max-width:600px){#app #sidebar.open{width:100vw}}#app #sidebar .top{align-items:center;background-color:var(--primary-bg);display:flex;height:3em;position:-webkit-sticky;position:sticky;top:0;z-index:100}#app #sidebar .top input{background-color:inherit;border:none;border-bottom:1px solid var(--border);color:inherit;flex-grow:1;font-family:inherit;font-size:1em;margin-left:.7em;outline:none;padding:.3em .5em 0}#app #sidebar .top .clear{cursor:pointer;font-size:1.4em;position:absolute;right:2.5em}#app #sidebar .song{align-items:center;display:flex;justify-content:space-between;padding:.3em 1em}#app #sidebar .song .favorite{font-size:.7em;margin-left:.5em}#app #sidebar .song .author{font-size:.8em;font-style:italic}#app #sidebar .song:hover{background-color:var(--primary-bg-hover)}#app #sidebar .divider{align-items:center;color:#777;display:flex;font-size:.7em;font-weight:700;padding:.5em 1.3em;text-transform:uppercase}#app #sidebar .divider:after{border-bottom:1px solid #777;content:"";margin-left:1em;position:relative;width:100%}#app .button{align-items:center;color:var(--icon);cursor:pointer;display:flex;font-family:Font Awesome\ 5 Free,Nunito;height:100%;justify-content:center;min-width:3em}#app .button:hover{background-color:var(--primary-bg-hover)}@media (max-width:600px){#app .button{min-width:2.5em}}.light-theme{--primary-bg:#fff;--primary-bg-hover:#eee;--primary-text:#000;--secondary-bg:#fff;--border:#ddd;--icon:#555;--widget-bg:#eee;--widget-bg-hover:#ddd;--menu-bg:#fff;--menu-hover-bg:#f5f5f5;--shadow:0px 0px 8px 4px #00000019;--border-radius:0.25em;--s-online:#0b0;--s-lead:#b92dff;--outline:2px solid #000}.dark-theme{--primary-bg:#111;--primary-bg-hover:#222;--primary-text:#ddd;--secondary-bg:#252525;--border:#333;--icon:#aaa;--widget-bg:#171819;--widget-bg-hover:#1a1b1c;--menu-bg:#131415;--menu-hover-bg:#171819;--shadow:0px 0px 8px 4px #00000019;--border-radius:0.25em;--s-online:#0b0;--s-lead:#5b0089;--scrollbar-bg:#ffffff05}.oled-theme{--primary-bg:#000}.compactMode{grid-template-rows:1fr 2em!important}.compactMode #song{padding:2px}.compactMode #song h1,.compactMode #song h2{font-size:1em!important}.compactMode #song .chord{font-size:.8em;font-weight:700}.compactMode #song .with-chords{line-height:1.9em}.compactMode #toolbar{font-size:.8em}.unselectable{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.unselectable:focus{outline:none!important}.notA{color:inherit;text-decoration:inherit}.spacer{flex-grow:1}*{scroll-behavior:smooth}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:var(--scrollbar-bg);width:10px}::-webkit-scrollbar-thumb{background-color:#777;border-radius:6px;-webkit-box-shadow:none}input,textarea{outline:none}input{background-color:var(--primary-bg);border:none;border-bottom:1px solid var(--border);color:inherit;flex-grow:1;font-family:inherit;font-size:1em;margin-left:.7em;padding:.3em .5em 0}span.chord-box{cursor:pointer;font-size:1em;font-weight:800;position:absolute;-webkit-transform:translateY(-1em);transform:translateY(-1em)}span.chord-box .chord{margin-right:.5em;position:relative}span.chord-box .chord-chart{align-items:center;background-color:var(--secondary-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;font-weight:400;height:5em;justify-content:center;left:0;position:absolute;top:-5em;width:5em;z-index:200}span.chord-box .chord-chart svg{-webkit-transform:scale(1.1);transform:scale(1.1)}span.chord-box .chord-chart .no-chord{font-size:1.5em}.dark-theme span.chord .chord-chart svg{-webkit-filter:invert(1);filter:invert(1)}#lyrics{scroll-margin-top:1em}#lyrics .chord-lyrics .lyrics-line{font-size:1em;margin:0;position:relative;z-index:100}#lyrics .chord-lyrics .lyrics-line:first-child.with-chords{padding-top:1em}#lyrics .chord-lyrics .lyrics-line.has-chords{line-height:2.5em}#lyrics .chord-lyrics .lyrics-line.has-chords:first-child{line-height:2em}#lyrics .chord-lyrics .lyrics-line .hskip{display:inline-block}#lyrics .chord-lyrics .lyrics-line .italic{font-style:italic}#lyrics .chord-lyrics .lyrics-line .bold{font-weight:800}#lyrics .chord-lyrics .verse-name{font-weight:700;position:absolute;-webkit-transform:translateX(calc(-100% - .3em));transform:translateX(calc(-100% - .3em))}#lyrics.no-line-break .lyrics-line>span{white-space:nowrap}.rc-slider{border-radius:6px;height:14px;padding:5px 0;position:relative;touch-action:none;width:100%}.rc-slider,.rc-slider *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-rail{background-color:#e9e9e9;width:100%}.rc-slider-rail,.rc-slider-track{border-radius:6px;height:4px;position:absolute}.rc-slider-track{background-color:#abe2fb}.rc-slider-track-draggable{background-clip:content-box;border-bottom:5px solid transparent;border-top:5px solid transparent;box-sizing:initial;-webkit-transform:translateY(-5px);transform:translateY(-5px);z-index:1}.rc-slider-handle{background-color:#fff;border:2px solid #96dbfa;border-radius:50%;cursor:pointer;cursor:grab;height:14px;margin-top:-5px;opacity:.8;position:absolute;touch-action:pan-x;width:14px;z-index:1}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{box-shadow:none;outline:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:none}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:grabbing}.rc-slider-mark{font-size:12px;left:0;position:absolute;top:18px;width:100%}.rc-slider-mark-text{color:#999;cursor:pointer;display:inline-block;position:absolute;text-align:center;vertical-align:middle}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:transparent;height:4px;position:absolute;width:100%}.rc-slider-dot{background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;bottom:-2px;cursor:pointer;height:8px;position:absolute;vertical-align:middle;width:8px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{height:100%;padding:0 5px;width:14px}.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-bottom:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:0;-webkit-transform:translateX(-5px);transform:translateX(-5px)}.rc-slider-vertical .rc-slider-handle{margin-left:-5px;margin-top:0;position:absolute;touch-action:pan-y;z-index:1}.rc-slider-vertical .rc-slider-mark{height:100%;left:18px;top:0}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused;display:block!important}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{-webkit-animation-name:rcSliderTooltipZoomDownIn;animation-name:rcSliderTooltipZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{-webkit-animation-name:rcSliderTooltipZoomDownOut;animation-name:rcSliderTooltipZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-transform:scale(0);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@-webkit-keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@-webkit-keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}.rc-slider-tooltip{left:-9999px;position:absolute;top:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9;color:#fff;font-size:12px;height:24px;line-height:1;min-width:24px;padding:6px 2px;text-align:center;text-decoration:none}.rc-slider-tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-top-color:#6c6c6c;border-width:4px 4px 0;bottom:4px;left:50%;margin-left:-4px}#new-song{margin:auto;max-width:1000px;padding:2em}#new-song .grid{grid-gap:1em .5em;align-items:center;display:grid;grid-template-columns:auto 1fr}#new-song .verses{grid-gap:1em;align-items:center;display:grid;grid-template-columns:auto 1fr auto;justify-content:center}#new-song .verses .remove{cursor:pointer;font-size:2em;padding:.5em}#new-song .verses input{border:2px solid var(--border);border-radius:100%;height:2em;margin:.5em;padding:.3em;text-align:center;width:2em}#new-song .verses textarea{border:0;border-bottom:2px solid var(--border);font-size:inherit;padding:.3em}#new-song .verses textarea,#new-song input{background-color:var(--primary-bg);color:inherit;font-family:inherit}#new-song input{border:none;border-bottom:1px solid var(--border);flex-grow:1;font-size:1em;margin-left:.7em;padding:.3em .5em 0}#new-song .button{background-color:var(--widget-bg);border-radius:4px;margin-top:2em;padding:.5em}#new-song .button:hover{background-color:var(--widget-bg-hover)}#new-song editor-squiggler{display:none}#song{align-items:center;display:flex;flex-direction:column;padding:2em;position:relative}@media (max-width:600px){#song{padding:1em}}#song h1.title{font-size:1.5em;margin-bottom:.25em;margin-top:0;text-align:center}#song h2.author{font-size:1.1em;font-style:italic;font-weight:600;margin:0;text-align:center}#song .lyrics{-webkit-column-gap:2em;column-gap:2em;margin-top:1em}#song .lyrics .verse{-webkit-column-break-inside:avoid;break-inside:avoid;min-height:2em;padding-left:1.5em;page-break-inside:avoid;position:relative}#song .lyrics .verse:not(:first-child){padding-top:1em}#song .lyrics .verse .before{font-weight:800;left:-1.5em;position:absolute}#song-page{height:100%;overflow:auto}#song-page ::-webkit-scrollbar,#song-page::-webkit-scrollbar-thumb,#song-page::-webkit-scrollbar-track{display:none}#editor-page{display:grid;grid-template-columns:1fr 1fr;height:100%;overflow:hidden}#editor-page .preview{overflow:auto}#editor-page .editor{grid-gap:1em;border-right:2px solid var(--border);display:grid;grid-template-rows:auto 1fr auto;height:calc(100% - 2em);overflow:auto;padding:1em}#editor-page .editor .grid{grid-gap:1em .5em;align-items:center;display:grid;grid-template-columns:auto 1fr}#editor-page .editor .number-input-component{margin-left:.7em}#editor-page .editor .lyrics,#editor-page .editor .verses{flex-grow:1;overflow:auto}#editor-page .editor:not(.lyrics-mode) .lyrics,#editor-page .editor:not(.verses-mode) .verses{display:none}#editor-page .editor textarea{background-color:var(--primary-bg);color:var(--primary-text)}#editor-page .editor .verses .verse{border:2px solid var(--border);border-radius:var(--border-radius);display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;margin-bottom:1em}#editor-page .editor .verses .verse textarea{border:none;border-left:2px solid var(--border);font-size:.8em;grid-column:2/3;grid-row:1/3;padding:.5em}#editor-page .editor .verses .verse input{border:none;margin:0;padding:.5em;text-align:center}#editor-page .editor .verses .verse .remove{align-items:center;border-top:2px solid var(--border);cursor:pointer;display:flex;font-size:1.5em;justify-content:center}#editor-page .editor .verses .verse .remove:hover{background-color:var(--menu-hover-bg)}#editor-page .editor .lyrics{display:grid}#editor-page .editor .lyrics textarea{border:2px solid var(--border);border-radius:var(--border-radius);font-size:.8em;padding:.5em}#editor-page .editor .submit{text-align:right}#editor-page .editor .submit .button{background-color:var(--widget-bg);border-radius:4px;box-sizing:border-box;display:inline-block;padding:.5em 1.5em}#editor-page .editor .submit .button:hover{background-color:var(--widget-bg-hover)}.number-input-component{align-items:center;display:inline-flex}.number-input-component input{background-color:var(--secondary-bg);border:none;border-radius:var(--border-radius);color:var(--primary-font-color);font-size:.9em;height:1em;margin:0 .5em;outline:none;padding:.4em .5em;text-align:center;width:1.5em}.number-input-component input::-webkit-inner-spin-button,.number-input-component input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input-component input[type=number]{-moz-appearance:textfield}.number-input-component .btn{align-items:center;background-color:var(--widget-bg);border-radius:50%;cursor:pointer;display:flex;font-weight:900;height:1.5em;justify-content:center;width:1.5em}#settings{display:flex;flex-direction:column;margin:auto;max-width:1200px;min-height:calc(100% - 4em);padding:2em}@media (max-width:600px){#settings{padding:1em}}#settings .grid{grid-gap:2em;display:grid;flex-grow:1;grid-template-columns:auto 1fr}@media (max-width:600px){#settings .grid{grid-template-columns:1fr}}#settings .grid h2{margin-top:0}#settings .grid .left .item{align-items:center;background-color:var(--menu-bg);border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.8em;font-weight:700;margin-top:1em;padding:.6em 1.2em}#settings .grid .left .item svg{margin-right:1em}#settings .grid .left .item:hover{background-color:var(--menu-hover-bg)}#settings .back{font-size:2em;margin:0 0 .5em}#settings h1{align-items:center;display:flex;font-weight:300;justify-content:space-between;margin:0 0 .5em}#settings h1 svg{cursor:pointer}#settings h2{font-weight:300;margin:1em 0 .5em}#settings hr{border:none;border-bottom:1px solid #777;margin:1em 0}#settings .info{color:#777;font-size:.8em}#settings .session .buttons{grid-gap:1em;display:grid;grid-template-columns:1fr 1fr;margin-top:.85em;padding-bottom:1em}#settings .session .buttons .button{background-color:var(--widget-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:.5em 1em}#settings .session .buttons .button:hover{background-color:var(--widget-bg-hover)}.comp-toggle{background-color:#777;cursor:pointer;padding:.2em;position:relative;width:2.5em}.comp-toggle,.comp-toggle .thumb{border-radius:1em;height:1em;transition:.3s}.comp-toggle .thumb{background-color:#fff;box-shadow:0 0 4px 2px #0000002a;left:.2em;position:absolute;width:1em}.comp-toggle.active{background-color:#0b0}.comp-toggle.active .thumb{left:1.7em}.setting{display:flex;padding:1em 0}.setting .title{font-weight:700}.setting .description{color:#777;font-size:.8em}.setting .left{flex-grow:1}.setting .right{align-items:center;display:flex;justify-content:center;padding-left:1em}.setting.choose{display:block}.setting.choose .options{grid-gap:1em;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:.5em}.setting.choose .options div{align-content:center;border-radius:var(--border-radius);box-shadow:var(--shadow);color:#777;cursor:pointer;display:flex;font-size:.8em;justify-content:center;padding:.3em .5em}.setting.choose .options div.active{background-color:#0b0;color:var(--primary-tx)}.setting.choose.scales .options{font-size:.9em;font-weight:600;letter-spacing:-1px}@media (max-width:1000px){.setting.choose.scales .options{grid-template-columns:1fr 1fr}}@media (max-width:600px){.setting.choose.scales .options{grid-template-columns:1fr}}.setting.indent{border-left:2px solid var(--border);margin-left:.5em;padding:.7em 0 .7em 1em}
/*# sourceMappingURL=main.12c49d9a.css.map*/