body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}::-webkit-scrollbar{-webkit-appearance:none;height:22px;background-color:#2b2b2b}::-webkit-scrollbar-thumb{border-radius:1px;background-color:#4c4c4c;-webkit-box-shadow:0 0 1px hsla(0,0%,100%,.5)}.musicPlayer{display:flex;flex-direction:row;width:100%;height:190px;background-color:#2c2c2c;box-shadow:0 0 5px 1px rgba(0,0,0,.75);align-items:center;z-index:2}.musicPlayer .headerLogo{width:400px;min-width:200px;margin-left:auto;margin-right:auto}.trackPlayer{width:580px;height:165px;background-color:#0d0d0d;color:#fff;box-shadow:inset 0 0 5px 1px rgba(0,0,0,.75);border-radius:15px;margin:0 45px;display:flex;flex-direction:column}.trackPlayer .durationInfo{margin:20px 29px 0;display:flex;flex-direction:row;align-items:baseline;font-weight:700;text-align:left}.trackPlayer .durationInfo .timeElapsed{font-size:39px;width:110px}.trackPlayer .durationInfo .totalDuration{margin-left:40px;font-size:29px}.trackPlayer .durationInfo .removeBtn{margin-left:auto;width:30px;height:30px;z-index:10;cursor:pointer}.trackPlayer .durationInfo .removeBtn.inactive{opacity:.5}.trackPlayer .trackInfo{display:flex;flex-direction:row;margin:auto 29px 20px;font-weight:600;align-items:flex-end}.trackPlayer .trackInfo .song{text-align:left}.trackPlayer .trackInfo .general{margin-left:auto;text-align:right}.trackPlayer .trackInfo .general .volume{display:flex}.trackPlayer .trackInfo .general .volume img{width:18px;margin-right:10px}.menuContainer{display:flex;flex-direction:column;width:280px;height:100%}.menuContainer .link{text-decoration:none}.menuContainer .menuButton{display:flex;flex-direction:column;height:160px;width:210px;margin:8px 0 0;align-items:center;justify-content:center;background-color:#333;color:#fff;box-shadow:0 0 5px 1px rgba(0,0,0,.75);border:none;outline:none}.menuContainer .menuButton.active{background-color:#ff5722}.menuContainer .menuButton .activeCount{position:absolute;margin-bottom:100px;margin-left:40px;width:37px;height:37px;display:flex;align-items:center;justify-content:center;border:1.6px solid #fff;background-color:rgba(13,13,13,.75);border-radius:20px;font-size:17px;line-height:17px}.menuContainer .menuButton img{height:50px}.menuContainer .menuButton .buttonText{font-size:14px;margin-top:10px;font-weight:600}.contentContainer{width:100%;min-width:0;padding:0 27px 30px 45px}.loadingContainer{display:flex;overflow:scroll;width:100%;height:100%;color:#fff;align-items:center;justify-content:center}.activeContainer{display:flex;height:100%;flex-direction:column}.activeContainer .grid{margin-top:35px;display:grid;grid-gap:18px;grid-auto-flow:column;grid-template-rows:auto auto;overflow-x:auto;text-align:center;z-index:2;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.activeContainer .grid .tile{width:350px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:#333;color:#fff;display:flex;position:relative;flex-direction:column;align-items:baseline;padding:10px}.activeContainer .grid .tile.active{background-color:#ff5722}.activeContainer .grid .tile .tileRowUpper{display:flex;flex-direction:row;align-items:center;width:100%}.activeContainer .grid .tile .tileRowUpper .tileTitle{font-size:17px;font-weight:500}.activeContainer .grid .tile .tileRowUpper .tileFavorite{margin-left:auto;width:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#333}.activeContainer .grid .tile .tileRowUpper .tileFavorite img{width:100%}.activeContainer .grid .tile .tileRowUpper .tileFavorite.active{background-color:#ff5722}.activeContainer .grid .tile .tileRowLower{display:flex;flex-direction:row;margin-top:10px;max-height:155px}.activeContainer .grid .tile .tileRowLower .tileImg{border-radius:5px;min-width:145px;min-height:145px;max-width:145px;max-height:145px}.activeContainer .grid .tile .tileRowLower .tileInfo{text-align:left;margin-top:10px;padding-left:10px}.activeContainer .grid .tile .actionsBar{display:flex;width:100%;height:45px;background-color:#282828;margin-top:10px;border-radius:3px;align-items:center}.activeContainer .grid .tile .actionsBar .percentageControl{display:flex;margin-left:30px}.activeContainer .grid .tile .actionsBar .percentageControl .percentageBtn{width:30px;height:30px}.activeContainer .grid .tile .actionsBar .percentageControl .percentage{display:flex;background:#333;width:67px;height:34px;margin:0 10px;align-items:center;justify-content:center;font-weight:700;border-radius:7px}.activeContainer .grid .tile .actionsBar .removeBtn{margin-left:auto;margin-right:10px;width:20px;height:20px}.activeContainer .fadeOut{min-height:100%;min-width:35px;margin-left:-35px;z-index:4;background:-webkit-linear-gradient(90deg,rgba(32,32,32,0),#202020);background-image:linear-gradient(90deg,rgba(32,32,32,0),#202020);background-image:-ms-linear-gradient(90deg,rgba(32,32,32,0) 0,#202020 100%)}.activeContainer .loadingSpinner{align-self:center;margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;align-items:center;padding:0 40px}.activeContainer .loadingSpinner .loadingText{color:#fff;font-size:13px}.activeContainer .loadingSpinner .lds-roller{display:inline-block;position:relative;width:80px;height:80px}.activeContainer .loadingSpinner .lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.activeContainer .loadingSpinner .lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#333;margin:-4px 0 0 -4px}.activeContainer .loadingSpinner .lds-roller div:first-child{animation-delay:-36ms}.activeContainer .loadingSpinner .lds-roller div:first-child:after{top:63px;left:63px}.activeContainer .loadingSpinner .lds-roller div:nth-child(2){animation-delay:-72ms}.activeContainer .loadingSpinner .lds-roller div:nth-child(2):after{top:68px;left:56px}.activeContainer .loadingSpinner .lds-roller div:nth-child(3){animation-delay:-.108s}.activeContainer .loadingSpinner .lds-roller div:nth-child(3):after{top:71px;left:48px}.activeContainer .loadingSpinner .lds-roller div:nth-child(4){animation-delay:-.144s}.activeContainer .loadingSpinner .lds-roller div:nth-child(4):after{top:72px;left:40px}.activeContainer .loadingSpinner .lds-roller div:nth-child(5){animation-delay:-.18s}.activeContainer .loadingSpinner .lds-roller div:nth-child(5):after{top:71px;left:32px}.activeContainer .loadingSpinner .lds-roller div:nth-child(6){animation-delay:-.216s}.activeContainer .loadingSpinner .lds-roller div:nth-child(6):after{top:68px;left:24px}.activeContainer .loadingSpinner .lds-roller div:nth-child(7){animation-delay:-.252s}.activeContainer .loadingSpinner .lds-roller div:nth-child(7):after{top:63px;left:17px}.activeContainer .loadingSpinner .lds-roller div:nth-child(8){animation-delay:-.288s}.activeContainer .loadingSpinner .lds-roller div:nth-child(8):after{top:56px;left:12px}.tilesContainer{display:flex;flex-direction:column;height:100%}.tilesContainer .backButton{position:absolute;margin:30px 0 20px 10px;width:30px;height:30px}.tilesContainer .line{width:100%;margin-bottom:20px;margin-top:20px}.tilesContainer .gridContainer{display:flex;flex-direction:row}.tilesContainer .grid{display:grid;grid-gap:18px;grid-auto-flow:column;grid-template-rows:auto auto;overflow-x:auto;text-align:center;z-index:2;padding-bottom:30px;margin-right:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tilesContainer .grid .tile{width:350px;height:180px;background-color:#333;color:#fff;display:flex;flex-direction:column;align-items:baseline;padding:10px}.tilesContainer .grid .tile.active{background-color:#ff5722}.tilesContainer .grid .tile .tileRowUpper{display:flex;flex-direction:row;align-items:center;width:100%}.tilesContainer .grid .tile .tileRowUpper .tileTitle{font-size:17px;font-weight:500}.tilesContainer .grid .tile .tileRowUpper .tileFavorite{margin-left:auto;width:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#333}.tilesContainer .grid .tile .tileRowUpper .tileFavorite img{width:100%}.tilesContainer .grid .tile .tileRowUpper .tileFavorite.active{background-color:#ff5722}.tilesContainer .grid .tile .tileRowLower{display:flex;flex-direction:row;margin-top:10px}.tilesContainer .grid .tile .tileRowLower .themeIcon{position:relative;min-width:145px;min-height:145px;width:145px;height:145px}.tilesContainer .grid .tile .tileRowLower .themeIcon .tileBackgroundTheme{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0}.tilesContainer .grid .tile .tileRowLower .themeIcon .listCount{position:absolute;z-index:15;right:10px;top:15px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #fff;background-color:#0d0d0d;border-radius:15px;font-size:12px;line-height:12px}.tilesContainer .grid .tile .tileRowLower .themeIcon .tileImgTheme{position:absolute;left:0;bottom:0;z-index:10;min-width:120px;min-height:120px;max-width:120px;max-height:120px;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.tilesContainer .grid .tile .tileRowLower .playlistIcon .tileImg{min-width:130px;min-height:130px;max-width:130px;max-height:130px;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.tilesContainer .grid .tile .tileRowLower .tileInfo{text-align:left;margin-top:10px;padding-left:10px}.tilesContainer .fadeOut{min-height:100%;min-width:35px;margin-left:-35px;z-index:4;background:-webkit-linear-gradient(90deg,rgba(32,32,32,0),#202020);background-image:linear-gradient(90deg,rgba(32,32,32,0),#202020);background-image:-ms-linear-gradient(90deg,rgba(32,32,32,0) 0,#202020 100%)}.tilesContainer .loadingSpinner{align-self:center;margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;align-items:center;padding:0 40px}.tilesContainer .loadingSpinner .loadingText{color:#fff;font-size:13px;margin-top:20px}.tilesContainer .loadingSpinner .lds-roller{display:inline-block;position:relative;width:80px;height:80px}.tilesContainer .loadingSpinner .lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.tilesContainer .loadingSpinner .lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#333;margin:-4px 0 0 -4px}.tilesContainer .loadingSpinner .lds-roller div:first-child{animation-delay:-36ms}.tilesContainer .loadingSpinner .lds-roller div:first-child:after{top:63px;left:63px}.tilesContainer .loadingSpinner .lds-roller div:nth-child(2){animation-delay:-72ms}.tilesContainer .loadingSpinner .lds-roller div:nth-child(2):after{top:68px;left:56px}.tilesContainer .loadingSpinner .lds-roller div:nth-child(3){animation-delay:-.108s}.tilesContainer .loadingSpinner .lds-roller div:nth-child(3):after{top:71px;left:48px}.tilesContainer .loadingSpinner .lds-roller div:nth-child(4){animation-delay:-.144s}.tilesContainer .loadingSpinner .lds-roller div:nth-child(4):after{top:72px;left:40px}.tilesContainer .loadingSpinner .lds-roller div:nth-child(5){animation-delay:-.18s}.tilesContainer .loadingSpinner .lds-roller div:nth-child(5):after{top:71px;left:32px}.tilesContainer .loadingSpinner .lds-roller div:nth-child(6){animation-delay:-.216s}.tilesContainer .loadingSpinner .lds-roller div:nth-child(6):after{top:68px;left:24px}.tilesContainer .loadingSpinner .lds-roller div:nth-child(7){animation-delay:-.252s}.tilesContainer .loadingSpinner .lds-roller div:nth-child(7):after{top:63px;left:17px}.tilesContainer .loadingSpinner .lds-roller div:nth-child(8){animation-delay:-.288s}.tilesContainer .loadingSpinner .lds-roller div:nth-child(8):after{top:56px;left:12px}.characterPicker{display:flex;flex-direction:row;margin-left:auto;margin-top:80px;width:100%;overflow-x:scroll;font-size:14px;color:#fff}.characterPicker .character{padding:10px}.characterPicker .active{color:#fff}.characterPicker .inactive{color:#777}.profileContainer{display:flex;height:100%;flex-direction:column;position:relative}.profileContainer .profilePage{margin-top:35px;text-align:center;z-index:2}.profileContainer .profilePage .spotifyPanel{width:calc(100% - 65px);border:.7px solid hsla(0,0%,100%,.79);border-radius:4px;padding:20px}.profileContainer .profilePage .spotifyPanel .spotifyList .spotifyItem{display:flex;flex-direction:row;margin:10px}.profileContainer .profilePage .spotifyPanel .spotifyList .spotifyItem .spotifyImg{width:150px;height:150px;margin-right:20px}.profileContainer .profilePage .spotifyPanel .spotifyList .spotifyItem .spotifyImg img{width:100%}.profileContainer .profilePage .spotifyPanel .spotifyList .spotifyItem .spotifyInfo{color:#fff;text-align:left}.profileContainer .profilePage .footer{position:absolute;display:flex;align-items:center;bottom:0;left:0;height:100px;width:100%;background-color:#262626;color:#fff}.profileContainer .profilePage .footer .logoutBtn{margin-left:auto;display:flex;align-items:center;justify-content:center;margin-right:15px;width:220px;height:68px;background-color:#333;color:#fff;box-shadow:0 0 5px 1px rgba(0,0,0,.75);font-size:12pt;border:none;outline:none}.profileContainer .loadingSpinner{align-self:center;margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;align-items:center;padding:0 40px}.profileContainer .loadingSpinner .loadingText{color:#fff;font-size:13px}.profileContainer .loadingSpinner .lds-roller{display:inline-block;position:relative;width:80px;height:80px}.profileContainer .loadingSpinner .lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.profileContainer .loadingSpinner .lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#333;margin:-4px 0 0 -4px}.profileContainer .loadingSpinner .lds-roller div:first-child{animation-delay:-36ms}.profileContainer .loadingSpinner .lds-roller div:first-child:after{top:63px;left:63px}.profileContainer .loadingSpinner .lds-roller div:nth-child(2){animation-delay:-72ms}.profileContainer .loadingSpinner .lds-roller div:nth-child(2):after{top:68px;left:56px}.profileContainer .loadingSpinner .lds-roller div:nth-child(3){animation-delay:-.108s}.profileContainer .loadingSpinner .lds-roller div:nth-child(3):after{top:71px;left:48px}.profileContainer .loadingSpinner .lds-roller div:nth-child(4){animation-delay:-.144s}.profileContainer .loadingSpinner .lds-roller div:nth-child(4):after{top:72px;left:40px}.profileContainer .loadingSpinner .lds-roller div:nth-child(5){animation-delay:-.18s}.profileContainer .loadingSpinner .lds-roller div:nth-child(5):after{top:71px;left:32px}.profileContainer .loadingSpinner .lds-roller div:nth-child(6){animation-delay:-.216s}.profileContainer .loadingSpinner .lds-roller div:nth-child(6):after{top:68px;left:24px}.profileContainer .loadingSpinner .lds-roller div:nth-child(7){animation-delay:-.252s}.profileContainer .loadingSpinner .lds-roller div:nth-child(7):after{top:63px;left:17px}.profileContainer .loadingSpinner .lds-roller div:nth-child(8){animation-delay:-.288s}.profileContainer .loadingSpinner .lds-roller div:nth-child(8):after{top:56px;left:12px}.footerContainer{display:flex;flex-direction:row;width:100%;height:105px;background-color:#262626;color:#fff;box-shadow:0 0 5px 1px rgba(0,0,0,.75);align-items:center;z-index:5}.footerContainer .footerText{display:flex;flex-direction:column;margin-left:30px;text-align:left}.footerContainer .footerText .title{font-size:22px;font-weight:700}.footerContainer .footerText .copyright{margin:5px 0;font-size:15px}.footerContainer .footerActions{margin-left:auto;margin-right:30px;display:flex;flex-direction:row}.footerContainer .footerActions .footerBtn{display:flex;align-items:center;justify-content:center;margin-left:15px;width:220px;height:68px;background-color:#333;color:#fff;box-shadow:0 0 5px 1px rgba(0,0,0,.75);font-size:12pt;border:none;outline:none}.footerContainer .footerActions .footerBtn img{height:20px}.playerContainer{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.playerContainer .playerBody{flex:auto;display:flex;flex-direction:row;background-color:#202020}.mobilePlayerContainer{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mobilePlayerContainer .playerBody{flex:auto;display:flex;flex-direction:row;background-color:#202020}.settingsContainer{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:4;pointer-events:none}.settingsContainer .blur{position:absolute;background-color:rgba(0,0,0,.61);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:100%}.settingsContainer .settings{width:200px;height:400px;background-color:#fff}.mobileHeader{flex:none;display:flex;width:100%;height:85px;background-color:#0d0d0d;align-items:center;justify-content:center;box-shadow:0 0 5px 1px rgba(0,0,0,.75)}.mobileHeader img{width:161px}.mobileMenuContainer{display:flex;flex-direction:row;width:100%;height:85px;min-height:85px;background-color:#333;box-shadow:0 0 5px 1px rgba(0,0,0,.75);align-items:center;justify-content:space-around;z-index:2}.mobileMenuContainer .link{text-decoration:none;align-self:center}.mobileMenuContainer .menuButton{position:relative;display:flex;flex-direction:column;height:85px;margin:8px 0 0;align-items:center;justify-content:center;color:#fff;border:none;outline:none;background-color:transparent}.mobileMenuContainer .menuButton .activeCount{position:absolute;top:5px;left:27px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1.6px solid #fff;color:#fff;background-color:rgba(13,13,13,.75);border-radius:20px;font-size:13px;line-height:13px}.mobileMenuContainer .menuButton img{height:30px}.mobileMenuContainer .menuButton .buttonText{font-size:12px;margin-top:10px;font-weight:600}.mobileMenuContainer .menuButton.active{color:#ff5722}.mobileContentContainer{width:100%;min-width:0;flex:auto;overflow-y:auto;background-color:#202020}.mobileLoadingContainer{display:flex;width:100%;height:100%;color:#fff;align-items:center;justify-content:center}.mobileActiveContainer{display:flex;width:100%;height:100%;flex-direction:column}.mobileActiveContainer .list{overflow-x:auto;text-align:center;z-index:2;margin-top:10px}.mobileActiveContainer .list .tile{margin:10px;background-color:#333;color:#fff;display:flex;position:relative;flex-direction:column;align-items:baseline;padding:10px}.mobileActiveContainer .list .tile.active{background-color:#ff5722}.mobileActiveContainer .list .tile .tileRowUpper{display:flex;flex-direction:row;align-items:center;width:100%}.mobileActiveContainer .list .tile .tileRowUpper .tileTitle{font-size:17px;font-weight:500}.mobileActiveContainer .list .tile .tileRowUpper .tileFavorite{margin-left:auto;width:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#333}.mobileActiveContainer .list .tile .tileRowUpper .tileFavorite img{width:100%}.mobileActiveContainer .list .tile .tileRowUpper .tileFavorite.active{background-color:#ff5722}.mobileActiveContainer .list .tile .tileRowLower{display:flex;flex-direction:row;margin-top:10px;max-height:155px}.mobileActiveContainer .list .tile .tileRowLower .tileImg{margin-top:5px;min-width:145px;min-height:145px;max-width:145px;max-height:145px}.mobileActiveContainer .list .tile .tileRowLower .tileInfo{text-align:left;margin-top:10px;padding-left:10px}.mobileActiveContainer .list .tile .actionsBar{display:flex;width:100%;height:45px;background-color:#282828;margin-top:10px;border-radius:3px;align-items:center}.mobileActiveContainer .list .tile .actionsBar .percentageControl{display:flex;margin-left:30px}.mobileActiveContainer .list .tile .actionsBar .percentageControl .percentageBtn{width:30px;height:30px}.mobileActiveContainer .list .tile .actionsBar .percentageControl .percentage{display:flex;background:#333;width:67px;height:34px;margin:0 10px;align-items:center;justify-content:center;font-weight:700;border-radius:7px}.mobileActiveContainer .list .tile .actionsBar .removeBtn{margin-left:auto;margin-right:10px;width:20px;height:20px}.mobileActiveContainer .loadingSpinner{align-self:center;margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;align-items:center;padding:0 40px}.mobileActiveContainer .loadingSpinner .loadingText{color:#fff;font-size:13px;margin-top:20px}.mobileActiveContainer .loadingSpinner .lds-roller{display:inline-block;position:relative;width:80px;height:80px}.mobileActiveContainer .loadingSpinner .lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.mobileActiveContainer .loadingSpinner .lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#333;margin:-4px 0 0 -4px}.mobileActiveContainer .loadingSpinner .lds-roller div:first-child{animation-delay:-36ms}.mobileActiveContainer .loadingSpinner .lds-roller div:first-child:after{top:63px;left:63px}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(2){animation-delay:-72ms}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(2):after{top:68px;left:56px}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(3){animation-delay:-.108s}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(3):after{top:71px;left:48px}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(4){animation-delay:-.144s}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(4):after{top:72px;left:40px}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(5){animation-delay:-.18s}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(5):after{top:71px;left:32px}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(6){animation-delay:-.216s}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(6):after{top:68px;left:24px}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(7){animation-delay:-.252s}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(7):after{top:63px;left:17px}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(8){animation-delay:-.288s}.mobileActiveContainer .loadingSpinner .lds-roller div:nth-child(8):after{top:56px;left:12px}.mobileActiveContainer .fadeOut{min-height:100%;min-width:35px;margin-left:-35px;z-index:4;background:-webkit-linear-gradient(90deg,rgba(32,32,32,0),#202020);background-image:linear-gradient(90deg,rgba(32,32,32,0),#202020);background-image:-ms-linear-gradient(90deg,rgba(32,32,32,0) 0,#202020 100%)}.mobileTilesContainer{display:flex;width:100%;flex-direction:column;height:100%}.mobileTilesContainer .backButton{margin:25px 0 10px 25px;width:30px;height:30px}.mobileTilesContainer .line{width:100%;margin-bottom:20px;margin-top:20px}.mobileTilesContainer .tileList{text-align:left;z-index:2}.mobileTilesContainer .tileList .tile{color:#fff;display:flex;flex-direction:row;padding:10px 25px}.mobileTilesContainer .tileList .tile.active{background-color:#ff5722}.mobileTilesContainer .tileList .tile .themeIcon{position:relative;min-width:87px;min-height:87px;width:87px;height:87px}.mobileTilesContainer .tileList .tile .themeIcon .tileBackgroundTheme{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0}.mobileTilesContainer .tileList .tile .themeIcon .listCount{position:absolute;z-index:15;right:8px;top:10px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #fff;background-color:#0d0d0d;border-radius:12.5px;font-size:10px;line-height:10px}.mobileTilesContainer .tileList .tile .themeIcon .tileImgTheme{position:absolute;left:0;bottom:0;z-index:10;min-width:72px;min-height:72px;max-width:72px;max-height:72px;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.mobileTilesContainer .tileList .tile .playlistIcon .tileImg{margin-top:5px;min-width:87px;min-height:87px;max-width:87px;max-height:87px;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.mobileTilesContainer .tileList .tile .tileInfo{display:flex;flex-direction:column;margin-left:10px;width:100%}.mobileTilesContainer .tileList .tile .tileInfo .upper{display:flex;flex-direction:row;align-items:center}.mobileTilesContainer .tileList .tile .tileInfo .upper .tileFavorite{margin-left:auto;width:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#333}.mobileTilesContainer .tileList .tile .tileInfo .upper .tileFavorite img{width:100%}.mobileTilesContainer .tileList .tile .tileInfo .upper .tileFavorite.active{background-color:#ff5722}.mobileTilesContainer .tileList .tile .tileInfo .upper .tileTitle{font-size:17px;font-weight:500}.mobileTilesContainer .tileList .tile .tileInfo .tileTagline{text-align:left;margin-top:10px}.mobileTilesContainer .loadingSpinner{align-self:center;margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;align-items:center;padding:0 40px}.mobileTilesContainer .loadingSpinner .loadingText{color:#fff;font-size:13px;margin-top:20px}.mobileTilesContainer .loadingSpinner .lds-roller{display:inline-block;position:relative;width:80px;height:80px}.mobileTilesContainer .loadingSpinner .lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.mobileTilesContainer .loadingSpinner .lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#333;margin:-4px 0 0 -4px}.mobileTilesContainer .loadingSpinner .lds-roller div:first-child{animation-delay:-36ms}.mobileTilesContainer .loadingSpinner .lds-roller div:first-child:after{top:63px;left:63px}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(2){animation-delay:-72ms}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(2):after{top:68px;left:56px}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(3){animation-delay:-.108s}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(3):after{top:71px;left:48px}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(4){animation-delay:-.144s}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(4):after{top:72px;left:40px}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(5){animation-delay:-.18s}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(5):after{top:71px;left:32px}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(6){animation-delay:-.216s}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(6):after{top:68px;left:24px}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(7){animation-delay:-.252s}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(7):after{top:63px;left:17px}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(8){animation-delay:-.288s}.mobileTilesContainer .loadingSpinner .lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobileTilesContainer .fadeOut{min-height:100%;min-width:35px;margin-left:-35px;z-index:4;background:-webkit-linear-gradient(90deg,rgba(32,32,32,0),#202020);background-image:linear-gradient(90deg,rgba(32,32,32,0),#202020);background-image:-ms-linear-gradient(90deg,rgba(32,32,32,0) 0,#202020 100%)}.mobileMusicPlayer{flex:none;display:flex;flex-direction:row;width:100%;height:88px;min-height:88px;background-color:#2c2c2c;box-shadow:0 0 5px 1px rgba(0,0,0,.75);align-items:center;z-index:1}.mobileMusicPlayer .playButton{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mobileMusicPlayer .playBtn{width:35px}.mobileTrackPlayer{width:100%;height:100%;display:flex;flex-direction:row;align-items:center}.mobileTrackPlayer .trackInfo{align-items:start;color:#fff;margin-left:40px;font-size:14px}.mobileTrackPlayer .durationInfo,.mobileTrackPlayer .trackInfo{display:flex;flex-direction:column;justify-content:center;text-align:left;font-weight:700}.mobileTrackPlayer .durationInfo{margin-left:20px;align-items:baseline;color:#d0d0d0}.mobileTrackPlayer .durationInfo .timeElapsed{font-size:39px;width:110px}.mobileTrackPlayer .durationInfo .totalDuration{margin-left:40px;font-size:29px}.mobileTrackPlayer .nextBtn{margin-left:auto;width:25px;height:25px;z-index:10;margin-right:20px;cursor:pointer}.mobileTrackPlayer .nextBtn.inactive{opacity:.5}.loginPage{position:absolute;width:100%;height:100%;align-items:center;display:flex;flex-direction:column;justify-content:center;background-color:#202020;font-family:arcamajora,-apple-system,BlinkMacSystemFont,Arial,Helvetica,"Helvetica Neue",Verdana,sans-serif}.loginPage .loginLogo{width:200px;margin-bottom:50px}.loginPage .loginBox{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));z-index:4;max-width:400px;width:80%;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.85));display:flex;flex-direction:column}.loginPage .loginBox .loginHeader{display:flex;color:#fff;height:45px;width:100%;line-height:36px;background:#2c2c2c;align-items:center}.loginPage .loginBox .loginHeader h3{margin-left:30px;font-size:13px}.loginPage .loginBox .loginBody{flex-direction:row;display:flex}.loginPage .loginBox form{margin-top:15px;display:flex;flex-direction:column;align-items:center;width:100%;padding-left:30px;padding-right:30px}.loginPage .loginBox p{margin-top:auto;text-align:left;width:195px}.loginPage .loginBox label{width:100%;text-align:left;font-size:.66667rem;margin-top:15px;margin-bottom:5px;text-transform:uppercase}.loginPage .loginBox input{background:rgba(0,0,0,.05);color:#000;width:calc(100% - 1.6rem);height:45px;font-weight:700;padding-left:.83333rem;padding-right:.83333rem;outline:none;border:0 solid!important}.loginPage .loginBox input:focus .loginPage .loginBox input:hover{background:rgba(0,0,0,.1);outline:0;border-color:inherit;box-shadow:none}.loginPage .loginBox .loginBtn{width:100%;margin-top:20px;margin-bottom:25px;text-align:center;padding:1.11111rem 2.22222rem 1.16667rem;background:linear-gradient(90deg,#be350b,#fb8b00);border:0 solid!important;font-size:.77778rem;border-color:#fff;color:#fff;cursor:pointer}.loginPage .loginBox .loginBtn:hover{opacity:1;background:linear-gradient(90deg,#fb8b00,#be350b);border:0 solid!important;border-color:#fff}.loginPage .loginBox .loginBtn:focus{background-color:rgba(0,0,0,.6)}.loginPage .errorBar{background-color:#fd8a8a;color:#fff;list-style:none;position:fixed;bottom:0;left:0;width:calc(100% - 40px);margin:0;overflow:hidden;z-index:9999;transition:opacity 1s ease;font-size:.72222rem;line-height:.94444rem;font-weight:700;padding:20px;cursor:pointer}.loginPage .errorBar .inner{transition:opacity .5s;padding:0 35px 0 10px}.loginPage .errorBar .inner a{color:#fff}.loginPage .errorBar a.close{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 118 1a7 7 0 010 14zm0 1A8 8 0 108 0a8 8 0 000 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 01.708 0L8 7.293l2.646-2.647a.5.5 0 01.708.708L8.707 8l2.647 2.646a.5.5 0 01-.708.708L8 8.707l-2.646 2.647a.5.5 0 01-.708-.708L7.293 8 4.646 5.354a.5.5 0 010-.708z'/%3E%3C/svg%3E");position:absolute;right:20px;top:22px;width:15px;height:15px;padding:0}.loginPage .errorBar.errorBar:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 118 1a7 7 0 010 14zm0 1A8 8 0 108 0a8 8 0 000 16z'/%3E%3Cpath d='M7.002 11a1 1 0 112 0 1 1 0 01-2 0zM7.1 4.995a.905.905 0 111.8 0l-.35 3.507a.552.552 0 01-1.1 0L7.1 4.995z'/%3E%3C/svg%3E");color:#fff;display:block;position:absolute;top:18px;left:20px}
/*# sourceMappingURL=main.f2c59b29.chunk.css.map */