@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/css/fonts/OpenSans.woff2) format('woff2');unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--background-color:#202124;--background-2-color:#272727;--menu-background-color:var(--background-color);--button-color:#272727;--selected-color:#373737;--search-bar-color:#373737;--text-color:#fff;--faded-text-color:#898f9c;--thin-border:solid #272727 1px;--active-color:#3d3d3d;--section-hover-color:#292a2d;--word-hover-color:#bfc4ce;--icon-hover-shadow:0 0 25px 0 #ffffff30;--icon-hover-background:#ffffff14;--special-button-hover:#555}img{filter:invert(1);-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-user-select:none;pointer-events:none}:root.lightMode{--background-color:#f0f2f5;--background-2-color:#d1dbef;--menu-background-color:#f7f7f7;--button-color:#ededed;--selected-color:#e6edff;--search-bar-color:#ebedf2;--text-color:#202124;--faded-text-color:#898f9c;--thin-border:solid #bfbfbf 1px;--active-color:#ededed;--section-hover-color:#e6e6e9;--word-hover-color:#292a2d;--icon-hover-shadow:0 0 25px 0 #00000047;--icon-hover-background:#0000001c;--special-button-hover:#cbd4ed}:root.lightMode img{filter:invert(.15)}@media only screen and (min-height:450px){@media(min-width:600px){body{font-size:1.1em}}@media(min-width:768px){body{font-size:1.2em}}@media(min-width:992px){body{font-size:1.3em}}@media(min-width:1200px){body{font-size:1.4em}}}.hidden{visibility:hidden;display:none !important}#pageContainer{width:fit-content}a{color:inherit;text-decoration:none}html,body,#pageContainer{height:100%;overflow:hidden}body{margin:0;width:100%;font-family:'Open Sans',Arial,sans-serif;background-color:var(--background-color);color:var(--text-color)}#pageContainer{display:flex}#pageContainer>div{min-height:100%;overflow-y:auto;position:relative}#contentContainer{width:100vw}#returnToCenterCover{position:absolute;width:100%;height:100%;z-index:50;opacity:.6;background-color:#000;display:none}#contentContainer.dark #returnToCenterCover{display:block}#contentContainer.dark{overflow:hidden}#nav{border-bottom:var(--thin-border);padding:.86em;display:flex;justify-content:space-between}#nav>div{height:2em;display:flex;align-items:center}#nav img{width:1.5em;height:1.5em;padding:0 .3em}.sideMenu{width:80vw;max-width:18em;background-color:var(--menu-background-color);user-select:none}.sideMenu img{width:1em;height:1em}.menuSection{border-bottom:var(--thin-border);padding:.5em 0}.menuSectionTitle{display:flex;justify-content:space-between;font-weight:bold}:root .menuSectionTitle.noHover{cursor:default;background-color:var(--menu-background-color)}.menuSectionTitle img:last-child{transform:rotate(180deg)}.menuSection.closed .menuSectionTitle img:last-child{transform:rotate(90deg)}.iconTitle{display:flex;gap:.5em;align-items:center}.menuSectionOptions>div,.menuSectionOptions>a,.menuButton{display:flex;align-items:center;gap:.5em}.menuSectionTitle,.menuSectionOptions>div,.menuSectionOptions>a,.menuButton{padding:.7em 1em}.menuSection.closed>div:last-child{display:none !important}.menuSectionOptions>div:active,.menuSectionOptions>a:active,.menuButton:active{background-color:var(--active-color)}.menuSectionInfo{padding:.7em 1em}.menuSection img.leftwardsArrow{transform:rotate(90deg)}.setListNameContainer{padding:.5em 1em .5em 1em;font-weight:bold;font-size:1.3em}#editSetListName{font-size:1em;width:-webkit-fill-available;background-color:var(--background-color);color:var(--text-color);border:1px solid var(--text-color);padding:.2em;border-radius:.2em;outline:none}#settingsIconsContainer .settingsIconButton,#settingsIconsContainer .settingsIconButtonImage,.popupMenuContainer,#openLoginPopupButton img,#accountMenuContainer img{width:1.5em;height:1.5em}#settingsMenu{display:flex;flex-direction:column}#settingsIconsContainer{flex-grow:1;padding:1em;display:flex;flex-direction:column;justify-content:end;gap:2em}#printButton{font-weight:bold}.popupMenuContainer{position:relative;cursor:pointer;user-select:none}.popupMenuContainer.open .popupMenu{display:block}.popupMenu{position:absolute;display:none;z-index:5;background-color:var(--selected-color);border-radius:.4em;margin-botom:.3em}#languageOptions{padding:.5em;left:2em;bottom:0}#languageOptions img{filter:none;width:1.3em;height:1.3em}#languageOptions>a{text-decoration:none;padding:.5em;padding-right:2em;display:flex;align-items:center;gap:.4em}#languageOptions>a:hover{background-color:var(--background-2-color)}#accountMenu{cursor:default;left:2.5em;bottom:2em}#openLoginPopupButton{width:fit-content;cursor:pointer}#logOutSection{border-bottom:none}#unfinishedSongsSection{width:12em}#searchPopup{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--background-color);overflow:auto}#searchAndCancel{display:flex;align-items:center;padding:.8em 1em;gap:.3em;background-color:var(--background-2-color);position:sticky;top:0;z-index:11}#searchBar{flex-grow:1;position:relative;display:flex;align-items:center;flex-direction:row;border:none;border-radius:.2em;background-color:var(--search-bar-color);padding:0 .2em}#searchInput{flex-grow:1;background-color:transparent;resize:none;outline:none;border:none;color:var(--text-color);font-size:inherit}#searchInputButton,#clearSearchButton{padding:.3em;display:flex;align-items:center}#searchInputButton>img{width:1em;height:1em;padding-left:.2em}#clearSearchButton img{width:1em;height:1em}#cancelSearchButton,#searchInput,#searchBar{height:2.3em}#cancelSearchButton{display:flex;align-items:center;color:var(--faded-text-color)}#noResults,#popupLoadingResults{display:flex;justify-content:center;padding:1em;font-size:1.1em}#searchResults{padding-top:.5em}.searchResult{padding:.5em 1em}.searchResult img{width:1.5em;height:1.5em;filter:invert(.9)}.searchResult>div{display:flex;align-items:center;gap:.5em}.searchResult>div span{font-size:1.3em}.searchResult>span{padding-left:2em;color:var(--faded-text-color)}#loginPopupContainer{height:100%;width:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#00000099;cursor:pointer;z-index:100}#loginPopup{background-color:var(--background-color);display:flex;flex-direction:column;padding:1em;border-radius:1em;position:relative;user-select:none;width:12em;cursor:default}#closeLoginPopupButton{position:absolute;top:0;right:0;font-weight:bold;cursor:pointer;padding:0 .2em;display:flex;justify-content:center;align-items:center;background-color:var(--selected-color);border-radius:0 1em 0 .5em;width:2em;height:2em}#loginHeader{font-size:2em;text-align:center}#loginFields{display:flex;flex-direction:column}#loginFields input{padding:.5em;border-radius:.5em}#loginUsername{margin-bottom:.5em}#loginMessage{min-height:1.5em;opacity:0;color:#dc1515;font-size:.8em;padding:.2em .2em .5em .2em}#loginMessage.active{opacity:1}#loginButton{padding:.5em;border-radius:.5em;text-align:center;outline:none;cursor:pointer;background-color:var(--selected-color)}.loginFieldLabel{display:flex;align-items:center;gap:.2em;padding:.5em 0 0 .2em}#loginFields img{width:.8em;height:.8em}#closeLoginPopupButton:hover,#loginButton:hover{background-color:var(--special-button-hover)}#showUnfinishedSongsCheckBox{margin:0;pointer-events:none;width:1em;height:1em;font-size:1em}#returnToCenterCover,#cancelSearchButton,.searchResult,#clearSearchButton,.settingsIconButtonImage,.menuSectionOptions>div:not(.selected),.menuSectionOptions>a,.menuSectionTitle,#darkModeButton{cursor:pointer}.settingsIconButton:hover{box-shadow:var(--icon-hover-shadow);background-color:var(--icon-hover-background);border-radius:100%}.searchResult:hover,.menuSectionOptions>div:hover,.menuSectionOptions>a:hover,.setListSong:hover,.menuSectionTitle:hover,.menuButton:hover{background-color:var(--section-hover-color)}#cancelSearchButton:hover{color:var(--word-hover-color)}#accountMenu .menuSectionTitle:hover{background-color:var(--background-2-color)}@media(pointer:coarse){#returnToCenterCover,#cancelSearchButton,.searchResult,#clearSearchButton,.settingsIconButtonImage,.menuSectionOptions>div,.menuSectionOptions>a,.menuSectionTitle{cursor:default}.settingsIconButton:hover{box-shadow:none;background-color:inherit;border-radius:inherit}.searchResult:hover,.menuSectionOptions>div:hover,.menuSectionOptions>a:hover,.setListSong:hover,.menuSectionTitle:hover,.menuButton:hover{background-color:inherit}#cancelSearchButton:hover{color:inherit}#accountMenu .menuSectionTitle:hover{background-color:inherit}}:root{--song-text:#e1e1e1;--chord-color:#8cb3cb}:root.lightMode{--song-text:var(--text-color);--chord-color:#004898}#nav>div{gap:1em}#homeButton{height:inherit}#homeButton img{filter:none;font-size:1.4em;width:auto}#nav>div>div{display:flex;align-items:center}#songDetailsContainer{display:flex;flex-direction:column;gap:1em;user-select:text}#songDetailsContainer>div{display:flex;align-items:center;gap:.5em}#songDetailsContainer img{width:1.5em;height:1.5em}#versions>div>div{display:flex;flex-direction:column}.YTContainer img{filter:none}.YTContainer{text-decoration:underline}#keyButtons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5em;width:fit-content}#keyButtons>div{display:flex;justify-content:center;align-items:center;width:4em;height:3em;background-color:var(--button-color);border-radius:.2em}#keyButtons>div.selectedKey{background-color:var(--selected-color);outline:1px solid var(--text-color)}#originalKeyButton{display:flex;justify-content:center;align-items:center;height:3em;background-color:var(--button-color);border-radius:.2em;margin-top:.7em}#keyOptionsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding-top:.7em}#keyChangesContaienr{color:var(--faded-text-color);text-align:center}#hearKeyButton{width:3em;height:3em;display:flex;justify-content:center;align-items:center;background-color:var(--button-color);border-radius:100%}.menuToggleChoices{display:flex;justify-content:center;gap:1.4em}.menuToggleChoices>div{font-size:2em;border-radius:.2em;height:2em;width:2em;display:flex;justify-content:center;align-items:center;background-color:var(--button-color)}.menuToggleChoices .selected{background-color:var(--selected-color);outline:1px solid var(--text-color)}#chordColor1Button{color:var(--chord-color)}#chordColor2Button{color:var(--song-text)}#toArialButton>span{font-family:"Arial"}#toCalibriButton>span{font-family:"Calibri"}#contentContainer{display:flex;flex-direction:column}#mainContent{touch-action:manipulation;flex-grow:1;padding:1em;overflow-x:hidden;scrollbar-color:var(--faded-text-color) var(--background-color)}#mainContent.scrollable{overflow-y:auto}#pageContainer>#contentContainer{overflow-y:unset}.songText{transform-origin:top left;font-size:.7em}.songText{font-family:Arial,sans-serif;white-space:pre;color:var(--song-text);width:fit-content}.songText .title{font-weight:bold;font-size:1.5em;display:block;text-wrap:auto}.songText .chord{color:var(--chord-color);user-select:text}#mainContent.chordColor2 .chord{color:inherit}.songText .sectionTitle{font-weight:bold;font-size:1.1em;text-transform:uppercase}.songText>#songTextColumns{display:flex;gap:2.5em}.songText>#songTextColumns>div{padding-top:1em}.songText>#songTextColumns>div:first-child{padding-top:0}#setListNameContainer,#setListOptionsContainer{display:flex;align-items:center}#setListNameContainer{justify-content:space-between;gap:.6em}#setListOptionsContainer{justify-content:center}#setListOptionsButton{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:100%;width:2em;height:1.8em;cursor:pointer}#setListOptionsButton:hover{background-color:var(--section-hover-color)}#setListOptions{z-index:100;font-size:.7em;top:3.8em;left:15.5em;position:fixed;overflow:hidden}#setListOptions>*{padding:.8em;padding-right:2em;display:flex;justify-content:left;align-items:center;gap:.5em;border-bottom:solid #00000040 1px}#setListOptions>*:last-child{border-bottom:none}#setListOptions>*:hover{background-color:var(--background-2-color)}.addSongButton{padding:1.2em 1em;opacity:.3}#editSetListNameContainer{padding:.425em .7em}#setListSongsSection.editing #setListNameContainer{display:none}#setListSongsSection.editing .addSongButton{display:none}#setListSongsSection.editing .setListActive{display:none}:root .setListEditing{display:none}#setListSongsSection.editing .setListEditing{display:flex}.setListSongName{display:flex;flex-direction:column;flex-grow:1}#setListSongsSection.editing .setListSong{background-color:inherit}.deleteSetListSong{width:2em;height:2em;display:flex;justify-content:center;align-items:center}#confirmSetListChangesContainer{justify-content:center;align-items:center;gap:5em;padding-top:.4em}.iconButton{display:flex;justify-content:center;align-items:center;width:3em;height:3em}.iconButton img{width:2em;height:2em}.dragging>*{opacity:0}#cancelSetListChangesButton img{font-size:.8em}#printSetListButton{text-decoration:none}.setListArtist{color:var(--faded-text-color);font-size:.8em}.currentSetSong,.menuSectionOptions .selected{background-color:var(--section-hover-color)}#loadingCover{position:absolute;z-index:4;background-color:var(--background-color);height:calc(100vh - 4em);width:100vw;bottom:0;display:flex;align-items:center;justify-content:center}#loading{position:relative;font-size:1em}#loadingCover:not(.hidden) #loading span:before{position:absolute;animation:dots 1s linear infinite;content:'...'}@keyframes dots{0%,30%{content:'...'}40%{content:''}60%{content:'.'}80%,100%{content:'..'}}#viewOrEditSongContainer{position:absolute;top:4.72em;right:1em;z-index:5}#cancelOrSaveChangesContainer{position:absolute;bottom:1em;right:1em;display:flex;gap:1em;z-index:5}.editingButton{width:3em;height:3em;border-radius:100%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 .1em .1em #878787;cursor:pointer;background-color:var(--background-color)}.editingButton img{width:1em;height:1em}#songEditingContainer{padding:1em;width:-webkit-fill-available;height:100%}#songEditingText{width:calc(100% - 1em);height:calc(100% - 1em);resize:none;background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;font-size:14pt;padding:.5em;white-space:pre}#nav>div>div,#homeButton,.addSongButton,#keyButtons>div:not(.selectedKey),.menuToggleChoices>div:not(.selected),#confirmSetListChangesContainer>div{cursor:pointer}#nav>div>div:hover,#homeButton:hover,#confirmSetListChangesContainer>div:hover{box-shadow:var(--icon-hover-shadow);background-color:var(--icon-hover-background);border-radius:100%}.addSongButton:hover{background-color:var(--section-hover-color)}#keyButtons>div:not(.selectedKey):hover,.menuToggleChoices>div:not(.selected):hover{background-color:var(--selected-color)}@media(pointer:coarse){#nav>div>div,#homeButton,.addSongButton,#keyButtons>div:not(.selectedKey),.menuToggleChoices>div:not(.selected),#confirmSetListChangesContainer>div{cursor:default}#nav>div>div:hover,#homeButton:hover,#confirmSetListChangesContainer>div:hover{box-shadow:none;background-color:inherit;border-radius:inherit}.addSongButton:hover{background-color:inherit}#keyButtons>div:not(.selectedKey):hover,.menuToggleChoices>div:not(.selected):hover{background-color:inherit}}#mainContent.fitted{overflow-y:hidden;padding:0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overflow-x:auto;display:grid;grid-template-columns:repeat(2,100vw)}#mainContent.fitted>.page{padding:1em;scroll-snap-align:start}