diff --git a/pom.xml b/pom.xml index 8b776fb..54af1fb 100644 --- a/pom.xml +++ b/pom.xml @@ -10,7 +10,7 @@ com.gmt g-player - 2.4.6 + 2.4.7 G-Player-SB G-Player-SB diff --git a/src/main/resources/gp_react/asset-manifest.json b/src/main/resources/gp_react/asset-manifest.json index 1b1567c..09f3a3c 100644 --- a/src/main/resources/gp_react/asset-manifest.json +++ b/src/main/resources/gp_react/asset-manifest.json @@ -1,18 +1,18 @@ { "files": { - "main.css": "/static/css/main.c04486e6.css", - "main.js": "/static/js/main.013bb1db.js", - "static/js/787.09cba7e9.chunk.js": "/static/js/787.09cba7e9.chunk.js", + "main.css": "/static/css/main.1b0aeb56.css", + "main.js": "/static/js/main.7fdf5b9d.js", + "static/js/787.aa44cea4.chunk.js": "/static/js/787.aa44cea4.chunk.js", "static/media/Loading.gif": "/static/media/Loading.757857ce13a4e4e598e4.gif", "static/media/def_album_art.png": "/static/media/def_album_art.8f703ea1e26cee1e8ebb.png", "static/media/g_player_icon.png": "/static/media/g_player_icon.afa3935b5fcf43d3e484.png", "index.html": "/index.html", - "main.c04486e6.css.map": "/static/css/main.c04486e6.css.map", - "main.013bb1db.js.map": "/static/js/main.013bb1db.js.map", - "787.09cba7e9.chunk.js.map": "/static/js/787.09cba7e9.chunk.js.map" + "main.1b0aeb56.css.map": "/static/css/main.1b0aeb56.css.map", + "main.7fdf5b9d.js.map": "/static/js/main.7fdf5b9d.js.map", + "787.aa44cea4.chunk.js.map": "/static/js/787.aa44cea4.chunk.js.map" }, "entrypoints": [ - "static/css/main.c04486e6.css", - "static/js/main.013bb1db.js" + "static/css/main.1b0aeb56.css", + "static/js/main.7fdf5b9d.js" ] } \ No newline at end of file diff --git a/src/main/resources/gp_react/index.html b/src/main/resources/gp_react/index.html index 4446609..7294dd8 100644 --- a/src/main/resources/gp_react/index.html +++ b/src/main/resources/gp_react/index.html @@ -1 +1 @@ -G player
\ No newline at end of file +G player
\ No newline at end of file diff --git a/src/main/resources/gp_react/static/css/main.1b0aeb56.css b/src/main/resources/gp_react/static/css/main.1b0aeb56.css new file mode 100644 index 0000000..337c91f --- /dev/null +++ b/src/main/resources/gp_react/static/css/main.1b0aeb56.css @@ -0,0 +1,2 @@ +body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box;margin:0}body{overflow:hidden}.app-container{background-color:#000;height:100vh;justify-content:center;width:100vw}.app-container,.app-heading{align-items:center;display:flex}.app-heading{color:#a8a8a8;font-style:italic;left:0;padding:0 20px;position:absolute;top:0;z-index:1000}.app-heading img{height:1em;margin:0 3px;width:1em}.main-container{background-color:#303030;border-radius:5px;color:beige;display:flex;height:100%;max-height:100%;width:98vw}.player{bottom:0;display:flex;height:6em;justify-content:center;position:fixed;z-index:6}.player .player-container{align-items:center;background-color:#2b3a69;display:grid;grid-template-columns:6fr 7fr 6fr;width:98vw}.player .player-container .other-actions{align-items:center;display:flex}.player .player-container .other-actions .refresh-build{cursor:pointer;font-size:26px;margin-left:auto;margin-right:auto}.player .song-info{display:flex;justify-content:flex-start}.player .song-info-img img{height:6em;width:7em}.player .song-info-title{align-self:center;font-size:18px;margin:10px}.player .song-info-title ::-webkit-scrollbar-track{margin-bottom:2px;margin-top:2px}.player .song-info-title ::-webkit-scrollbar{height:auto;width:3px}.player .song-info-title p{padding:2px}.player .song-info-title :last-child{font-weight:700}.player .song-info-title>:first-child{display:flex}.player .player-controls-buttons{display:flex;justify-content:center}.player .player-controls-buttons>div{align-self:center}.player .play{margin:0 15px}.player .play-button{align-items:center;border:2px solid #ab3c3c;border-radius:99%;box-shadow:0 5px 15px rgba(0,0,0,.35);cursor:pointer;display:flex;font-size:22px;height:2.5em;justify-content:center;width:2.5em}.player .play-button .FaPauseCircle,.player .play-button .faplay{color:#560c53}.player .play-button .faplay{font-size:1em}.player .play-button .FaPauseCircle{font-size:1.5em}.player .play-button:hover{background-color:#ab3c3c;font-size:22px}.player .next-button,.player .previous-button{cursor:pointer;font-size:2.5em}.player .repeat-button,.player .shuffle-button{cursor:pointer;font-size:1.5em;margin:15px}.player .player-controls-status-bar{margin:5px 0}.player .play-progress-bar-div{align-items:center;display:flex;justify-content:center;margin-bottom:10px;margin-left:10px;position:relative}.player .play-progress-bar{cursor:pointer;margin-bottom:5px;width:350px}.player .play-progress-bar::-webkit-slider-thumb{pointer-events:none}.player .play-progress-bar-start-time{margin-left:-5px;margin-right:5px}.player .play-progress-bar-end-time{margin-left:5px;margin-right:-5px}.player .play-progress-pointer{background:red;border:2px solid red;border-radius:99%;height:15px;left:100px;position:absolute;width:15px}.player .volume-h-speaker-img{cursor:pointer;font-size:18px;margin-right:2px}.player .btn-selected{background-color:#1b294e;border-radius:39%;box-shadow:0 5px 15px rgba(0,0,0,.35);padding:2px;text-align:center;width:2em}.player .other-actions .volume-h-div{align-items:center;display:flex;width:60%}.player .other-actions .volume-h-div span{padding:0 5px 3px}.player .other-actions .volume-h-div .volume_progress_bar{width:100%}.player .other-actions .volume-h-div .volume-h-speaker-img svg{margin-top:10px}.player .other-actions .volume-h-div .volume-h-value{margin:5px 5px 0 0}.sidebar{background-color:#ab3c3c;border-radius:5px;width:20vw}.screen,.sidebar{height:calc(100vh - 6em)}.screen{display:block;padding:0 15px;text-align:left;width:78vw}.screen .header-container{height:6em}.screen .header-container .header h1{font-weight:500}.screen .group-band{border-bottom:1px solid gray;-webkit-column-gap:20px;column-gap:20px;display:flex;margin:5px 0}.screen .group-band div.band{cursor:pointer;padding:5px 5px 0;width:auto}.screen .group-band div.band h3{font-weight:500}.screen .group-band div.band a{color:inherit;text-decoration:none}.screen .group-band div.filter-component{margin-right:-2.1em}.screen .group-band .group-band-highlight{border-bottom:2px solid #dfbd16;border-radius:2px}.screen .albums-container{padding:0 10px}.screen .album-artist-albums,.screen .albums{max-height:calc(100vh - 16em)}.screen .album-artist-albums{max-height:calc(100vh - 25.5em)}.screen .album-artist-albums,.screen .albums{grid-row-gap:15px;background:#303030;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;overflow-y:auto;padding:10px 0;position:relative;z-index:1}.screen .album-artist-albums .album-lKey,.screen .albums .album-lKey{font-size:18px;font-weight:700;grid-column:span 6;padding:5px 5px 5px 2px}.screen .album-artist-albums .album-artist-thumb,.screen .albums .album-artist-thumb{width:10em}.screen .album-artist-albums .album-thumb-img-div,.screen .albums .album-thumb-img-div{position:relative}.screen .album-artist-albums .album-thumb-img-div img,.screen .albums .album-thumb-img-div img{border-radius:20px;border-bottom-left-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer;height:9em;position:relative;width:9em}.screen .album-artist-albums .album-thumb-img-div-link,.screen .albums .album-thumb-img-div-link{align-items:center;background-color:#eaf0f0;color:#093fa3;cursor:pointer;display:flex;display:none;height:9em;justify-content:center;opacity:.2;position:absolute;top:0;width:9em}.screen .album-artist-albums .album-thumb-img-div-link svg,.screen .albums .album-thumb-img-div-link svg{font-size:2em;font-weight:900}.screen .album-artist-albums .album-thumb-img-div a:hover+.album-thumb-img-div-link,.screen .albums .album-thumb-img-div a:hover+.album-thumb-img-div-link{display:flex}.screen .album-artist-albums .album-thumb-details,.screen .albums .album-thumb-details{padding-right:5px;width:10em}.screen .album-artist-albums .album-thumb-details label,.screen .albums .album-thumb-details label{font-size:15px}.screen .album-artist-albums .album-thumb-details p,.screen .albums .album-thumb-details p{font-size:13px;margin-top:5px}.screen .artists-list{grid-row-gap:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;max-height:calc(100vh - 15em);overflow-x:hidden;overflow-y:auto;padding:10px 5px}.screen .artists-list .artists-lKey{font-size:18px;font-weight:700;grid-column:span 6;padding:5px 5px 5px 2px}.screen .artists-list .artist-thumb{width:10em}.screen .artists-list .artist-thumb-img-div{position:relative}.screen .artists-list .artist-thumb-img-div img{border-radius:15px;border-bottom-left-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer;height:9em;width:9em}.screen .artists-list .artist-thumb-details{display:flex;flex-direction:column;max-width:10em;width:13em}.screen .artists-list .artist-thumb-details .track-count{font-size:14px}.screen .album-artists-list{grid-row-gap:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;max-height:calc(100vh - 15em);overflow-x:hidden;overflow-y:auto;padding:15px 0}.screen .album-artists-list .album-artists-lKey{font-size:18px;font-weight:700;grid-column:span 6;padding:5px 5px 5px 2px}.screen .album-artists-list .album-artist-thumb-img-div{position:relative}.screen .album-artists-list .album-artist-thumb-img-div img{border-radius:15px;border-bottom-left-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer;height:9em;width:9em}.screen .album-artists-list .album-artist-thumb-details{display:flex;flex-direction:column;max-width:10em;width:13em}.screen .album-artists-list .album-artist-thumb-details .album-count{font-size:14px}.screen .artist{padding:10px 0 0 5px}.screen .artist .spinner{display:none}.screen .artist .artist-img-div img{border-radius:15px;border-bottom-left-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);height:10em;width:10em}.screen .artist .artist-img-div-container{display:grid;grid-template-columns:1fr 4fr;margin-bottom:10px;max-height:10em;min-height:10em}.screen .artist .artist-img-div-container .artist-details{display:flex;flex-direction:column}.screen .artist .artist-img-div-container .artist-details h3{font-weight:500;margin-bottom:3px;margin-top:-5px}.screen .artist .artist-img-div-container .artist-details label{font-size:15px;margin-bottom:3px}.screen .artist .artist-img-div-container .artist-details .artist-wiki-summary{font-size:14px;margin-top:5px;max-height:7em;overflow-y:auto;width:96%}.screen .artist .artist-img-div-container .artist-img-div .change-artist-img{position:relative}.screen .artist .artist-img-div-container .artist-img-div .change-artist-img input[type=file]{width:0}.screen .artist .artist-img-div-container .artist-img-div .change-artist-img input[type=file]:before{align-items:center;background-color:transparent;border:1px solid #0a714b;border-radius:4px;content:"Select Picture";cursor:pointer;display:flex;height:1em;justify-content:center;padding:7px;position:absolute;top:.7em;width:6.2em}.screen .artist .artist-img-div-container .artist-img-div .change-artist-img input[type=file]:hover:before{background-color:#0a714b;color:beige}.screen .artist .artist-img-div-container .artist-img-div .change-artist-img button{color:beige;float:right;margin-right:25%;margin-top:.7em}.screen .artist .artist-track-list{overflow-y:auto;overflow:hidden;padding:10px 10px 0 0}.screen .artist .artist-track-list .track{align-items:center;background-color:#3a3a3a;display:grid;grid-template-columns:1fr 5fr 4fr 5fr 1fr 2fr 1fr 1fr;margin:3px 2px;min-height:3em}.screen .artist .artist-track-list .track label{border-right:2px solid #303030;padding:0 5px}.screen .artist .artist-track-list .track :first-child:hover{font-size:17px}.screen .artist .artist-track-list .track:hover{background-color:#4d4d4d;padding:1px}.screen .artist .artist-track-list .text-highlighted-y,.screen .artist .artist-track-list .text-highlighted-y a{color:#dfbd16;font-weight:500}.screen .album-artist{padding:10px 0 0 5px}.screen .album-artist .album-artist-img-div img{border-radius:15px;border-bottom-left-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);height:10em;width:10em}.screen .album-artist .album-artist-img-div-container{display:grid;grid-template-columns:1fr 4fr;margin-bottom:5px}.screen .album-artist .album-artist-img-div-container .album-artist-details{display:flex;flex-direction:column}.screen .album-artist .album-artist-img-div-container .album-artist-details h3{font-weight:500;margin-bottom:3px;margin-top:-5px}.screen .album-artist .album-artist-img-div-container .album-artist-details label{font-size:15px;margin-bottom:3px}.screen .album-artist .album-artist-img-div-container .album-artist-details .album-artist-wiki-summary{font-size:14px;margin-top:5px;max-height:60%;overflow-y:auto;width:94%}.screen .album-artist .album-artist-img-div .change-artist-img{position:relative}.screen .album-artist .album-artist-img-div .change-artist-img input[type=file]{width:0}.screen .album-artist .album-artist-img-div .change-artist-img input[type=file]:before{align-items:center;background-color:transparent;border:1px solid #0a714b;border-radius:4px;content:"Select Picture";cursor:pointer;display:flex;height:1em;justify-content:center;padding:7px;position:absolute;top:.7em;width:6.2em}.screen .album-artist .album-artist-img-div .change-artist-img input[type=file]:hover:before{background-color:#0a714b;color:beige}.screen .album-artist .album-artist-img-div .change-artist-img button{color:beige;float:right;margin-right:25%;margin-top:.7em}.screen .genres .genre-list{grid-row-gap:30px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;max-height:calc(100vh - 11.5em);overflow-x:hidden;overflow-y:auto;padding:10px 5px;row-gap:30px}.screen .genres .genre-list .genre-thumb{width:10em}.screen .genres .genre-list .genre-thumb .genre-thumb-img-div{position:relative}.screen .genres .genre-list .genre-thumb .genre-thumb-img-div .genre-img-container{border:1px solid #494949;border-radius:5px;height:9em;width:9em}.screen .genres .genre-list .genre-thumb .genre-thumb-img-div .genre-img-container .genre-img{display:grid;grid-template-columns:1fr 1fr}.screen .genres .genre-list .genre-thumb .genre-thumb-img-div .genre-img-container .genre-img img{height:4.5em;width:4.5em}.screen .genres .genre-list .genre-thumb .genre-thumb-img-div .genre-img-container .genre-img img:first-child{border-top-left-radius:5px}.screen .genres .genre-list .genre-thumb .genre-thumb-img-div .genre-img-container .genre-img img:nth-child(2){border-top-right-radius:5px}.screen .genres .genre-list .genre-thumb .genre-thumb-img-div .genre-img-container .genre-img img:nth-child(3){border-bottom-left-radius:5px}.screen .genres .genre-list .genre-thumb .genre-thumb-img-div .genre-img-container .genre-img img:last-child{border-bottom-right-radius:5px}.screen .genres .genre-list .genre-thumb .genre-thumb-img-div .genre-img-container .genre-no-img img{border-radius:5px;height:9em;width:9em}.screen .genres .genre-list .genre-thumb .genre-thumb-details label{cursor:pointer}.screen .genre-page .spinner{display:none}.screen .genre-page .genre-page-header{background-color:#3a3a3a;border-radius:5px;-webkit-column-gap:20px;column-gap:20px;display:flex;margin:15px 0;padding:15px}.screen .genre-page .genre-page-header .genre-img-container{border:1px solid #494949;border-radius:5px;height:9em;width:9em}.screen .genre-page .genre-page-header .genre-img-container .genre-img{display:grid;grid-template-columns:1fr 1fr}.screen .genre-page .genre-page-header .genre-img-container .genre-img img{height:4.5em;width:4.5em}.screen .genre-page .genre-page-header .genre-img-container .genre-img img:first-child{border-top-left-radius:5px}.screen .genre-page .genre-page-header .genre-img-container .genre-img img:nth-child(2){border-top-right-radius:5px}.screen .genre-page .genre-page-header .genre-img-container .genre-img img:nth-child(3){border-bottom-left-radius:5px}.screen .genre-page .genre-page-header .genre-img-container .genre-img img:last-child{border-bottom-right-radius:5px}.screen .genre-page .genre-page-header .genre-img-container .genre-no-img img{border-radius:5px;height:9em;width:9em}.screen .genre-page .genre-page-header .genre-details .genre-name{padding:5px}.screen .genre-page .genre-page-header .genre-details .genre-actions{align-items:center;-webkit-column-gap:20px;column-gap:20px;display:flex;margin-top:30px}.screen .genre-page .genre-page-header .genre-details .genre-actions .view-type{cursor:pointer}.screen .genre-page .genre-page-header .genre-details .genre-actions .selected.view-type{border:1px solid;border-radius:5px;padding:0 5px}.screen .genre-page .genre-page-header .genre-lyrics{margin-left:auto;width:50%}.screen .languages .language-list{grid-row-gap:30px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;max-height:calc(100vh - 11.5em);overflow-x:hidden;overflow-y:auto;padding:10px 5px;row-gap:30px}.screen .languages .language-list .language-thumb{width:10em}.screen .languages .language-list .language-thumb .language-thumb-img-div{position:relative}.screen .languages .language-list .language-thumb .language-thumb-img-div .language-img-container{border:1px solid #494949;border-radius:5px;height:9em;width:9em}.screen .languages .language-list .language-thumb .language-thumb-img-div .language-img-container .language-img{display:grid;grid-template-columns:1fr 1fr}.screen .languages .language-list .language-thumb .language-thumb-img-div .language-img-container .language-img img{height:4.5em;width:4.5em}.screen .languages .language-list .language-thumb .language-thumb-img-div .language-img-container .language-img img:first-child{border-top-left-radius:5px}.screen .languages .language-list .language-thumb .language-thumb-img-div .language-img-container .language-img img:nth-child(2){border-top-right-radius:5px}.screen .languages .language-list .language-thumb .language-thumb-img-div .language-img-container .language-img img:nth-child(3){border-bottom-left-radius:5px}.screen .languages .language-list .language-thumb .language-thumb-img-div .language-img-container .language-img img:last-child{border-bottom-right-radius:5px}.screen .languages .language-list .language-thumb .language-thumb-img-div .language-img-container .language-no-img img{border-radius:5px;height:9em;width:9em}.screen .languages .language-list .language-thumb .language-thumb-details label{cursor:pointer}.screen .language-page .spinner{display:none}.screen .language-page .language-page-header{background-color:#3a3a3a;border-radius:5px;-webkit-column-gap:20px;column-gap:20px;display:flex;margin:15px 0;padding:15px}.screen .language-page .language-page-header .language-img-container{border:1px solid #494949;border-radius:5px;height:9em;width:9em}.screen .language-page .language-page-header .language-img-container .language-img{display:grid;grid-template-columns:1fr 1fr}.screen .language-page .language-page-header .language-img-container .language-img img{height:4.5em;width:4.5em}.screen .language-page .language-page-header .language-img-container .language-img img:first-child{border-top-left-radius:5px}.screen .language-page .language-page-header .language-img-container .language-img img:nth-child(2){border-top-right-radius:5px}.screen .language-page .language-page-header .language-img-container .language-img img:nth-child(3){border-bottom-left-radius:5px}.screen .language-page .language-page-header .language-img-container .language-img img:last-child{border-bottom-right-radius:5px}.screen .language-page .language-page-header .language-img-container .language-no-img img{border-radius:5px;height:9em;width:9em}.screen .language-page .language-page-header .language-details .language-name{padding:5px}.screen .language-page .language-page-header .language-details .language-actions{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex;margin-top:30px}.screen .language-page .language-page-header .language-lyrics{margin-left:auto;width:50%}.screen .music{height:calc(100vh - 13em);overflow-y:auto}.screen .music h3{padding:10px}.screen .music .artists-list{grid-row-gap:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;overflow-x:hidden;overflow-y:auto;padding:10px 0;text-align:center}.screen .music .artists-list .artist-thumb{width:13em}.screen .music .artists-list .artist-thumb-img-div{position:relative}.screen .music .artists-list .artist-thumb-img-div img{border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer;height:9em;width:9em}.screen .music .artists-list .artist-thumb-img-div .thumb-action-btn-div .thumb-action-btn-circle{bottom:4px;left:43%}.screen .music .artists-list .artist-thumb-details{display:flex;flex-direction:column;max-width:13em}.screen .music .artists-list .artist-thumb-details .track-count{font-size:14px}.screen .music .albums-list{grid-row-gap:15px;background:#303030;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;overflow-y:auto;padding:10px 0;position:relative;text-align:center;z-index:1}.screen .music .albums-list .album-thumb{width:13em}.screen .music .albums-list .album-thumb-img-div{position:relative}.screen .music .albums-list .album-thumb-img-div img{border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer;height:9em;width:9em}.screen .music .albums-list .album-thumb-img-div .thumb-action-btn-div .thumb-action-btn-circle{bottom:4px;left:43%}.screen .music .albums-list .album-thumb-img-div .genre-type-btn{border-radius:13px;left:5em}.screen .music .albums-list .album-thumb-img-div .genre-gp-selector{left:2em;top:3em}.screen .music .albums-list .album-thumb-img-div-link{display:none}.screen .music .albums-list .album-thumb-img-div a:hover+.album-thumb-img-div-link{display:flex}.screen .music .albums-list .album-thumb-details{display:flex;flex-direction:column;width:13em}.screen .music .albums-list .album-thumb-details label{font-size:15px}.screen .music .albums-list .album-thumb-details p{font-size:13px;margin-top:5px}.screen .music .album-artists-list{grid-row-gap:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:10px 0;text-align:center}.screen .music .album-artists-list .album-artist-thumb{width:13em}.screen .music .album-artists-list .album-artist-thumb-img-div{position:relative}.screen .music .album-artists-list .album-artist-thumb-img-div img{border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer;height:9em;width:9em}.screen .music .album-artists-list .album-artist-thumb-details{display:flex;flex-direction:column;max-width:13em;width:13em}.screen .music .album-artists-list .album-artist-thumb-details .album-count{font-size:14px}.screen .music .statisticts{border-radius:5px;box-shadow:0 30px 90px rgba(0,0,0,.4);height:24em;margin:20px;padding:10px 0;width:95%}.screen .music .statisticts .groups{grid-row-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:20px}.screen .music .statisticts .groups .group{text-align:center}.album-img-div-container{grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:7fr 10fr 20fr}.album-img-div-container .album-lyrics{margin-left:auto;padding-right:10px;width:90%}.album-img-div-container .album-details{display:flex;flex-direction:column;row-gap:5px}.album-img-div-container .album-details h3{font-weight:500;margin-bottom:3px;margin-top:-5px}.album-img-div-container .album-details label{font-size:14px;margin-bottom:3px}.album-img-div-container .album-details .album-multi-genre-select{margin-bottom:15px;margin-top:auto}.album-img-div-container .album-details .album-multi-genre-select a{background-color:transparent;border:1px solid gray;color:beige;cursor:pointer;font-weight:700;margin:0 1px;outline:none;padding:3px 10px 6px}.album-img-div-container .album-details .album-multi-genre-select a.selected{background-color:#560c53}.album-img-div-container .album-details .album-multi-genre-select a:first-of-type{border-top-left-radius:5px}.album-img-div-container .album-details .album-multi-genre-select a:last-of-type{border-top-right-radius:5px}.album-img-div-container .album-details .album-multi-genre-select a:hover{color:#dfbd16}.order-container{margin:5px 0}.order-container select.sortby{background-color:#303030;border-radius:4px;color:beige;cursor:pointer;margin-left:10px;padding:3px;width:10em}.order-container select.sortby option{cursor:pointer}.order-container select.sortby option:hover{background-color:#0e684b!important}.order-container select:focus{outline:0}.lKey-line{-webkit-column-gap:.2em;column-gap:.2em;display:flex;flex-direction:row;max-height:3em;max-width:76vw;overflow-x:auto;overflow-y:hidden;padding:5px 2px}.lKey-line span{color:#dfbd16;cursor:pointer;font-weight:500;padding-right:1em;transition:all .3s}.lKey-line span.Artist_25{min-width:25%}.lKey-line span.Artist_10{min-width:10%}.lKey-line span:hover{font-size:24px;margin-top:-15px}.track-list{background:#303030;max-height:calc(100vh - 16.2em);overflow-x:hidden;overflow-y:auto;position:relative;z-index:6}.track-list .track-lKey{font-size:18px;font-weight:700;padding:5px 5px 5px 2px}.track-list .track{align-items:center;background-color:#3a3a3a;display:grid;grid-template-columns:1fr 5fr 4fr 5fr 1fr 2fr 1fr 1fr;margin:3px 2px;min-height:3em}.track-list .track label{border-right:2px solid #303030;padding:0 5px}.track-list .track label.title svg{margin:5px 0 0 5px}.track-list .track label.title>span:first-child{display:flex}.track-list .track :first-child:hover{font-size:17px}.track-list .track:hover{background-color:#4d4d4d;padding:1px}.track-list .text-highlighted-y,.track-list .text-highlighted-y a{color:#dfbd16;font-weight:500}.album{padding:10px 5px}.album .album-img-div img{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);height:12em;width:12em}.album .spinner{display:none}.genre-type-btn{align-items:center;background-color:transparent;border-bottom-right-radius:20px;border-top-right-radius:20px;cursor:pointer;display:flex;height:9em;justify-content:center;left:6em;position:absolute;top:0;width:3em;z-index:10}.genre-type-btn svg{color:transparent;font-size:30px}.genre-type-btn svg:hover{color:inherit}.genre-type-btn:hover{background-color:rgba(80,80,80,.678)}.genre-type-btn:hover svg{color:inherit}.genre-gp-selector{-webkit-animation:gpSelectorSlideRight .25s ease-in-out 1;animation:gpSelectorSlideRight .25s ease-in-out 1;background-color:#2b2b2b;border:1px solid gray;border-radius:4px;left:0;max-height:160px;overflow-x:hidden;overflow-y:auto;position:absolute;top:1em;transition:all .3s;width:9em;z-index:1000;z-index:11}.genre-gp-selector .row{border-bottom:1px solid gray;cursor:pointer;padding:4px 4px 4px 10px}.genre-gp-selector .row label{cursor:pointer}.genre-gp-selector .row .icon{float:right;font-size:22px}.genre-gp-selector .row.gp-link-h:hover{font-weight:700}@-webkit-keyframes gpSelectorSlideRight{0%{-webkit-transform:translateX(50%) scaleX(0);transform:translateX(50%) scaleX(0)}to{-webkit-transform:translateX(0) scaleX(1);transform:translateX(0) scaleX(1)}}@keyframes gpSelectorSlideRight{0%{-webkit-transform:translateX(50%) scaleX(0);transform:translateX(50%) scaleX(0)}to{-webkit-transform:translateX(0) scaleX(1);transform:translateX(0) scaleX(1)}}.gp-link-h:hover{color:#dfbd16}.artist-details label a,.track a{color:beige;text-decoration:none}.playlist{width:78vw}.playlist .spinner{display:none}.playlist .header-container{align-items:flex-end;border-bottom:1px solid gray;display:flex;height:4em}.playlist .header-container .header{margin-left:10px;padding-bottom:10px}.playlist .body{height:calc(100vh - 10em);overflow-y:auto;padding:10px}.playlist .body .playlists-action{display:flex}.playlist .body .playlists-action .create-playlist,.playlist .body .playlists-action .import-export-playlist{margin-left:15px}.playlist .body .playlists-action .create-playlist .create-playlist-btn,.playlist .body .playlists-action .create-playlist .import-export-playlist-btn,.playlist .body .playlists-action .import-export-playlist .create-playlist-btn,.playlist .body .playlists-action .import-export-playlist .import-export-playlist-btn{align-items:center;background:linear-gradient(270deg,#ab3c3c 50%,#2b3a69 0) 100%;background-size:200%;border-radius:5px;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .25s ease-out;width:8em}.playlist .body .playlists-action .create-playlist .create-playlist-btn svg,.playlist .body .playlists-action .create-playlist .import-export-playlist-btn svg,.playlist .body .playlists-action .import-export-playlist .create-playlist-btn svg,.playlist .body .playlists-action .import-export-playlist .import-export-playlist-btn svg{cursor:pointer;padding-top:2px}.playlist .body .playlists-action .create-playlist .create-playlist-btn:hover,.playlist .body .playlists-action .create-playlist .import-export-playlist-btn:hover,.playlist .body .playlists-action .import-export-playlist .create-playlist-btn:hover,.playlist .body .playlists-action .import-export-playlist .import-export-playlist-btn:hover{background-position:0}.playlist .body .playlists-action .sortby{margin-top:-4px;padding:10px}.playlist .body .playlist-list{grid-row-gap:15px;background:#303030;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;overflow-y:auto;padding:20px 10px;position:relative;z-index:1}.playlist .body .playlist-list .playlist-thumb-img-div{position:relative}.playlist .body .playlist-list .playlist-thumb-img-div img{box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer}.playlist .body .playlist-list .album-thumb-img-div-link{align-items:center;background-color:#eaf0f0;color:#093fa3;cursor:pointer;display:flex;display:none;height:9em;justify-content:center;opacity:.2;position:absolute;top:0;width:9em}.playlist .body .playlist-list .album-thumb-img-div-link svg{font-size:2em;font-weight:900}.playlist .body .playlist-list .playlist-thumb-img-div a:hover+.playlist-thumb-img-div-link{display:flex}.playlist .body .playlist-list .playlist-thumb-details{cursor:pointer;padding-right:5px;width:10em}.playlist .body .playlist-list .playlist-thumb-details label{cursor:pointer;font-size:15px}.playlist .body .playlist-list .playlist-thumb-details p{font-size:13px;margin-top:5px}.playlist .playlist-page{padding:0 15px 15px}.playlist .playlist-page .playlist-page-header{background-color:#3a3a3a;border-radius:5px;-webkit-column-gap:20px;column-gap:20px;display:flex;margin:15px 0;padding:15px}.playlist .playlist-page .playlist-page-header .playlist-details .playlist-name{padding:5px}.playlist .playlist-page .playlist-page-header .playlist-details .playlist-actions{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex;margin-top:15px}.playlist .playlist-page .playlist-page-header .playlist-details .playlist-actions button{-webkit-column-gap:5px;column-gap:5px}.playlist .playlist-page .playlist-page-header .playlist-details .playlist-actions .play-all{padding:5px}.playlist .playlist-page .playlist-page-header .playlist-lyrics{margin-left:auto;width:50%}.playlist .playlist-page .track-list{max-height:calc(100vh - 22.5em)}.playlist .playlist-img-container{border:1px solid #494949;border-radius:5px;height:9em;width:9em}.playlist .playlist-img-container .playlist-img{display:grid;grid-template-columns:1fr 1fr}.playlist .playlist-img-container .playlist-img a,.playlist .playlist-img-container .playlist-img img{height:4.5em;width:4.5em}.playlist .playlist-img-container .playlist-img a:first-child img,.playlist .playlist-img-container .playlist-img>img:first-child{border-top-left-radius:5px}.playlist .playlist-img-container .playlist-img a:nth-child(2) img,.playlist .playlist-img-container .playlist-img>img:nth-child(2){border-top-right-radius:5px}.playlist .playlist-img-container .playlist-img a:nth-child(3) img,.playlist .playlist-img-container .playlist-img>img:nth-child(3){border-bottom-left-radius:5px}.playlist .playlist-img-container .playlist-img a:last-child img,.playlist .playlist-img-container .playlist-img>img:last-child{border-bottom-right-radius:5px}.playlist .playlist-img-container .playlist-no-img img{border-radius:5px;height:9em;width:9em}.import-export-playlist-popup-btns{-webkit-column-gap:20px;column-gap:20px;display:flex}.import-export-playlist-popup-btns .import-options{-webkit-column-gap:8em;column-gap:8em;display:flex}.import-export-playlist-popup-btns .import-options input[type=file]{width:0}.import-export-playlist-popup-btns .import-options input[type=file]:before{align-items:center;background-color:transparent;border:1px solid #0a714b;border-radius:4px;color:#000;content:"";cursor:pointer;display:flex;height:1.5em;justify-content:center;padding:7px;position:absolute;width:7em}.import-export-playlist-popup-btns .import-options input[type=file]:hover:before{background-color:#0a714b;color:beige}.import-export-playlist-popup-btns .import-options input[type=file].csv:before{content:"Import CSV"}.import-export-playlist-popup-btns .import-options input[type=file].m3u:before{content:"Import m3u"}.import-export-playlist-popup-btns .import-options input[type=file].gp:before{content:"Import GP"}a{color:beige;cursor:pointer;text-decoration:none}.album-track-list .track a:hover,.artist-link:hover,.track label a:hover,a:hover{color:#dfbd16;cursor:pointer;font-weight:600}.text-highlighted-y,.text-highlighted-y a{color:#dfbd16;font-weight:500}a.disabled-click{background-color:gray;color:#363636;cursor:not-allowed;pointer-events:none}.show-lyrics{display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:15px;row-gap:10px;width:100%}.show-lyrics label{text-align:center}.lyrics{align-items:center;background:#253434;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);display:flex;flex-direction:column;height:100%;justify-content:center;margin-left:auto;margin-right:1.5em;max-height:12em;min-height:12em;overflow-y:auto;overflow:hidden;position:relative;row-gap:5px;width:100%}.lyrics .show-lyrics-btn-container{bottom:0;height:20%;left:3.5%;position:absolute;width:90%}.lyrics .show-lyrics-btn-container button{margin-right:15px}.lyrics .lyrics-written-by-div{bottom:10px;overflow:hidden;position:absolute;right:10px;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:40%}.lyrics .lyrics-written-by-div span{font-size:14px}.lyrics #new_lyrics_ta{background-color:#565454;border-radius:5px;color:beige;height:100%;margin-bottom:7%;margin-top:3%;resize:none;width:93%}.lyrics #new_lyrics_ta_container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;row-gap:10px;width:100%}.lyrics .show-lyrics-song-title{align-items:center;cursor:pointer;display:flex;font-size:14px;left:0;padding:5px 10px;position:absolute;top:0}.lyrics .show-lyrics-song-title svg{box-shadow:0 5px 15px rgba(0,0,0,.35);color:#ab3c3c;font-size:14px;margin-right:4px;padding-top:2px}.lyrics .create-lyrics{margin-left:20%;max-height:85%;overflow-y:auto}.lyrics .create-lyrics .show-lyrics-btn-container{row-gap:5px}.lyrics .create-lyrics .show-lyrics-btn-container button{cursor:pointer}.lyrics .create-lyrics .show-lyrics-btn-container button svg,.lyrics .lyrics-ui-expand{cursor:pointer;font-size:20px}.lyrics .lyrics-ui-expand{position:absolute;right:0;top:0}.lyrics .lyrics-ui-expand.collapse{font-size:23px}.lyrics.lyrics-expanded{height:100%;margin-left:0;max-height:none;overflow-y:hidden;width:100%}.lyrics.lyrics-expanded .show-lyrics-btn-container{height:10%}.lyrics.lyrics-expanded #new_lyrics_ta{height:100%;width:93%}.lyrics.lyrics-expanded .show-lyrics{height:100%;row-gap:30px;width:100%}.album-lyrics:has(.lyrics-expanded),.playlist .playlist-page .playlist-page-header .playlist-lyrics:has(.lyrics-expanded),.screen .genre-page .genre-page-header .genre-lyrics:has(.lyrics-expanded),.screen .language-page .language-page-header .language-lyrics:has(.lyrics-expanded){height:71%;position:absolute;width:76%;z-index:1000}.playlist .playlist-page .playlist-page-header .playlist-lyrics:has(.lyrics-expanded),.screen .genre-page .genre-page-header .genre-lyrics:has(.lyrics-expanded),.screen .language-page .language-page-header .language-lyrics:has(.lyrics-expanded){bottom:6.6em;left:22%;width:76%}.playlist .playlist-page .playlist-page-header .playlist-lyrics:has(.lyrics-expanded){height:74%}.library{width:78vw}.library .header{border-bottom:1px solid gray;margin-left:10px;padding-bottom:10px}.library .body{-webkit-column-gap:5%;column-gap:5%;display:flex;flex-wrap:wrap;padding:2em 2em 2em 4em;row-gap:2em}.library .body .library-artist-download,.library .body .library-build,.library .body .library-list{border:1px solid gray;border-radius:5px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);height:auto;padding:10px;position:relative;width:45%}.library .body .library-artist-download h4,.library .body .library-build h4,.library .body .library-list h4{padding-bottom:10px}.library .body .library-artist-download p,.library .body .library-build p,.library .body .library-list p{margin-bottom:5px}.library .body .library-artist-download .btn-container,.library .body .library-build .btn-container,.library .body .library-list .btn-container{bottom:5px;display:flex;height:3em;position:absolute;width:100%}.library .body .library-artist-download .btn-container .library-btn,.library .body .library-build .btn-container .library-btn,.library .body .library-list .btn-container .library-btn{background-color:#2b3a69;border-radius:5px;font-weight:600;height:2.8em;margin-left:auto;margin-right:2em;padding:10px;transition:all .3s}.library .body .library-artist-download .btn-container .library-btn:hover,.library .body .library-build .btn-container .library-btn:hover,.library .body .library-list .btn-container .library-btn:hover{background-color:#364981}.library .body .library-build .status{margin-top:10px}.library .body .library-build .status .completed label:first-child,.library .body .library-build .status .running label:first-child{padding-left:0}.library .body .library-build .status .completed label,.library .body .library-build .status .running label{display:block;font-size:14px;line-height:1.5em;padding-left:10px}.library .body .library-build .status .completed label span,.library .body .library-build .status .running label span{display:inline-block;width:11em}.library .body .library-list .content p{padding-bottom:5px}.library .body .library-list .content input{border:none;border-radius:5px;outline:none;padding:8px;width:75%}.library .body .library-list .content .input-container{display:flex}.library .body .library-list .content .input-container .library-btn{background-color:#2b3a69;border-radius:5px;font-weight:600;height:2.2em;margin-left:20px;padding:5px;text-align:center;transition:all .3s;width:5em}.library .body .library-list .existing-lib-paths{max-height:8em;overflow-y:auto;padding-left:2px;padding-top:10px}.library .body .library-list .existing-lib-paths label{align-items:center;border-bottom:1px solid gray;display:flex;flex-direction:row;padding:10px 0 10px 5px}.library .body .library-list .existing-lib-paths label span{align-items:center;display:flex}.library .body .library-list .existing-lib-paths label span svg{margin:0 5px;padding-top:2px}.library .body .library-list .existing-lib-paths label>svg{color:rgba(181,51,51,.86);cursor:pointer;font-size:20px;margin-left:auto;margin-right:10px}.library .body .library-artist-download{height:7em}.sidebar{opacity:.9;padding-top:3em}.sidebar .row,.sidebar .search-row{background-color:#ab3c3c;cursor:pointer;padding:10px 5px 10px 10px}.sidebar .row label,.sidebar .search-row label{align-items:center;cursor:pointer;display:flex;font-size:18px;font-weight:600}.sidebar .row label .icon,.sidebar .search-row label .icon{font-size:24px;margin-right:5px;padding-top:6px}.sidebar .sidebar-slected-row{background-color:rgba(84,84,84,.522);border-left:3px solid #dfbd16;border-right:3px solid #dfbd16;opacity:.7}.sidebar .sidebar-slected-row a:hover{color:beige}.sidebar .search-row .search-container{padding-left:5px;position:relative}.sidebar .search-row .search-container .search-input{background-color:rgba(48,48,48,.561);border:none;border-radius:4px;color:beige;outline:none;padding:8px;width:96%}.sidebar .search-row .search-container svg{font-size:22px;position:absolute;right:6%;top:15%}.search{width:78vw}.search .header{border-bottom:1px solid gray;margin-left:10px;padding-bottom:10px}.search .body{max-height:78vh;overflow-x:hidden;overflow-y:auto;padding:10px}.search .body h3{padding:10px 0 0 10px}.search .body .search-result-albums{grid-row-gap:15px;background:#303030;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;overflow-y:auto;padding:10px;position:relative;z-index:1}.search .body .search-result-albums .album-artist-thumb{width:10em}.search .body .search-result-albums .album-thumb-img-div{position:relative}.search .body .search-result-albums .album-thumb-img-div img{border-radius:20px;border-bottom-left-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer;height:9em;width:9em}.search .body .search-result-albums .album-thumb-img-div-link{align-items:center;background-color:#eaf0f0;color:#093fa3;cursor:pointer;display:flex;display:none;height:9em;justify-content:center;opacity:.2;position:absolute;top:0;width:9em}.search .body .search-result-albums .album-thumb-img-div-link svg{font-size:2em;font-weight:900}.search .body .search-result-albums .album-thumb-img-div a:hover+.album-thumb-img-div-link{display:flex}.search .body .search-result-albums .album-thumb-details{display:flex;flex-direction:column;padding-right:5px;width:10em}.search .body .search-result-albums .album-thumb-details label{font-size:15px}.search .body .search-result-albums .album-thumb-details p{font-size:13px;margin-top:5px}.search .body .search-result-artists-list{grid-row-gap:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;overflow-x:hidden;overflow-y:auto;padding:10px}.search .body .search-result-artists-list .artist-thumb{width:10em}.search .body .search-result-artists-list .artist-thumb-img-div{position:relative}.search .body .search-result-artists-list .artist-thumb-img-div img{border-radius:15px;border-bottom-left-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer;height:9em;width:9em}.search .body .search-result-artists-list .artist-thumb-details{display:flex;flex-direction:column;max-width:11em;width:13em}.search .body .search-result-artists-list .artist-thumb-details .track-count{font-size:14px}.search .body .search-result-album-artists-list{grid-row-gap:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;overflow-x:hidden;overflow-y:auto;padding:10px}.search .body .search-result-album-artists-list .album-artist-thumb-img-div{position:relative}.search .body .search-result-album-artists-list .album-artist-thumb-img-div img{border-radius:15px;border-bottom-left-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer;height:9em;width:9em}.search .body .search-result-album-artists-list .album-artist-thumb-details{display:flex;flex-direction:column;max-width:11em;width:13em}.search .body .search-result-album-artists-list .album-artist-thumb-details .album-count{font-size:14px}.search .body .search-result-track-list{overflow-x:hidden;overflow-y:auto;padding:10px 10px 0 0}.search .body .search-result-track-list .track{align-items:center;background-color:#3a3a3a;display:grid;grid-template-columns:1fr 5fr 4fr 5fr 1fr 2fr 1fr 1fr;margin:3px 2px;min-height:3em}.search .body .search-result-track-list .track label{border-right:2px solid #303030;padding:0 5px}.search .body .search-result-track-list .track :first-child:hover{font-size:17px}.search .body .search-result-track-list .track:hover{background-color:#4d4d4d;padding:1px}.search .body .search-result-track-list .text-highlighted-y,.search .body .search-result-track-list .text-highlighted-y a{color:#dfbd16;font-weight:500}.recent-plays{height:calc(100vh - 6em);padding:15px;width:78vw}.recent-plays .spinner{display:none}.recent-plays .header-container{height:4em}.recent-plays .header-container .header{border-bottom:1px solid gray;padding-bottom:10px}.recent-plays .body{max-height:calc(100vh - 11em);overflow-y:auto}.recent-plays .body .albums .album-group{-webkit-column-gap:50px;column-gap:50px;display:flex}.recent-plays .body .albums .album-group .album-grouped-list .album-thumbs-grouped{grid-column-gap:0;border-radius:35%;-webkit-column-gap:0;column-gap:0;display:grid;grid-template-columns:1fr 1fr 1fr;margin-left:10px;overflow:hidden}.recent-plays .body .albums .album-group .album-grouped-list .album-thumbs-grouped .album-thumb-img-div img{height:9em;width:9em}.recent-plays .body .albums .album-group .albums{grid-row-gap:35px;background:#303030;display:grid;grid-template-columns:1fr 1fr 1fr;overflow-y:auto;padding:10px;position:relative;z-index:1}.recent-plays .body .albums .album-group .albums .album-artist-thumb{width:10em}.recent-plays .body .albums .album-group .albums .album-thumb-img-div{position:relative}.recent-plays .body .albums .album-group .albums .album-thumb-img-div img{border-radius:20px;border-bottom-left-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer;height:9em;width:9em}.recent-plays .body .albums .album-group .albums .album-thumb-img-div-link{align-items:center;background-color:#eaf0f0;color:#093fa3;cursor:pointer;display:flex;display:none;height:9em;justify-content:center;opacity:.2;position:absolute;top:0;width:9em}.recent-plays .body .albums .album-group .albums .album-thumb-img-div-link svg{font-size:2em;font-weight:900}.recent-plays .body .albums .album-group .albums .album-thumb-img-div a:hover+.album-thumb-img-div-link{display:flex}.recent-plays .body .albums .album-group .albums .album-thumb-details{display:flex;flex-direction:column;padding-right:5px;width:10em}.recent-plays .body .albums .album-group .albums .album-thumb-details label{font-size:15px}.recent-plays .body .albums .album-group .albums .album-thumb-details p{font-size:13px;margin-top:5px}.recent-plays .body .albums h3{margin-top:10px;padding-left:10px;width:100%}.filter-component{margin-bottom:5px;margin-left:auto;position:relative;width:30%}.filter-component .filter-input-field{border:none;border-radius:2px;outline:none;padding:8px;width:90%}.filter-component .filter-close-icon{color:#303030;cursor:pointer;font-size:20px;position:absolute;right:10%;top:15%}.filter-component .filter-close-icon:hover{color:#616060}.track-menu-btn-div .track-menu-btn-circle{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;left:15px;position:absolute;top:-15px;width:30px}.track-menu-btn-div .track-menu-btn-circle svg{margin-top:5px}.track-menu-btn-div .track-menu-btn-circle:hover{background-color:#000;border:1px solid #d3d3d3}.thumb-action-btn-div{position:relative;z-index:1}.thumb-action-btn-div .thumb-action-btn-circle{align-items:center;border:1px solid #d3d3d3;border-radius:50%;bottom:0;cursor:pointer;display:flex;height:30px;justify-content:center;left:0;position:absolute;width:30px}.thumb-action-btn-div .thumb-action-btn-circle:hover{background-color:#000;border:1px solid #fff}.gp-context-menu{-webkit-animation:gpContextSlideDown .3s ease-in-out 1;animation:gpContextSlideDown .3s ease-in-out 1;background-color:#2b2b2b;border:1px solid gray;border-radius:4px;position:absolute;transition:all .3s;width:190px;z-index:1001}.gp-context-menu .row{border-bottom:1px solid gray;cursor:pointer;height:40px;padding:8px}.gp-context-menu .row label{cursor:pointer}.gp-context-menu .row label:hover,.gp-context-menu .row svg.icon:hover+label{font-size:17px}.gp-context-menu .row svg.icon{float:right;font-size:22px}.gp-context-menu .row label:hover+svg.icon{font-size:23px}@-webkit-keyframes gpContextSlideDown{0%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes gpContextSlideDown{0%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.playlist-selector{-webkit-animation:gpContextSlideDown .3s ease-in-out 1;animation:gpContextSlideDown .3s ease-in-out 1;background-color:#2b2b2b;border:1px solid gray;border-radius:4px;max-height:160px;overflow-x:hidden;overflow-y:auto;position:absolute;transition:all .3s;z-index:1000}.playlist-selector .row{border-bottom:1px solid gray;cursor:pointer;padding:5px 5px 5px 10px}.playlist-selector .row label{cursor:pointer}.playlist-selector-v2{-webkit-column-gap:20px;column-gap:20px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 5px;row-gap:10px}.playlist-selector-v2 .row{text-wrap:nowrap;border:1px solid;border-radius:4px;cursor:pointer;justify-content:center;overflow:hidden;padding:5px;text-align:center;text-overflow:ellipsis;width:10em}.playlist-selector-v2 .row label{cursor:pointer}.playlist-selector-v2 .row.selected{background-color:#0e684b;color:beige}.playlist-selector::-webkit-scrollbar{width:5px}.playlist-selector::-webkit-scrollbar-track{margin:3px 0}.disable-div{background-color:hsla(0,0%,88%,.11);opacity:.5;top:0;z-index:1000}.common-popup,.disable-div{height:100vh;left:0;position:absolute;width:100vw}.common-popup{align-items:center;justify-content:center;top:-15vh}.common-popup .popup-container{-webkit-animation:popupZoomIn .25s ease-in-out 1;animation:popupZoomIn .25s ease-in-out 1;background-color:#fff;border-radius:10px;position:relative;width:40%;z-index:1002}.common-popup .popup-container .popup-header{border-bottom:1px solid #dee2e6;padding:20px 25px}.common-popup .popup-container .popup-header .label{color:#393939;font-size:16px;font-weight:700}.common-popup .popup-container .popup-header .close{background:none;border:none;color:#000;cursor:pointer;font-size:26px;height:5px;position:absolute;right:.7em;top:15px}.common-popup .popup-container .popup-header .close:hover{color:#911212}.common-popup .popup-container .popup-body{color:#000;padding:25px 25px 10px}.common-popup .popup-container .popup-body .plalist-name{border:1px solid #d3d3d3;border-radius:8px;font-size:16px;outline:none;padding:15px;width:70%}.common-popup .popup-container .popup-body input.input{border:1px solid #d3d3d3;border-radius:8px;font-size:16px;outline:none;padding:15px;width:70%}.common-popup .popup-container .popup-footer{padding:20px 25px}.common-popup .popup-container .popup-footer .buttons{-webkit-column-gap:15px;column-gap:15px;display:flex;float:right}.common-popup .popup-container .popup-footer .buttons button{background-color:transparent;border:none;border-radius:4px;color:#000;cursor:pointer;outline:none;padding:7px;width:7em}.common-popup .popup-container .popup-footer .buttons .popup-btn-primary{border:1px solid #0a714b}.common-popup .popup-container .popup-footer .buttons .popup-btn-primary:hover{background:#0a714b;color:beige}.common-popup .popup-container .popup-footer .buttons .popup-btn-secondary{background-color:#fff;border:1px solid gray;color:#000}.common-popup .popup-container .popup-footer .buttons .popup-btn-secondary:hover{background-color:hsla(0,1%,40%,.137)}.common-popup .popup-container .popup-footer .buttons .popup-btn-primary.remove{border:1px solid #d02424}.common-popup .popup-container .popup-footer .buttons .popup-btn-primary.remove:hover{background-color:#921b1b;color:#fff}.common-popup .popup-container .popup-footer .buttons .popup-btn-primary.rename{border:1px solid #17a2b8}.common-popup .popup-container .popup-footer .buttons .popup-btn-primary.rename:hover{background-color:#17a2b8}@-webkit-keyframes popupSlideIn{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes popupSlideIn{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes popupZoomIn{0%{-webkit-transform:scale(.1);transform:scale(.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popupZoomIn{0%{-webkit-transform:scale(.1);transform:scale(.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.status-message{align-items:center;-webkit-animation:statusMessageSlideIn .4s ease-in-out 1;animation:statusMessageSlideIn .4s ease-in-out 1;background:#000;border-radius:2px;bottom:6em;display:flex;justify-content:space-between;min-height:3em;padding:10px 15px;position:fixed;right:1em;width:31em;z-index:10}.status-message .close{cursor:pointer}@-webkit-keyframes statusMessageSlideIn{0%{-webkit-transform:translateX(31em);transform:translateX(31em)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes statusMessageSlideIn{0%{-webkit-transform:translateX(31em);transform:translateX(31em)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.metadata-popup{border-radius:5px;display:flex;height:100vh;height:auto;justify-content:center;left:0;padding:10px;position:absolute;top:6%;width:100vw;z-index:1000}.metadata-popup .edit-album-info.edit-info{width:40%}.metadata-popup .edit-album-info.edit-info .album-details{max-height:70vh;overflow-y:auto}.metadata-popup .edit-album-info.edit-info .album-details .album-track-details .body,.metadata-popup .edit-album-info.edit-info .album-details .album-track-details .header{grid-row-gap:10px;grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:1fr 4fr 4fr;row-gap:10px}.metadata-popup .edit-album-info.edit-info .album-details .album-track-details .body input,.metadata-popup .edit-album-info.edit-info .album-details .album-track-details .header input{width:90%}.metadata-popup .edit-album-info.edit-info .album-details .album-track-details .body.multi-lingual{grid-template-columns:1fr 4fr 4fr 3fr}.metadata-popup .edit-album-info.edit-info .album-details::-webkit-scrollbar{height:6px;width:5px}.metadata-popup .edit-info{-webkit-animation:slideIn .35s ease-in-out 1;animation:slideIn .35s ease-in-out 1;background-color:#202020;border-radius:10px;padding:10px;position:relative;width:60%;z-index:1002}.metadata-popup .edit-info .header{border-bottom:1px solid gray;padding-bottom:10px}.metadata-popup .edit-info .header .close{background:none;border:none;color:beige;cursor:pointer;font-size:20px;height:5px;position:absolute;right:.3em;top:5px}.metadata-popup .edit-info .header .close:hover{color:#911212}.metadata-popup .edit-info .body .album-details,.metadata-popup .edit-info .body .track-details{grid-column-gap:3em;grid-row-gap:15px;-webkit-column-gap:3em;column-gap:3em;display:grid;grid-template-columns:1fr 1fr;padding:5px;row-gap:15px}.metadata-popup .edit-info .body .album-details .row,.metadata-popup .edit-info .body .track-details .row{display:flex;flex-direction:column;row-gap:5px}.metadata-popup .edit-info .body .album-details .row input,.metadata-popup .edit-info .body .track-details .row input{background-color:#303030;border:none;border-radius:5px;color:beige;outline:none;padding:10px}.metadata-popup .edit-info .body .album-details .row.song-path,.metadata-popup .edit-info .body .track-details .row.song-path{-webkit-column-gap:10px;column-gap:10px;display:flex;flex-direction:row;grid-column:span 2}.metadata-popup .edit-info .footer .buttons{-webkit-column-gap:15px;column-gap:15px;display:flex;float:right;margin-top:10px}.font-size-20{font-size:20px}.font-size-18{font-size:18px}.font-size-16{font-size:16px}.g-btn{background-color:transparent;border:none;border-radius:4px;color:#000;cursor:pointer}.g-btn.xl{padding:7px;width:11em}.g-btn.lg{padding:7px;width:9em}.g-btn.md{padding:7px;width:7em}.g-btn.sm{padding:5px;width:5em}.g-btn.xs{padding:5px;width:2.5em}.g-btn.success{border:1px solid #0a714b}.g-btn.success:hover{background-color:#0a714b}.g-btn.info{border:1px solid #17a2b8}.g-btn.info:hover{background-color:#17a2b8}.g-btn.cancel{border:1px solid gray}.g-btn.cancel:hover{background-color:gray;opacity:.5}.g-btn.violet{border:1px solid #560c53}.g-btn.violet.bg,.g-btn.violet:hover{background-color:#560c53}.g-btn.red{border:1px solid #921b1b}.g-btn.red.bg,.g-btn.red:hover{background-color:#921b1b}.g-btn.cyan{border:1px solid #17a2b8}.g-btn.cyan.bg,.g-btn.cyan:hover{background-color:#17a2b8}.g-btn.beige,.g-btn:hover{color:beige}.g-btn.red1{color:#921b1b}.g-btn.red1:hover{color:beige}.g-btn.beige-border{border:1px solid beige}.gp-select{border-radius:4px;cursor:pointer;padding:7px}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-overflow-ellipsis:hover,.text-overflow-ellipsis>:hover{overflow:visible;overflow:initial;text-overflow:clip;white-space:normal}.custom-checkbox{-webkit-appearance:none;appearance:none;cursor:pointer;padding:0!important;position:relative}.custom-checkbox:before{border:1px solid beige;border-radius:4px;content:"";cursor:pointer;display:block;height:25px;width:25px}.custom-checkbox:checked:after{border-bottom:5px solid green;border-right:5px solid green;content:"";cursor:pointer;height:15px;left:6px;position:absolute;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.flexbox{display:flex}.flexbox-center{align-items:center;display:flex;justify-content:center}@-webkit-keyframes slideIn{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}::-webkit-scrollbar{height:6px;width:15px}::-webkit-scrollbar-track{background:#f1f1f1;margin-bottom:10px;margin-top:10px}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.spinner{align-items:center;-webkit-animation:text_color 2s ease-in-out infinite;animation:text_color 2s ease-in-out infinite;display:flex;font-size:2rem;height:300px;justify-content:center;left:45%;opacity:.3;overflow:hidden;position:fixed;top:35%;width:300px}.spinner.sm{height:2.5em;left:auto;opacity:.5;position:relative;top:auto;width:2.5em}.spinner .text.sm{counter-reset:gray;font-size:14px}.spinner-sector{-webkit-animation:rotate var(--duration) var(--timing) infinite;animation:rotate var(--duration) var(--timing) infinite;border:15px solid transparent;border-radius:50%;height:100%;mix-blend-mode:overlay;position:absolute;width:100%}.spinner-sector.sm{border:8px solid transparent}.spinner-sector-red{--duration:1.5s;--timing:ease-in-out;border-top-color:#f08080!important}.spinner-sector-blue{--duration:2s;--timing:ease-in;border-left-color:#add8e6!important}.spinner-sector-green{--duration:2.5s;--timing:ease-out;border-right-color:#90ee90!important}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes text_color{0%,to{color:beige}25%,75%{color:#75756b}50%{color:#c7c7b6}}@keyframes text_color{0%,to{color:beige}25%,75%{color:#75756b}50%{color:#c7c7b6}}.no-display{display:none}.rotate-player-button{-webkit-animation:rotate80deg 3.2s ease-in-out infinite;animation:rotate80deg 3.2s ease-in-out infinite}@-webkit-keyframes rotate80deg{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}60%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}80%{-webkit-transform:rotate(320deg);transform:rotate(320deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate80deg{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}60%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}80%{-webkit-transform:rotate(320deg);transform:rotate(320deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.opacity-player-console{-webkit-animation:opacityRound 1.5s ease-in-out infinite;animation:opacityRound 1.5s ease-in-out infinite}@-webkit-keyframes opacityRound{0%{opacity:1}15%{opacity:.9}30%{opacity:.8}45%{opacity:.6}60%{opacity:.6}75%{opacity:.6}90%{opacity:.9}to{opacity:1}}@keyframes opacityRound{0%{opacity:1}15%{opacity:.9}30%{opacity:.8}45%{opacity:.6}60%{opacity:.6}75%{opacity:.6}90%{opacity:.9}to{opacity:1}}@-webkit-keyframes song-playing{0%{font-size:14px}50%{font-size:20px}to{font-size:14px}}@keyframes song-playing{0%{font-size:14px}50%{font-size:20px}to{font-size:14px}}.mobile-only-block,.mobile-only-flex{display:none}.flex-align-center,.flex-align-center-100{align-items:center;display:flex;justify-content:center}.flex-align-center-100{width:100%}.grid-column-span-2{grid-column:span 2}.flex-direction-row{display:flex;flex-direction:row}.column-gap-5{-webkit-column-gap:5px;column-gap:5px}@media only screen and (min-device-width:768px)and (max-width:1280px){.screen .album-artist-albums,.screen .albums{grid-template-columns:1fr 1fr 1fr 1fr}.screen .music .album-artists-list,.screen .music .albums-list,.screen .music .artists-list{grid-template-columns:1fr 1fr 1fr;overflow-x:hidden}.screen .music .statisticts{height:auto}.recent-plays .body .albums .album-group .albums{grid-template-columns:1fr}.recent-plays .body .albums .album-group{-webkit-column-gap:20px;column-gap:20px}.recent-plays .body .albums .album-group .albums .album-thumb:nth-child(3),.recent-plays .body .albums .album-group .albums .album-thumb:nth-child(4),.recent-plays .body .albums .album-group .albums .album-thumb:nth-child(5),.recent-plays .body .albums .album-group .albums .album-thumb:nth-child(6){display:none}}@media only screen and (max-device-width:768px){.app-container{display:block}.app-container .app-heading{padding-left:5px;position:relative;vertical-align:initial}.app-container .app-heading img{margin-right:10px}.app-container .main-container{height:95%;width:100vw}.header-container .header{align-items:end;-webkit-column-gap:10px;column-gap:10px;display:flex}.header-container .header div svg{font-size:30px}.sidebar{height:calc(100vh - 7.5em);opacity:1;padding-top:0;position:absolute;transition:width .3s ease-in-out;width:0;z-index:1000}.sidebar .row label{font-size:16px}.sidebar .row.ham-burger-hide-row{height:30px;padding:5px 10px}.sidebar .row.ham-burger-hide-row svg{display:none;float:right;font-size:30px}.sidebar .search-row{padding:20px 0}.sidebar div{display:none}.sidebar.show-mobile-sidebar{width:50%}.sidebar.show-mobile-sidebar div{display:block}.screen{width:100vw}.screen .header-container .header{margin-left:5px}.screen .header-container .group-band::-webkit-scrollbar{height:0}.screen .header-container .group-band{margin-left:0;overflow-x:auto}.screen .header-container .group-band .album_artists-band a{display:block;width:8em}.screen .music h3{padding:5px}.screen .music .artists-list{-webkit-column-gap:10px;column-gap:10px;grid-template-columns:1fr 1fr 1fr}.screen .music .artists-list .artist-thumb{width:6em}.screen .music .artists-list .artist-thumb .artist-thumb-img-div img{height:5em;width:5em}.screen .music .artists-list .artist-thumb .artist-thumb-details{max-width:6em;word-break:break-all}.screen .music .artists-list .artist-thumb:nth-child(4),.screen .music .artists-list .artist-thumb:nth-child(5){display:none}.screen .music .albums-list{grid-template-columns:1fr 1fr 1fr}.screen .music .albums-list .album-thumb{max-width:6em}.screen .music .albums-list .album-thumb .album-thumb-img-div img{height:5em;width:5em}.screen .music .albums-list .album-thumb .album-thumb-details{max-width:6em;word-break:break-all}.screen .music .albums-list .album-thumb:nth-child(4),.screen .music .albums-list .album-thumb:nth-child(5){display:none}.screen .music .album-artists-list{grid-template-columns:1fr 1fr 1fr}.screen .music .album-artists-list .album-artist-thumb{max-width:6em}.screen .music .album-artists-list .album-artist-thumb .album-artist-thumb-img-div img{height:5em;width:5em}.screen .music .album-artists-list .album-artist-thumb .album-artist-thumb-details{max-width:6em;word-break:break-all}.screen .music .album-artists-list .album-artist-thumb:nth-child(4),.screen .music .album-artists-list .album-artist-thumb:nth-child(5){display:none}.screen .music .statisticts{height:auto;margin:15px;width:91.5%}.screen .music .statisticts .groups .group h1{font-size:18px}.screen .music .statisticts .groups .group h2{font-size:16px}.screen .order-container{margin-left:5px}.screen .lKey-line{margin-left:5px;max-width:97vw}.screen .track-list{padding-left:0}.screen .track-list .track{grid-template-columns:1fr 8fr;margin:6px 2px}.screen .track-list .track label{display:none}.screen .track-list .track label:first-child,.screen .track-list .track label:nth-child(2){display:block}.screen .track-list .track .track-title-artist{font-size:11px;margin-top:5px}.screen .track-list .track.text-highlighted-y{grid-template-columns:1fr 8fr}.screen .track-list .track.text-highlighted-y .song-playing-icon-label{text-align:center}.screen .track-list .track.text-highlighted-y .song-playing-icon-label .faplay{-webkit-animation:song-playing 1.5s ease-in-out infinite;animation:song-playing 1.5s ease-in-out infinite}.screen .track-list .track.text-highlighted-y label{border-right:none}.screen .albums{grid-template-columns:1fr 1fr 1fr}.screen .albums .album-lKey{grid-column:span 3}.screen .albums .album-thumb{width:6em}.screen .albums .album-thumb .album-thumb-img-div img{height:5em;width:5em}.screen .albums .album-thumb .album-thumb-details{width:6em;word-break:break-all}.screen .album .album-img-div-container{grid-template-columns:2fr 4fr}.screen .album .album-img-div-container .album-img-div img{height:6em;width:6em}.screen .album .album-img-div-container .album-details a{margin:10px 0 5px}.screen .album .album-img-div-container .album-lyrics{display:none}.screen .album-artists-list{grid-template-columns:1fr 1fr 1fr}.screen .album-artists-list .album-artists-lKey{grid-column:span 3}.screen .album-artists-list .album-artist-thumb-img-div img{height:5em;width:5em}.screen .album-artists-list .album-artist-thumb-details{width:6em}.screen .album-artist .album-artist-img-div-container{-webkit-column-gap:20px;column-gap:20px;max-height:10em}.screen .album-artist .album-artist-img-div-container .album-artist-details .album-artist-wiki-summary{max-height:7.5em;width:100%}.screen .album-artist .album-artist-albums{grid-template-columns:1fr 1fr 1fr;padding:10px 0}.screen .album-artist .album-artist-albums .album-thumb .album-thumb-img-div img{height:5em;width:5em}.screen .album-artist .album-artist-albums .album-thumb .album-thumb-details{width:6em;word-break:break-all}.screen .artists-list{grid-template-columns:1fr 1fr 1fr}.screen .artists-list .artists-lKey{grid-column:span 3}.screen .artists-list .artist-thumb{width:6em}.screen .artists-list .artist-thumb .artist-thumb-img-div img{height:5em;width:5em}.screen .artists-list .artist-thumb .artist-thumb-details{width:6em;word-break:break-all}.player .player-container{grid-template-columns:12fr 2fr;width:100vw}.player .player-container .song-info .song-info-title{margin-top:0}.player .player-container .song-info .song-info-title p:first-child{font-size:16px}.player .player-container .song-info .song-info-title p:last-child{font-size:10px}.player .player-container .other-actions,.player .player-container .player-controls{display:none}.player .player-container .mobile-play-btn .play{margin:0}.player .player-container .mobile-play-btn .play .play-button{height:2em;width:2em}.player .player-container .mobile-play-btn .play .play-button svg{font-size:1em}.spinner{height:200px;left:20%;top:40%;width:200px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{margin:0}.mobile-only-block{display:block}.mobile-only-flex{display:flex}}.album-multi-genre-select{margin-bottom:15px;margin-top:auto}.album-multi-genre-select a{background-color:transparent;border:1px solid gray;color:beige;cursor:pointer;font-weight:700;margin:0 1px;outline:none;padding:3px 10px 6px}.album-multi-genre-select a.selected{background-color:#560c53}.album-multi-genre-select a:first-of-type{border-top-left-radius:5px}.album-multi-genre-select a:last-of-type{border-top-right-radius:5px}.album-multi-genre-select a:hover{color:#dfbd16}.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-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}.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;pointer-events:none;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-handle{margin-left:-5px;margin-top:0;touch-action:pan-y}.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} +/*# sourceMappingURL=main.1b0aeb56.css.map*/ \ No newline at end of file diff --git a/src/main/resources/gp_react/static/css/main.1b0aeb56.css.map b/src/main/resources/gp_react/static/css/main.1b0aeb56.css.map new file mode 100644 index 0000000..4eb2db2 --- /dev/null +++ b/src/main/resources/gp_react/static/css/main.1b0aeb56.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.1b0aeb56.css","mappings":"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","sources":["index.css","App.css","Components/main.scss","../node_modules/rc-slider/assets/index.css"],"sourcesContent":["body {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n","\r\n.App-logo {\r\n height: 40vmin;\r\n pointer-events: none;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n .App-logo {\r\n animation: App-logo-spin infinite 20s linear;\r\n }\r\n}\r\n\r\n.App-header {\r\n background-color: #282c34;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: calc(10px + 2vmin);\r\n color: white;\r\n}\r\n\r\n.App-link {\r\n color: #61dafb;\r\n}\r\n\r\n@keyframes App-logo-spin {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n","*{\r\n box-sizing: border-box;\r\n margin: 0;\r\n}\r\n\r\nbody{\r\n overflow: hidden;\r\n}\r\n\r\n.app-container{\r\n background-color: black;\r\n height: 100vh;\r\n width: 100vw;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.app-heading{\r\n color: rgb(168, 168, 168);\r\n z-index: 1000;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n padding: 0px 20px;\r\n font-style: italic;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.app-heading img{\r\n height: 1em;\r\n width: 1em;\r\n margin: 0 3px;\r\n}\r\n\r\n.main-container{\r\n // background-color: #A5F1F6;\r\n background-color: #303030;\r\n width: 98vw;\r\n height: 100%;\r\n max-height: 100%;\r\n border-radius: 5px;\r\n display: flex;\r\n color: beige;\r\n}\r\n\r\n.player{\r\n position: fixed;\r\n bottom: 0;\r\n display: flex;\r\n justify-content: center;\r\n height: 6em;\r\n z-index: 6;\r\n\r\n .player-container{\r\n \r\n align-items: center;\r\n width: 98vw;\r\n background-color: #2B3A69;\r\n display: grid;\r\n grid-template-columns: 6fr 7fr 6fr;\r\n\r\n .other-actions{\r\n display: flex;\r\n align-items: center;\r\n\r\n .refresh-build{\r\n font-size: 26px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n }\r\n\r\n .song-info{\r\n display: flex;\r\n justify-content: flex-start;\r\n }\r\n\r\n .song-info-img img{\r\n height: 6em;\r\n width: 7em;\r\n }\r\n\r\n .song-info-title{\r\n margin: 10px;\r\n align-self: center;\r\n font-size: 18px;\r\n\r\n ::-webkit-scrollbar-track {\r\n margin-top: 2px;\r\n margin-bottom: 2px;\r\n }\r\n\r\n ::-webkit-scrollbar {\r\n width: 3px;\r\n height: unset;\r\n }\r\n\r\n p{\r\n padding: 2px;\r\n }\r\n\r\n :last-child{\r\n font-weight: 700;\r\n }\r\n\r\n > :first-child{\r\n display: flex;\r\n }\r\n }\r\n\r\n .player-controls-buttons{\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .player-controls-buttons > div{\r\n align-self: center;\r\n }\r\n \r\n .play{\r\n margin: 0 15px;\r\n }\r\n \r\n .play-button{\r\n border-radius: 99%;\r\n border: 2px solid #AB3C3C;\r\n height: 2.5em;\r\n width: 2.5em;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;\r\n cursor: pointer;\r\n \r\n .faplay, .FaPauseCircle{\r\n color: #560C53;\r\n }\r\n \r\n .faplay{\r\n font-size: 1em;\r\n }\r\n \r\n .FaPauseCircle{\r\n font-size: 1.5em;\r\n }\r\n \r\n \r\n }\r\n \r\n .play-button:hover{\r\n font-size: 22px;\r\n background-color: #AB3C3C;\r\n }\r\n\r\n .next-button, .previous-button {\r\n font-size: 2.5em;\r\n cursor: pointer;\r\n }\r\n\r\n .shuffle-button, .repeat-button{\r\n font-size: 1.5em;\r\n cursor: pointer;\r\n margin: 15px;;\r\n }\r\n\r\n .player-controls-status-bar{\r\n margin:5px 0 ;\r\n }\r\n\r\n .play-progress-bar-div{\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n justify-content: center;\r\n margin-left: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .play-progress-bar{\r\n //border: 3px solid beige;\r\n width: 350px;\r\n cursor: pointer;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .play-progress-bar::-webkit-slider-thumb {\r\n pointer-events:none;\r\n }\r\n\r\n .play-progress-bar-start-time{\r\n margin-left: -5px;\r\n margin-right: 5px;\r\n }\r\n\r\n .play-progress-bar-end-time{\r\n margin-left: 5px;\r\n margin-right: -5px;\r\n }\r\n\r\n .play-progress-pointer{\r\n height: 15px;\r\n width: 15px;\r\n border: 2px solid red;\r\n border-radius: 99%;\r\n position: absolute;\r\n left: 100px;\r\n background: red;\r\n }\r\n\r\n .volume-h-speaker-img{\r\n font-size: 18px;\r\n margin-right: 2px;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-selected{\r\n background-color: #1b294e;\r\n padding: 2px;\r\n width: 2em;\r\n border-radius: 39%;\r\n box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;\r\n text-align: center;\r\n }\r\n\r\n .other-actions{\r\n .volume-h-div{\r\n display: flex;\r\n align-items: center;\r\n width: 60%;\r\n span{\r\n padding: 0 5px;\r\n padding-bottom: 3px;\r\n }\r\n .volume_progress_bar{\r\n width: 100%;\r\n }\r\n .volume-h-speaker-img{\r\n svg{\r\n margin-top: 10px;\r\n }\r\n }\r\n .volume-h-value{\r\n margin: 5px 5px 0 0;\r\n }\r\n }\r\n }\r\n\r\n \r\n\r\n}\r\n\r\n.sidebar{\r\n width: 20vw;\r\n height: calc(100vh - 6em);\r\n background-color: #AB3C3C;\r\n border-radius: 5px;\r\n}\r\n\r\n.screen{\r\n width: 78vw;\r\n height: calc(100vh - 6em);\r\n text-align: left;\r\n display: block;\r\n padding: 0 15px;\r\n\r\n .header-container{\r\n height: 6em;\r\n .header{\r\n h1{\r\n font-weight: 500;\r\n }\r\n }\r\n }\r\n // .header{\r\n // // padding: 10px 0 0px 0;\r\n // //margin-left: 10px;\r\n // }\r\n\r\n .group-band{\r\n margin: 5px 0px;\r\n border-bottom: 1px solid grey;\r\n display: flex;\r\n //grid-template-columns: 2fr 2fr 5fr 2fr 24fr;\r\n //grid-column-gap: 20px;\r\n column-gap: 20px;\r\n\r\n div.band{\r\n width: auto;\r\n cursor: pointer;\r\n padding: 5px 5px 0 5px;\r\n\r\n h3{\r\n font-weight: 500;\r\n }\r\n\r\n a{\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n }\r\n\r\n div.filter-component{\r\n margin-right: -2.1em;\r\n }\r\n\r\n .group-band-highlight{\r\n border-bottom: 2px solid #dfbd16;\r\n border-radius: 2px;\r\n }\r\n }\r\n\r\n .albums-container{\r\n padding: 0 10px;\r\n }\r\n\r\n .albums, .album-artist-albums{\r\n max-height: calc(100vh - 16em);\r\n }\r\n\r\n .album-artist-albums{\r\n max-height: calc(100vh - 25.5em);\r\n }\r\n\r\n .albums, .album-artist-albums{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\r\n grid-row-gap: 15px;\r\n overflow-y: auto;\r\n z-index: 1;\r\n position: relative;\r\n background: #303030;\r\n padding: 10px 0;\r\n\r\n .album-lKey{\r\n padding: 5px;\r\n padding-left: 2px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n grid-column: span 6;\r\n }\r\n\r\n .album-artist-thumb{\r\n width: 10em;\r\n }\r\n\r\n .album-thumb-img-div{\r\n position: relative;\r\n img{\r\n height: 9em;\r\n width: 9em;\r\n cursor: pointer;\r\n border-radius: 20px;\r\n border-bottom-left-radius: unset;\r\n position: relative;\r\n //z-index: 1;\r\n box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;\r\n }\r\n }\r\n\r\n .album-thumb-img-div-link{\r\n position: absolute;\r\n height: 9em;\r\n width: 9em;\r\n top: 0;\r\n align-items: center;\r\n display: flex;\r\n justify-content: center;\r\n display: none;\r\n background-color: #eaf0f0;\r\n opacity: 0.2;\r\n color: #093fa3;\r\n cursor: pointer;\r\n\r\n svg{\r\n font-size: 2em;\r\n font-weight: 900;\r\n }\r\n }\r\n\r\n .album-thumb-img-div a:hover + .album-thumb-img-div-link{\r\n display: flex;\r\n }\r\n\r\n .album-thumb-details{\r\n padding-right: 5px;\r\n width: 10em;\r\n\r\n label{\r\n font-size: 15px;\r\n }\r\n\r\n p{\r\n margin-top: 5px;\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n }\r\n\r\n // .album-artist-albums{\r\n // // max-height: 18em;\r\n // max-height: 48vh;\r\n // }\r\n\r\n .artists-list{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\r\n grid-row-gap: 15px;\r\n max-height: calc(100vh - 15em);\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n padding: 10px 5px;\r\n\r\n .artists-lKey{\r\n padding: 5px;\r\n padding-left: 2px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n grid-column: span 6;\r\n }\r\n\r\n .artist-thumb{\r\n width: 10em;\r\n }\r\n\r\n .artist-thumb-img-div{\r\n position: relative;\r\n img{\r\n height: 9em;\r\n width: 9em;\r\n cursor: pointer;\r\n border-radius: 15px;\r\n border-bottom-left-radius: unset;\r\n box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;\r\n }\r\n\r\n }\r\n\r\n .artist-thumb-details{\r\n width: 13em;\r\n max-width: 10em;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .track-count{\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n\r\n .album-artists-list{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\r\n grid-row-gap: 15px;\r\n max-height: calc(100vh - 15em);\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n padding: 15px 0;\r\n\r\n .album-artists-lKey{\r\n padding: 5px;\r\n padding-left: 2px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n grid-column: span 6;\r\n }\r\n\r\n .album-artist-thumb-img-div{\r\n position: relative;\r\n img{\r\n height: 9em;\r\n width: 9em;\r\n cursor: pointer;\r\n border-radius: 15px;\r\n border-bottom-left-radius: unset;\r\n box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;\r\n }\r\n }\r\n\r\n .album-artist-thumb-details{\r\n width: 13em;\r\n max-width: 10em;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .album-count{\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n\r\n .artist{\r\n\r\n .spinner{\r\n display: none;\r\n }\r\n\r\n padding: 10px 0 0 5px; \r\n\r\n .artist-img-div img{\r\n height: 10em;\r\n width: 10em;\r\n border-radius: 15px;\r\n border-bottom-left-radius: unset;\r\n box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;\r\n \r\n }\r\n .artist-img-div-container{\r\n display: grid;\r\n grid-template-columns: 1fr 4fr;\r\n min-height: 10em;\r\n max-height: 10em;\r\n margin-bottom: 10px;\r\n \r\n .artist-details{\r\n display: flex;\r\n flex-direction: column;\r\n \r\n h3{\r\n margin-top: -5px;\r\n font-weight: 500;\r\n margin-bottom: 3px;\r\n }\r\n \r\n label{\r\n font-size: 15px;\r\n margin-bottom: 3px;\r\n }\r\n\r\n .artist-wiki-summary{\r\n margin-top: 5px;\r\n font-size: 14px;\r\n width: 96%;\r\n max-height: 7em;\r\n overflow-y: auto;\r\n }\r\n }\r\n\r\n .artist-img-div{\r\n .change-artist-img{\r\n position: relative;\r\n input[type=\"file\"]{\r\n width: 0;\r\n }\r\n \r\n input[type=\"file\"]::before{\r\n content: \"Select Picture\";\r\n position: absolute;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 1em;\r\n width: 6.2em;\r\n padding: 7px;\r\n border-radius: 4px;\r\n border: 1px solid rgb(10, 113, 75);\r\n cursor: pointer;\r\n background-color: transparent;\r\n //color: #000;\r\n top: 0.7em;\r\n }\r\n\r\n input[type=file]:hover::before {\r\n background-color: rgb(10, 113, 75);\r\n color: beige;\r\n }\r\n\r\n button{\r\n margin-right: 25%;\r\n float: right;\r\n margin-top: 0.7em;\r\n color: beige;\r\n }\r\n }\r\n }\r\n }\r\n \r\n .artist-track-list{\r\n //max-height: calc(100vh - 25.5em);\r\n overflow-y: auto;\r\n padding: 10px 10px 0 0px;\r\n overflow: hidden;\r\n \r\n .track{\r\n min-height: 3em;\r\n display: grid;\r\n grid-template-columns: 1fr 5fr 4fr 5fr 1fr 2fr 1fr 1fr;\r\n align-items: center;\r\n background-color: #3a3a3a;\r\n margin: 3px 2px;\r\n \r\n label{\r\n padding: 0 5px;\r\n border-right:2px solid #303030;\r\n \r\n }\r\n \r\n :first-child:hover{\r\n \r\n font-size: 17px;\r\n }\r\n }\r\n \r\n .track:hover{\r\n background-color: #4d4d4d;\r\n padding: 1px;\r\n }\r\n \r\n .text-highlighted-y{\r\n color: #dfbd16;\r\n font-weight: 500;\r\n\r\n a{\r\n color: #dfbd16;\r\n font-weight: 500; \r\n }\r\n }\r\n }\r\n }\r\n\r\n .album-artist{\r\n padding: 10px 0 0 5px; \r\n\r\n .album-artist-img-div img{\r\n height: 10em;\r\n width: 10em;\r\n border-radius: 15px;\r\n border-bottom-left-radius: unset;\r\n box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;\r\n }\r\n .album-artist-img-div-container{\r\n display: grid;\r\n grid-template-columns: 1fr 4fr;\r\n margin-bottom: 5px;\r\n \r\n .album-artist-details{\r\n display: flex;\r\n flex-direction: column;\r\n \r\n h3{\r\n margin-top: -5px;\r\n font-weight: 500;\r\n margin-bottom: 3px;\r\n }\r\n \r\n label{\r\n font-size: 15px;\r\n margin-bottom: 3px;\r\n }\r\n\r\n .album-artist-wiki-summary{\r\n margin-top: 5px;\r\n font-size: 14px;\r\n width: 94%;\r\n max-height: 60%;\r\n overflow-y: auto;\r\n }\r\n }\r\n }\r\n\r\n .album-artist-img-div{\r\n .change-artist-img{\r\n position: relative;\r\n input[type=\"file\"]{\r\n width: 0;\r\n }\r\n \r\n input[type=\"file\"]::before{\r\n content: \"Select Picture\";\r\n position: absolute;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 1em;\r\n width: 6.2em;\r\n padding: 7px;\r\n border-radius: 4px;\r\n border: 1px solid rgb(10, 113, 75);\r\n cursor: pointer;\r\n background-color: transparent;\r\n //color: #000;\r\n top: 0.7em;\r\n }\r\n\r\n input[type=file]:hover::before {\r\n background-color: rgb(10, 113, 75);\r\n color: beige;\r\n }\r\n\r\n button{\r\n margin-right: 25%;\r\n float: right;\r\n margin-top: 0.7em;\r\n color: beige;\r\n }\r\n }\r\n }\r\n \r\n \r\n }\r\n\r\n .genres{\r\n .genre-list{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\r\n row-gap: 30px;\r\n max-height: calc(100vh - 11.5em);\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n padding: 10px 5px;\r\n .genre-thumb{\r\n width: 10em;\r\n\r\n .genre-thumb-img-div{\r\n position: relative;\r\n\r\n .genre-img-container{\r\n width: 9em;\r\n height: 9em;\r\n border: 1px solid #494949;\r\n border-radius: 5px;\r\n \r\n .genre-img{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n img{\r\n height: 4.5em;\r\n width: 4.5em;\r\n }\r\n\r\n img:first-child{\r\n border-top-left-radius: 5px;\r\n }\r\n img:nth-child(2){\r\n border-top-right-radius: 5px;\r\n }\r\n img:nth-child(3){\r\n border-bottom-left-radius: 5px;\r\n }\r\n img:last-child{\r\n border-bottom-right-radius: 5px;\r\n }\r\n }\r\n .genre-no-img{\r\n img{\r\n width: 9em;\r\n height: 9em;\r\n border-radius: 5px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .genre-thumb-details{\r\n label{\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .genre-page{\r\n .spinner{\r\n display: none;\r\n }\r\n .genre-page-header{\r\n display: flex;\r\n column-gap: 20px;\r\n padding: 15px;\r\n margin: 15px 0;\r\n background-color: #3a3a3a;\r\n border-radius: 5px;\r\n\r\n .genre-img-container{\r\n width: 9em;\r\n height: 9em;\r\n border: 1px solid #494949;\r\n border-radius: 5px;\r\n\r\n .genre-img{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n img{\r\n height: 4.5em;\r\n width: 4.5em;\r\n }\r\n\r\n img:first-child{\r\n border-top-left-radius: 5px;\r\n }\r\n img:nth-child(2){\r\n border-top-right-radius: 5px;\r\n }\r\n img:nth-child(3){\r\n border-bottom-left-radius: 5px;\r\n }\r\n img:last-child{\r\n border-bottom-right-radius: 5px;\r\n }\r\n }\r\n .genre-no-img{\r\n img{\r\n width: 9em;\r\n height: 9em;\r\n border-radius: 5px;\r\n }\r\n }\r\n }\r\n\r\n .genre-details{\r\n .genre-name{\r\n padding: 5px;\r\n }\r\n .genre-actions{\r\n display: flex;\r\n align-items: center;\r\n column-gap: 20px;\r\n margin-top: 30px;\r\n\r\n .view-type{\r\n cursor: pointer;\r\n }\r\n\r\n .selected.view-type {\r\n border: 1px solid;\r\n padding: 0px 5px;\r\n border-radius: 5px;\r\n }\r\n }\r\n }\r\n\r\n .genre-lyrics{\r\n margin-left: auto;\r\n width: 50%;\r\n }\r\n }\r\n }\r\n\r\n .languages{\r\n .language-list{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\r\n row-gap: 30px;\r\n max-height: calc(100vh - 11.5em);\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n padding: 10px 5px;\r\n .language-thumb{\r\n width: 10em;\r\n\r\n .language-thumb-img-div{\r\n position: relative;\r\n\r\n .language-img-container{\r\n width: 9em;\r\n height: 9em;\r\n border: 1px solid #494949;\r\n border-radius: 5px;\r\n \r\n .language-img{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n img{\r\n height: 4.5em;\r\n width: 4.5em;\r\n }\r\n\r\n img:first-child{\r\n border-top-left-radius: 5px;\r\n }\r\n img:nth-child(2){\r\n border-top-right-radius: 5px;\r\n }\r\n img:nth-child(3){\r\n border-bottom-left-radius: 5px;\r\n }\r\n img:last-child{\r\n border-bottom-right-radius: 5px;\r\n }\r\n }\r\n .language-no-img{\r\n img{\r\n width: 9em;\r\n height: 9em;\r\n border-radius: 5px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .language-thumb-details{\r\n label{\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .language-page{\r\n .spinner{\r\n display: none;\r\n }\r\n .language-page-header{\r\n display: flex;\r\n column-gap: 20px;\r\n padding: 15px;\r\n margin: 15px 0;\r\n background-color: #3a3a3a;\r\n border-radius: 5px;\r\n\r\n .language-img-container{\r\n width: 9em;\r\n height: 9em;\r\n border: 1px solid #494949;\r\n border-radius: 5px;\r\n\r\n .language-img{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n img{\r\n height: 4.5em;\r\n width: 4.5em;\r\n }\r\n\r\n img:first-child{\r\n border-top-left-radius: 5px;\r\n }\r\n img:nth-child(2){\r\n border-top-right-radius: 5px;\r\n }\r\n img:nth-child(3){\r\n border-bottom-left-radius: 5px;\r\n }\r\n img:last-child{\r\n border-bottom-right-radius: 5px;\r\n }\r\n }\r\n .language-no-img{\r\n img{\r\n width: 9em;\r\n height: 9em;\r\n border-radius: 5px;\r\n }\r\n }\r\n }\r\n\r\n .language-details{\r\n .language-name{\r\n padding: 5px;\r\n }\r\n .language-actions{\r\n display: flex;\r\n align-items: center;\r\n column-gap: 10px;\r\n margin-top: 30px;\r\n\r\n }\r\n }\r\n\r\n .language-lyrics{\r\n margin-left: auto;\r\n width: 50%;\r\n }\r\n }\r\n }\r\n\r\n .music{\r\n height: calc(100vh - 6em - 7em);\r\n overflow-y: auto;\r\n h3{\r\n padding: 10px;\r\n }\r\n .artists-list{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\r\n grid-row-gap: 15px;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n padding: 10px 0;\r\n text-align: center;\r\n \r\n \r\n .artist-thumb{\r\n width: 13em;\r\n }\r\n \r\n .artist-thumb-img-div{\r\n position: relative;\r\n img{\r\n height: 9em;\r\n width: 9em;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n //border-bottom-left-radius: unset;\r\n box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;\r\n }\r\n .thumb-action-btn-div .thumb-action-btn-circle{\r\n bottom: 4px;\r\n left: 43%;\r\n }\r\n }\r\n \r\n .artist-thumb-details{\r\n display: flex;\r\n flex-direction: column;\r\n max-width: 13em;\r\n .track-count{\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n\r\n .albums-list{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\r\n grid-row-gap: 15px;\r\n overflow-y: auto;\r\n z-index: 1;\r\n position: relative;\r\n background: #303030;\r\n padding: 10px 0;\r\n text-align: center;\r\n \r\n .album-thumb{\r\n width: 13em;\r\n }\r\n \r\n .album-thumb-img-div{\r\n position: relative;\r\n img{\r\n height: 9em;\r\n width: 9em;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;\r\n }\r\n\r\n .thumb-action-btn-div .thumb-action-btn-circle{\r\n bottom: 4px;\r\n left: 43%;\r\n }\r\n .genre-type-btn{\r\n left: 5em;\r\n border-radius: 13px;\r\n }\r\n .genre-gp-selector{\r\n top: 3em;\r\n left: 2em;\r\n }\r\n }\r\n \r\n .album-thumb-img-div-link{\r\n display: none;\r\n }\r\n \r\n .album-thumb-img-div a:hover + .album-thumb-img-div-link{\r\n display: flex;\r\n }\r\n \r\n .album-thumb-details{\r\n width: 13em;\r\n display: flex;\r\n flex-direction: column;\r\n \r\n label{\r\n font-size: 15px;\r\n }\r\n \r\n p{\r\n margin-top: 5px;\r\n font-size: 13px;\r\n }\r\n }\r\n \r\n }\r\n\r\n .album-artists-list{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\r\n grid-row-gap: 15px;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n padding: 10px 0;\r\n justify-content: center;\r\n text-align: center;\r\n\r\n .album-artist-thumb{\r\n width: 13em;\r\n }\r\n \r\n .album-artist-thumb-img-div{\r\n position: relative;\r\n img{\r\n height: 9em;\r\n width: 9em;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;\r\n }\r\n }\r\n \r\n .album-artist-thumb-details{\r\n width: 13em;\r\n max-width: 13em;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .album-count{\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n \r\n .statisticts{\r\n height: 24em;\r\n width: 95%;\r\n margin: 20px;\r\n padding: 10px 0;\r\n box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;\r\n border-radius: 5px;\r\n\r\n .groups{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n row-gap: 20px;\r\n .group{\r\n text-align: center;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.album-img-div-container{\r\n display: grid;\r\n //grid-template-columns: 3fr 3fr 8fr;\r\n grid-template-columns: 7fr 10fr 20fr;\r\n column-gap: 10px;\r\n\r\n .album-lyrics{\r\n margin-left: auto;\r\n width: 90%;\r\n padding-right: 10px;\r\n }\r\n .album-details{\r\n display: flex;\r\n flex-direction: column;\r\n row-gap: 5px;\r\n h3{\r\n margin-top: -5px;\r\n font-weight: 500;\r\n margin-bottom: 3px;\r\n }\r\n\r\n label{\r\n font-size: 14px;\r\n margin-bottom: 3px;\r\n }\r\n\r\n .album-multi-genre-select{\r\n margin-top: auto;\r\n margin-bottom: 15px;\r\n\r\n a{\r\n background-color: transparent;\r\n border: 1px solid gray;\r\n outline: none;\r\n padding: 3px 10px 6px 10px;\r\n color: beige;\r\n cursor: pointer;\r\n margin: 0 1px;\r\n font-weight: bold;\r\n }\r\n\r\n a.selected{\r\n //background-color: #17a2b8;\r\n background-color: #560C53;\r\n //color: #000;\r\n }\r\n\r\n a:first-of-type{\r\n border-top-left-radius: 5px;\r\n }\r\n\r\n a:last-of-type{\r\n border-top-right-radius: 5px;\r\n }\r\n\r\n a:hover{\r\n color: #dfbd16;\r\n //font-weight: 400;\r\n }\r\n }\r\n }\r\n}\r\n\r\n// .album-track-list{\r\n// max-height: calc(100vh - 24.5em);\r\n// overflow-y: auto;\r\n// padding: 10px 10px 0 0px;\r\n// overflow-x: hidden;\r\n\r\n// .track{\r\n// min-height: 3em;\r\n// display: grid;\r\n// grid-template-columns: 1fr 5fr 4fr 5fr 1fr 2fr 1fr 1fr;\r\n// align-items: center;\r\n// background-color: #3a3a3a;\r\n// margin: 3px 2px;\r\n\r\n// label{\r\n// padding: 0 5px;\r\n// border-right:2px solid #303030;\r\n \r\n// }\r\n\r\n// :first-child:hover{\r\n// font-size: 17px;\r\n// }\r\n\r\n// a{\r\n// color: beige;\r\n// text-decoration: none;\r\n// }\r\n// }\r\n\r\n// .track:hover{\r\n// background-color: #4d4d4d;\r\n// padding: 1px;\r\n// }\r\n\r\n// .text-highlighted-y{\r\n// color: #dfbd16;\r\n// font-weight: 500;\r\n\r\n// a{\r\n// color: #dfbd16;\r\n// font-weight: 500; \r\n// }\r\n// }\r\n// }\r\n\r\n.order-container{\r\n margin: 5px 0;\r\n select.sortby{\r\n margin-left: 10px;\r\n padding: 3px;\r\n border-radius: 4px;\r\n width: 10em;\r\n background-color: #303030;\r\n color: beige;\r\n cursor: pointer;\r\n\r\n option{\r\n cursor: pointer;\r\n \r\n }\r\n \r\n option:hover{\r\n background-color: #0e684b !important;\r\n }\r\n }\r\n select:focus{\r\n outline:0;\r\n }\r\n}\r\n.lKey-line{\r\n display: flex;\r\n flex-direction: row;\r\n column-gap: 0.2em;\r\n padding: 5px 2px;\r\n //margin-left: 10px;\r\n max-width: 76vw;\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n max-height: 3em;\r\n\r\n span{\r\n color: #dfbd16;\r\n font-weight: 500;\r\n cursor: pointer;\r\n padding-right: 1em;\r\n transition: all 300ms;\r\n }\r\n\r\n span.Artist_25{\r\n min-width: 25%;\r\n }\r\n\r\n span.Artist_10{\r\n min-width: 10%;\r\n }\r\n\r\n span:hover{\r\n font-size: 24px;\r\n margin-top: -15px;\r\n }\r\n}\r\n.track-list{\r\n max-height: calc(100vh - 16.2em);\r\n overflow-y: auto;\r\n //padding: 10px 0 0 10px;\r\n overflow-x: hidden;\r\n background: #303030;\r\n z-index: 6;\r\n position: relative;\r\n\r\n .track-lKey{\r\n padding: 5px;\r\n padding-left: 2px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n }\r\n\r\n .track{\r\n min-height: 3em;\r\n display: grid;\r\n //grid-template-columns: 1fr 5fr 4fr 5fr 1fr 2fr 1fr;\r\n grid-template-columns:1fr 5fr 4fr 5fr 1fr 2fr 1fr 1fr;\r\n align-items: center;\r\n background-color: #3a3a3a;\r\n margin: 3px 2px;\r\n\r\n label{\r\n padding: 0 5px;\r\n border-right:2px solid #303030;\r\n \r\n }\r\n\r\n label.title{\r\n svg{\r\n margin: 5px 0 0 5px;\r\n }\r\n\r\n // svg:hover{\r\n // color: #dfbd16;\r\n // }\r\n }\r\n\r\n label.title > span:first-child{\r\n display: flex;\r\n }\r\n\r\n :first-child:hover{\r\n \r\n font-size: 17px;\r\n }\r\n \r\n }\r\n\r\n .track:hover{\r\n background-color: #4d4d4d;\r\n padding: 1px;\r\n }\r\n\r\n .text-highlighted-y{\r\n color: #dfbd16;\r\n font-weight: 500;\r\n a{\r\n color: #dfbd16;\r\n font-weight: 500; \r\n }\r\n }\r\n}\r\n\r\n.album{\r\n padding: 10px 5px; \r\n\r\n .album-img-div img{\r\n height: 12em;\r\n width: 12em;\r\n box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;\r\n }\r\n\r\n .spinner{\r\n display: none;\r\n }\r\n}\r\n\r\n.genre-type-btn{\r\n position: absolute;\r\n width: 3em;\r\n height: 9em;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: transparent;\r\n z-index: 10;\r\n left: 6em;\r\n top: 0;\r\n border-top-right-radius: 20px;\r\n border-bottom-right-radius: 20px;\r\n cursor: pointer;\r\n\r\n svg{\r\n font-size: 30px;\r\n color: transparent;\r\n }\r\n\r\n svg:hover{\r\n color: inherit;\r\n }\r\n}\r\n\r\n.genre-type-btn:hover{\r\n background-color: #505050ad;\r\n\r\n svg{\r\n color: inherit;\r\n }\r\n}\r\n\r\n.genre-gp-selector{\r\n position: absolute;\r\n background-color: #2b2b2b;\r\n border: 1px solid grey;\r\n border-radius: 4px;\r\n z-index: 1000;\r\n animation: gpSelectorSlideRight 250ms ease-in-out 1;\r\n transition: all 300ms;\r\n max-height: 160px;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n width: 9em;\r\n top: 1em;\r\n left: 0em;\r\n z-index: 11;\r\n .row{\r\n padding: 4px;\r\n padding-left: 10px;\r\n cursor: pointer;\r\n border-bottom: 1px solid grey;\r\n\r\n label{\r\n cursor: pointer;\r\n }\r\n\r\n .icon{\r\n float: right;\r\n font-size: 22px;\r\n }\r\n }\r\n\r\n .row.gp-link-h:hover{\r\n font-weight: bold;\r\n }\r\n\r\n @keyframes gpSelectorSlideRight {\r\n // 0%{\r\n // transform: translateX(50%);\r\n // }\r\n\r\n // 100%{\r\n // transform: translateX(0);\r\n // }\r\n\r\n 0%{\r\n transform: translateX(50%) scaleX(0);\r\n }\r\n\r\n 100%{\r\n transform: translateX(0) scaleX(1);\r\n }\r\n }\r\n}\r\n\r\n.gp-link-h:hover{\r\n color: #dfbd16;\r\n}\r\n\r\n.track, .artist-details label{\r\n a{\r\n color: beige;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.playlist {\r\n width: 78vw;\r\n \r\n\r\n .spinner{\r\n display: none;\r\n }\r\n\r\n .header-container {\r\n height: 4em;\r\n border-bottom: 1px solid grey;\r\n display: flex;\r\n align-items: flex-end;\r\n .header{\r\n margin-left: 10px;\r\n padding-bottom: 10px;\r\n }\r\n }\r\n\r\n .body{\r\n padding: 10px;\r\n height: calc(100vh - 3em - 7em);\r\n overflow-y: auto;\r\n\r\n .playlists-action{\r\n display: flex;\r\n\r\n .create-playlist, .import-export-playlist{\r\n margin-left: 15px;\r\n .create-playlist-btn, .import-export-playlist-btn{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px;\r\n width: 8em;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n /* \"to left\" / \"to right\" - affects initial color */\r\n background: linear-gradient(to left, #AB3C3C 50%, #2B3A69 50%) right;\r\n background-size: 200%;\r\n transition: all 250ms ease-out;\r\n svg{\r\n padding-top: 2px;\r\n cursor: pointer;\r\n }\r\n }\r\n .create-playlist-btn:hover, .import-export-playlist-btn:hover{\r\n background-position: left;\r\n }\r\n }\r\n\r\n .sortby{\r\n padding: 10px;\r\n margin-top: -4px;\r\n }\r\n\r\n }\r\n\r\n .playlist-list{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\r\n grid-row-gap: 15px;\r\n overflow-y: auto;\r\n z-index: 1;\r\n position: relative;\r\n background: #303030;\r\n padding: 20px 10px;\r\n \r\n .playlist-thumb-img-div{\r\n position: relative;\r\n img{\r\n //height: 9em;\r\n //width: 9em;\r\n cursor: pointer;\r\n //border-radius: 20px;\r\n //border-bottom-left-radius: unset;\r\n box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;\r\n }\r\n \r\n }\r\n \r\n .album-thumb-img-div-link{\r\n position: absolute;\r\n height: 9em;\r\n width: 9em;\r\n top: 0;\r\n align-items: center;\r\n display: flex;\r\n justify-content: center;\r\n display: none;\r\n background-color: #eaf0f0;\r\n opacity: 0.2;\r\n color: #093fa3;\r\n cursor: pointer;\r\n \r\n svg{\r\n font-size: 2em;\r\n font-weight: 900;\r\n }\r\n }\r\n \r\n .playlist-thumb-img-div a:hover + .playlist-thumb-img-div-link{\r\n display: flex;\r\n }\r\n \r\n .playlist-thumb-details{\r\n padding-right: 5px;\r\n width: 10em;\r\n cursor: pointer;\r\n \r\n label{\r\n font-size: 15px;\r\n cursor: pointer;\r\n }\r\n \r\n p{\r\n margin-top: 5px;\r\n font-size: 13px;\r\n }\r\n }\r\n \r\n }\r\n }\r\n\r\n .playlist-page{\r\n padding: 0 15px 15px 15px;\r\n .playlist-page-header{\r\n display: flex;\r\n column-gap: 20px;\r\n padding: 15px;\r\n margin: 15px 0;\r\n background-color: #3a3a3a;\r\n border-radius: 5px;\r\n\r\n .playlist-details{\r\n .playlist-name{\r\n padding: 5px;\r\n }\r\n .playlist-actions{\r\n display: flex;\r\n align-items: center;\r\n column-gap: 10px;\r\n margin-top: 15px;\r\n\r\n button{\r\n column-gap: 5px;\r\n }\r\n\r\n .play-all{\r\n padding: 5px;\r\n }\r\n }\r\n }\r\n\r\n .playlist-lyrics{\r\n margin-left: auto;\r\n width: 50%;\r\n }\r\n }\r\n .track-list{\r\n max-height: calc(100vh - 12.5em - 10em);\r\n }\r\n }\r\n\r\n .playlist-img-container{\r\n width: 9em;\r\n height: 9em;\r\n border: 1px solid #494949;\r\n border-radius: 5px;\r\n .playlist-img{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n \r\n img, a{\r\n height: 4.5em;\r\n width: 4.5em;\r\n }\r\n\r\n >img:first-child, a:first-child img{\r\n border-top-left-radius: 5px;\r\n }\r\n >img:nth-child(2), a:nth-child(2) img{\r\n border-top-right-radius: 5px;\r\n }\r\n >img:nth-child(3), a:nth-child(3) img{\r\n border-bottom-left-radius: 5px;\r\n }\r\n >img:last-child, a:last-child img{\r\n border-bottom-right-radius: 5px;\r\n }\r\n }\r\n .playlist-no-img{\r\n img{\r\n width: 9em;\r\n height: 9em;\r\n border-radius: 5px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.import-export-playlist-popup-btns{\r\n display: flex;\r\n column-gap: 20px;\r\n\r\n .import-options{\r\n display: flex;\r\n column-gap: 8em;\r\n input[type=\"file\"]{\r\n width: 0;\r\n }\r\n\r\n input[type=\"file\"]::before{\r\n content: \"\";\r\n position: absolute;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 1.5em;\r\n width: 7em;\r\n padding: 7px;\r\n border-radius: 4px;\r\n border: 1px solid rgb(10, 113, 75);\r\n cursor: pointer;\r\n background-color: transparent;\r\n color: #000;\r\n }\r\n\r\n input[type=\"file\"]:hover::before {\r\n background-color: rgb(10, 113, 75);\r\n color: beige;\r\n }\r\n\r\n input[type=\"file\"].csv::before{\r\n content: \"Import CSV\";\r\n }\r\n\r\n input[type=\"file\"].m3u::before{\r\n content: \"Import m3u\";\r\n }\r\n\r\n input[type=\"file\"].gp::before{\r\n content: \"Import GP\";\r\n }\r\n }\r\n}\r\n\r\na{\r\n color: beige;\r\n text-decoration: none;\r\n cursor: pointer;\r\n}\r\n\r\n.artist-link:hover, .album-track-list .track a:hover, .track label a:hover, a:hover{\r\n color: #dfbd16;\r\n font-weight: 600;\r\n cursor: pointer;\r\n}\r\n\r\n.text-highlighted-y{\r\n color: #dfbd16;\r\n font-weight: 500;\r\n\r\n a{\r\n color: #dfbd16;\r\n font-weight: 500; \r\n }\r\n}\r\n\r\na.disabled-click{\r\n pointer-events: none;\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n color: #363636;\r\n background-color: grey;\r\n}\r\n\r\n.show-lyrics{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n row-gap: 10px;\r\n margin-bottom: 15px;\r\n width: 100%;\r\n height: 100%;\r\n label{\r\n //animation: slideIn 500ms ease-in;\r\n text-align: center;\r\n }\r\n}\r\n\r\n.lyrics{\r\n margin-left: auto;\r\n max-height: 12em;\r\n height: 100%;\r\n min-height: 12em;\r\n width: 100%;\r\n overflow-y: auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n row-gap: 5px;\r\n margin-right: 1.5em;\r\n background: #253434;\r\n box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;\r\n position: relative;\r\n overflow: hidden;\r\n\r\n .show-lyrics-btn-container{\r\n position: absolute;\r\n bottom: 0;\r\n left: 3.5%;\r\n width: 90%;\r\n height: 20%;\r\n\r\n button{\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n .lyrics-written-by-div{\r\n position: absolute;\r\n width: 40%;\r\n bottom: 10px;\r\n right: 10px;\r\n text-align: right;\r\n\r\n /*to show dots if text is too long - start*/\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n /*to show dots if text is too long - end*/\r\n\r\n span{\r\n font-size: 14px;\r\n }\r\n }\r\n\r\n // .lyrics-btn{\r\n // color: beige;\r\n // cursor: pointer;\r\n // padding: 7px 15px;\r\n // border-radius: 8px;\r\n // margin: 5px;\r\n // box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;\r\n // font-size: 14px;\r\n // }\r\n\r\n // .lyrics-btn-add, .lyrics-btn-edit{\r\n // background-color: #0e684b;\r\n // }\r\n\r\n // .lyrics-btn-cancel{\r\n // background-color: #666464;\r\n // }\r\n\r\n // .lyrics-btn-cancel:hover{\r\n // background-color: #777676;\r\n // ;\r\n // padding: 7.3px 15.3px;\r\n // }\r\n\r\n // .lyrics-btn-add:hover, .lyrics-btn-edit:hover{\r\n // background-color: #117e5b;\r\n // padding: 7.3px 15.3px;\r\n // }\r\n\r\n #new_lyrics_ta{\r\n margin-bottom: 7%;\r\n margin-top: 3%;\r\n border-radius: 5px;\r\n background-color: #565454;\r\n color: beige;\r\n resize: none;\r\n height: 100%;\r\n width: 93%;\r\n }\r\n\r\n #new_lyrics_ta_container{\r\n display:flex;\r\n flex-direction:column; \r\n justify-content:center;\r\n align-items:center;\r\n row-gap:10px;\r\n height:100%;\r\n width:100%;\r\n }\r\n\r\n .show-lyrics-song-title{\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n padding: 5px 10px;\r\n font-size: 14px;\r\n display: flex;\r\n align-items: center;\r\n cursor: pointer;\r\n\r\n svg{\r\n font-size: 14px;\r\n padding-top: 2px;\r\n margin-right: 4px;\r\n color: #AB3C3C;\r\n box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;\r\n }\r\n }\r\n\r\n .create-lyrics{\r\n max-height:85%;\r\n overflow-y:auto;\r\n margin-left:20%;\r\n .show-lyrics-btn-container{\r\n row-gap: 5px;\r\n button{\r\n cursor: pointer;\r\n svg{\r\n font-size: 20px;\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .lyrics-ui-expand{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n font-size: 20px;\r\n cursor: pointer;\r\n }\r\n\r\n .lyrics-ui-expand.collapse{\r\n font-size: 23px;\r\n }\r\n}\r\n\r\n.lyrics.lyrics-expanded{\r\n //position: absolute;\r\n max-height: unset;\r\n margin-left: unset;\r\n width: 100%;\r\n height: 100%;\r\n overflow-y: hidden;\r\n\r\n .show-lyrics-btn-container{\r\n height: 10%;\r\n }\r\n\r\n #new_lyrics_ta{\r\n height: 100%;\r\n width: 93%;\r\n }\r\n\r\n .show-lyrics{\r\n width: 100%;\r\n height: 100%;\r\n row-gap: 30px;\r\n }\r\n}\r\n\r\n.album-lyrics:has(.lyrics-expanded),\r\n.screen .genre-page .genre-page-header .genre-lyrics:has(.lyrics-expanded),\r\n.screen .language-page .language-page-header .language-lyrics:has(.lyrics-expanded),\r\n.playlist .playlist-page .playlist-page-header .playlist-lyrics:has(.lyrics-expanded){\r\n position: absolute;\r\n height: 71%;\r\n width: 76%;\r\n z-index: 1000;\r\n}\r\n\r\n.screen .genre-page .genre-page-header .genre-lyrics:has(.lyrics-expanded),\r\n.screen .language-page .language-page-header .language-lyrics:has(.lyrics-expanded),\r\n.playlist .playlist-page .playlist-page-header .playlist-lyrics:has(.lyrics-expanded){\r\n bottom: 6.6em;\r\n width: 76%;\r\n left: 22%;\r\n}\r\n\r\n.playlist .playlist-page .playlist-page-header .playlist-lyrics:has(.lyrics-expanded){\r\n height: 74%;\r\n}\r\n\r\n.library {\r\n width: 78vw;\r\n .header{\r\n margin-left: 10px;\r\n border-bottom: 1px solid grey;\r\n padding-bottom: 10px;\r\n }\r\n\r\n .body{\r\n padding: 2em;\r\n padding-left: 4em;\r\n display: flex;\r\n column-gap: 5%;\r\n row-gap: 2em;\r\n flex-wrap: wrap;\r\n .library-build, .library-list, .library-artist-download{\r\n height: auto;\r\n width: 45%;\r\n border: 1px solid grey;\r\n box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;\r\n border-radius: 5px;\r\n padding: 10px;\r\n position: relative;\r\n h4{\r\n padding-bottom: 10px;\r\n }\r\n\r\n p{\r\n margin-bottom: 5px;\r\n }\r\n\r\n .btn-container{\r\n position: absolute;\r\n bottom: 5px;\r\n width: 100%;\r\n height: 3em;\r\n display: flex;\r\n\r\n .library-btn{\r\n padding: 10px;\r\n background-color: #2B3A69;\r\n border-radius: 5px;\r\n margin-left: auto;\r\n margin-right: 2em;\r\n height: 2.8em;\r\n font-weight: 600;\r\n transition: all 300ms;\r\n }\r\n\r\n .library-btn:hover{\r\n background-color: #364981;\r\n }\r\n }\r\n }\r\n\r\n .library-build{\r\n .status{\r\n margin-top: 10px;\r\n .completed, .running{\r\n label:first-child{\r\n padding-left: 0;\r\n }\r\n label{\r\n font-size: 14px;\r\n padding-left: 10px;\r\n display: block;\r\n line-height: 1.5em;\r\n span{\r\n width: 11em;\r\n display: inline-block;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .library-list{\r\n .content{\r\n p{\r\n padding-bottom: 5px;\r\n }\r\n input{\r\n padding: 8px;\r\n outline: none;\r\n border-radius: 5px;\r\n width: 75%;\r\n border: none;\r\n }\r\n\r\n .input-container{\r\n display: flex;\r\n .library-btn{\r\n padding: 5px;\r\n background-color: #2B3A69;\r\n border-radius: 5px;\r\n margin-left: 20px;\r\n height: 2.2em;\r\n width: 5em;\r\n text-align: center;\r\n font-weight: 600;\r\n transition: all 300ms;\r\n }\r\n }\r\n \r\n }\r\n\r\n .existing-lib-paths{\r\n padding-top: 10px;\r\n padding-left: 2px;\r\n max-height: 8em;\r\n overflow-y: auto;\r\n label{\r\n display: flex;\r\n align-items: center;\r\n flex-direction: row;\r\n padding: 10px 0;\r\n padding-left: 5px;\r\n border-bottom: 1px solid gray;\r\n span{\r\n display: flex;\r\n align-items: center;\r\n svg{\r\n margin: 0 5px;\r\n padding-top: 2px\r\n }\r\n }\r\n >svg{\r\n margin-left: auto;\r\n font-size: 20px;\r\n margin-right: 10px;\r\n color: rgb(181 51 51 / 86%);\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .library-artist-download{\r\n height: 7em;\r\n }\r\n }\r\n}\r\n\r\n.sidebar{\r\n padding-top: 3em;\r\n opacity: 0.9;\r\n\r\n .row, .search-row{\r\n padding: 10px 5px 10px 10px;\r\n background-color: #AB3C3C;\r\n cursor: pointer;\r\n\r\n label{\r\n font-size: 18px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n\r\n .icon{\r\n padding-top: 6px;\r\n margin-right: 5px;\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n\r\n //.row:hover{\r\n //border-bottom: 1px solid gray;\r\n //border-top: 1px solid gray;\r\n //opacity: 0.8;\r\n //background-color: #54545485;\r\n // }\r\n\r\n .sidebar-slected-row{\r\n border-left: 3px solid #dfbd16;\r\n border-right: 3px solid #dfbd16;\r\n opacity: 0.7;\r\n background-color: #54545485;\r\n\r\n a:hover{\r\n color: beige;\r\n }\r\n }\r\n\r\n .search-row{\r\n .search-container{\r\n padding-left: 5px;\r\n position: relative;\r\n .search-input{\r\n padding: 8px;\r\n outline: none;\r\n border-radius: 4px;\r\n width: 96%;\r\n border: none;\r\n color: beige;\r\n background-color: #3030308f;\r\n }\r\n\r\n svg{\r\n position: absolute;\r\n right: 6%;\r\n top: 15%;\r\n font-size: 22px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.search{\r\n width: 78vw;\r\n .header{\r\n margin-left: 10px;\r\n border-bottom: 1px solid grey;\r\n padding-bottom: 10px;\r\n }\r\n\r\n .body{\r\n max-height: 78vh;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n padding: 10px;\r\n\r\n h3{\r\n padding: 10px 0 0 10px;\r\n }\r\n\r\n .search-result-albums{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\r\n grid-row-gap: 15px;\r\n //max-height: 72vh;\r\n overflow-y: auto;\r\n z-index: 1;\r\n position: relative;\r\n background: #303030;\r\n padding: 10px;\r\n \r\n .album-artist-thumb{\r\n width: 10em;\r\n }\r\n \r\n .album-thumb-img-div{\r\n position: relative;\r\n img{\r\n height: 9em;\r\n width: 9em;\r\n cursor: pointer;\r\n border-radius: 20px;\r\n border-bottom-left-radius: unset;\r\n box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;\r\n }\r\n \r\n }\r\n \r\n .album-thumb-img-div-link{\r\n position: absolute;\r\n height: 9em;\r\n width: 9em;\r\n top: 0;\r\n align-items: center;\r\n display: flex;\r\n justify-content: center;\r\n display: none;\r\n background-color: #eaf0f0;\r\n opacity: 0.2;\r\n color: #093fa3;\r\n cursor: pointer;\r\n \r\n svg{\r\n font-size: 2em;\r\n font-weight: 900;\r\n }\r\n }\r\n \r\n .album-thumb-img-div a:hover + .album-thumb-img-div-link{\r\n display: flex;\r\n }\r\n \r\n .album-thumb-details{\r\n padding-right: 5px;\r\n width: 10em;\r\n display: flex;\r\n flex-direction: column;\r\n \r\n label{\r\n font-size: 15px;\r\n }\r\n \r\n p{\r\n margin-top: 5px;\r\n font-size: 13px;\r\n }\r\n }\r\n \r\n }\r\n \r\n .search-result-artists-list{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\r\n grid-row-gap: 15px;\r\n //max-height: 73vh;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n padding: 10px;\r\n \r\n .artist-thumb{\r\n width: 10em;\r\n }\r\n \r\n .artist-thumb-img-div{\r\n position: relative;\r\n img{\r\n height: 9em;\r\n width: 9em;\r\n cursor: pointer;\r\n border-radius: 15px;\r\n border-bottom-left-radius: unset;\r\n box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;\r\n }\r\n }\r\n \r\n .artist-thumb-details{\r\n width: 13em;\r\n max-width: 11em;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .track-count{\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n\r\n .search-result-album-artists-list{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\r\n grid-row-gap: 15px;\r\n //max-height: 73vh;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n padding: 10px;\r\n \r\n .album-artist-thumb-img-div{\r\n position: relative;\r\n img{\r\n height: 9em;\r\n width: 9em;\r\n cursor: pointer;\r\n border-radius: 15px;\r\n border-bottom-left-radius: unset;\r\n box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;\r\n }\r\n }\r\n \r\n .album-artist-thumb-details{\r\n width: 13em;\r\n max-width: 11em;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .album-count{\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n\r\n .search-result-track-list{\r\n //max-height: 17.1em;\r\n overflow-y: auto;\r\n padding: 10px 10px 0 0px;\r\n overflow-x: hidden;\r\n \r\n .track{\r\n min-height: 3em;\r\n display: grid;\r\n grid-template-columns: 1fr 5fr 4fr 5fr 1fr 2fr 1fr 1fr;\r\n align-items: center;\r\n background-color: #3a3a3a;\r\n margin: 3px 2px;\r\n \r\n label{\r\n padding: 0 5px;\r\n border-right:2px solid #303030;\r\n \r\n }\r\n \r\n :first-child:hover{\r\n \r\n font-size: 17px;\r\n }\r\n }\r\n \r\n .track:hover{\r\n background-color: #4d4d4d;\r\n padding: 1px;\r\n }\r\n \r\n .text-highlighted-y{\r\n color: #dfbd16;\r\n font-weight: 500;\r\n\r\n a{\r\n color: #dfbd16;\r\n font-weight: 500; \r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.recent-plays{\r\n width: 78vw;\r\n height: calc(100vh - 6em);\r\n padding: 15px;\r\n\r\n .spinner{\r\n display: none;\r\n }\r\n\r\n .header-container{\r\n height: 4em;\r\n .header{\r\n //margin-left: 10px;\r\n border-bottom: 1px solid grey;\r\n padding-bottom: 10px;\r\n }\r\n }\r\n\r\n .body{\r\n max-height: calc(100vh - 6em - 5em);\r\n overflow-y: auto;\r\n\r\n .albums{\r\n .album-group{\r\n // display: grid;\r\n // grid-template-columns: 1fr 1fr;\r\n display: flex;\r\n column-gap: 50px;\r\n\r\n .album-grouped-list{\r\n\r\n .album-thumbs-grouped{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n column-gap: 0;\r\n border-radius: 35%;\r\n overflow: hidden;\r\n margin-left: 10px;\r\n \r\n .album-thumb-img-div{\r\n img{\r\n height: 9em;\r\n width: 9em;\r\n }\r\n }\r\n }\r\n }\r\n \r\n .albums{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n //grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\r\n grid-row-gap: 35px;\r\n //max-height: 72vh;\r\n overflow-y: auto;\r\n z-index: 1;\r\n position: relative;\r\n background: #303030;\r\n padding: 10px;\r\n \r\n .album-artist-thumb{\r\n width: 10em;\r\n }\r\n \r\n .album-thumb-img-div{\r\n position: relative;\r\n img{\r\n height: 9em;\r\n width: 9em;\r\n cursor: pointer;\r\n border-radius: 20px;\r\n border-bottom-left-radius: unset;\r\n box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;\r\n }\r\n }\r\n \r\n .album-thumb-img-div-link{\r\n position: absolute;\r\n height: 9em;\r\n width: 9em;\r\n top: 0;\r\n align-items: center;\r\n display: flex;\r\n justify-content: center;\r\n display: none;\r\n background-color: #eaf0f0;\r\n opacity: 0.2;\r\n color: #093fa3;\r\n cursor: pointer;\r\n \r\n svg{\r\n font-size: 2em;\r\n font-weight: 900;\r\n }\r\n }\r\n \r\n .album-thumb-img-div a:hover + .album-thumb-img-div-link{\r\n display: flex;\r\n }\r\n \r\n .album-thumb-details{\r\n padding-right: 5px;\r\n width: 10em;\r\n display: flex;\r\n flex-direction: column;\r\n \r\n label{\r\n font-size: 15px;\r\n }\r\n \r\n p{\r\n margin-top: 5px;\r\n font-size: 13px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n h3{\r\n padding-left: 10px;\r\n margin-top: 10px;\r\n width: 100%;\r\n }\r\n }\r\n // .track-list{\r\n // max-height: unset;\r\n // .track{\r\n // //grid-template-columns: 1fr 5fr 4fr 5fr 1fr 2fr 1fr; // when tracknumber/serial number shown\r\n // grid-template-columns: 5fr 4fr 5fr 1fr 2fr 1fr 1fr; // when tracknumber/serial number hidden\r\n // }\r\n // }\r\n }\r\n\r\n\r\n}\r\n\r\n.filter-component{\r\n margin-left:auto;\r\n width:30%;\r\n position:relative;\r\n margin-bottom: 5px;\r\n\r\n .filter-input-field{\r\n padding:8px;\r\n border-radius:2px;\r\n outline:none;\r\n border:none;\r\n width:90%;\r\n }\r\n\r\n .filter-close-icon{\r\n position:absolute;\r\n font-size:20px;\r\n right:10%;\r\n top: 15%;\r\n color: #303030;\r\n cursor: pointer;\r\n }\r\n\r\n .filter-close-icon:hover{\r\n color: #616060;\r\n }\r\n}\r\n\r\n.track-menu-btn-div{\r\n .track-menu-btn-circle{\r\n position: absolute;\r\n top: -15px;\r\n left: 15px;\r\n //background-color: rgb(83, 83, 83);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n \r\n height: 30px;\r\n width: 30px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n svg{\r\n margin-top: 5px;\r\n }\r\n }\r\n\r\n .track-menu-btn-circle:hover{\r\n border: 1px solid lightgrey;\r\n background-color: #000;\r\n }\r\n}\r\n\r\n.thumb-action-btn-div{\r\n position: relative;\r\n z-index: 1;\r\n .thumb-action-btn-circle{\r\n position: absolute;\r\n bottom: 0px;\r\n left: 0;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n border: 1px solid lightgrey;\r\n height: 30px;\r\n width: 30px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .thumb-action-btn-circle:hover{\r\n border: 1px solid white;\r\n background-color: #000;\r\n }\r\n}\r\n\r\n.gp-context-menu{\r\n position: absolute;\r\n width: 190px;\r\n background-color:#2b2b2b;\r\n border:1px solid grey;\r\n border-radius:4px;\r\n z-index:1001;\r\n animation: gpContextSlideDown 300ms ease-in-out 1;\r\n transition: all 300ms;\r\n .row{\r\n height: 40px;\r\n padding: 8px;\r\n cursor: pointer;\r\n border-bottom:1px solid grey;\r\n label{\r\n cursor: pointer;\r\n }\r\n\r\n svg.icon:hover + label, label:hover{\r\n font-size: 17px;\r\n }\r\n\r\n svg.icon{\r\n float: right;\r\n font-size: 22px;\r\n }\r\n\r\n label:hover + svg.icon{\r\n font-size: 23px;\r\n }\r\n }\r\n\r\n @keyframes gpContextSlideDown {\r\n 0%{\r\n transform: translateY(-20%);\r\n }\r\n\r\n 100%{\r\n transform: translateY(0%);\r\n }\r\n }\r\n}\r\n\r\n.playlist-selector{\r\n position: absolute;\r\n background-color: #2b2b2b;\r\n border: 1px solid grey;\r\n border-radius: 4px;\r\n z-index: 1000;\r\n animation: gpContextSlideDown 300ms ease-in-out 1;\r\n transition: all 300ms;\r\n max-height: 160px;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n .row {\r\n padding: 5px;\r\n padding-left: 10px;\r\n border-bottom: 1px solid grey;\r\n cursor: pointer;\r\n\r\n label{\r\n cursor: pointer;\r\n }\r\n }\r\n \r\n}\r\n\r\n.playlist-selector-v2{\r\n display: flex;\r\n flex-wrap: wrap;\r\n column-gap: 20px;\r\n row-gap: 10px;\r\n justify-content: space-between;\r\n padding: 0 5px;\r\n\r\n .row{\r\n border: 1px solid;\r\n padding: 5px;\r\n border-radius: 4px;\r\n width: 10em;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n text-align: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n label{\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n // .row:hover{\r\n // text-wrap: unset;\r\n // }\r\n\r\n .row.selected{\r\n background-color: #0e684b;\r\n color: beige;\r\n }\r\n}\r\n\r\n\r\n\r\n.playlist-selector::-webkit-scrollbar{\r\n width: 5px;\r\n}\r\n\r\n.playlist-selector::-webkit-scrollbar-track{\r\n margin: 3px 0;\r\n}\r\n\r\n.disable-div{\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 1000;\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: #e1e1e11c;\r\n opacity: 0.5;\r\n}\r\n\r\n.common-popup{\r\n position: absolute;\r\n top: -15vh;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n justify-content: center;\r\n align-items: center;\r\n \r\n\r\n .popup-container{\r\n position: relative;\r\n width: 40%;\r\n border-radius: 10px;\r\n z-index: 1002;\r\n background-color: #fff;\r\n\r\n .popup-header{\r\n padding: 20px 25px;\r\n border-bottom: 1px solid #dee2e6;\r\n .label{\r\n color: #393939;\r\n font-weight: bold;\r\n font-size: 16px;\r\n \r\n }\r\n .close{\r\n position: absolute;\r\n right: 0.7em;\r\n top: 15px;\r\n height: 5px;\r\n color: #000;\r\n background: none;\r\n border: none;\r\n font-size: 26px;\r\n cursor: pointer; \r\n }\r\n\r\n .close:hover{\r\n color: rgb(145, 18, 18);\r\n }\r\n }\r\n\r\n .popup-body{\r\n padding: 25px 25px 10px 25px;\r\n color: #000;\r\n .plalist-name{\r\n width: 70%;\r\n padding: 15px;\r\n border-radius: 8px;\r\n outline: none;\r\n border: 1px solid lightgray;\r\n font-size: 16px;\r\n }\r\n\r\n input.input{\r\n padding: 15px;\r\n border: 1px solid lightgray;\r\n outline: none;\r\n border-radius: 8px;\r\n width: 70%;\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n .popup-footer{\r\n padding: 20px 25px;\r\n .buttons{\r\n float: right;\r\n display: flex;\r\n column-gap: 15px;\r\n button{\r\n width: 7em;\r\n padding: 7px;\r\n border-radius: 4px;\r\n outline: none;\r\n border: none;\r\n cursor: pointer;\r\n background-color: transparent;\r\n color: #000;\r\n }\r\n\r\n .popup-btn-primary{\r\n border: 1px solid rgb(10, 113, 75);\r\n }\r\n\r\n .popup-btn-primary:hover{\r\n background: rgb(10, 113, 75);\r\n color: beige;\r\n }\r\n\r\n .popup-btn-secondary{\r\n background-color: #fff;\r\n color: #000;\r\n border: 1px solid grey;\r\n }\r\n\r\n .popup-btn-secondary:hover{\r\n background-color: #68666623;\r\n }\r\n\r\n .popup-btn-primary.remove{\r\n border: 1px solid rgb(208, 36, 36);\r\n }\r\n\r\n .popup-btn-primary.remove:hover{\r\n background-color: rgb(146, 27, 27);\r\n color: #fff;\r\n }\r\n\r\n .popup-btn-primary.rename{\r\n border: 1px solid #17a2b8;\r\n }\r\n\r\n .popup-btn-primary.rename:hover{\r\n background-color: #17a2b8;\r\n }\r\n\r\n }\r\n }\r\n animation: popupZoomIn 250ms ease-in-out 1;\r\n }\r\n\r\n @keyframes popupSlideIn{\r\n 0%{\r\n transform: translateY(-100px);\r\n }\r\n\r\n 80%{\r\n transform: translateY(10px);\r\n }\r\n \r\n 100%{\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes popupZoomIn{\r\n 0%{\r\n transform: scale(0.1);\r\n }\r\n\r\n 100%{\r\n transform: scale(1);\r\n }\r\n }\r\n}\r\n\r\n.status-message{\r\n position: fixed;\r\n min-height: 3em;\r\n width: 31em;\r\n background: #000;\r\n right: 1em;\r\n bottom: 6em;\r\n z-index: 10;\r\n border-radius: 2px;\r\n padding: 10px 15px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n animation: statusMessageSlideIn 400ms ease-in-out 1;\r\n\r\n .close{\r\n cursor: pointer;\r\n }\r\n\r\n @keyframes statusMessageSlideIn{\r\n 0%{\r\n transform: translateX(31em);\r\n }\r\n\r\n 100%{\r\n transform: translateX(0);\r\n }\r\n }\r\n}\r\n\r\n.metadata-popup{\r\n position: absolute;\r\n top: 6%;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n height: auto;\r\n //align-items: center;\r\n padding: 10px;\r\n border-radius: 5px;\r\n z-index: 1000;\r\n\r\n .edit-album-info.edit-info{\r\n width: 40%;\r\n\r\n .album-details{\r\n max-height: 70vh;\r\n overflow-y: auto;\r\n \r\n .album-track-details{\r\n .header, .body{\r\n display: grid;\r\n grid-template-columns: 1fr 4fr 4fr;\r\n row-gap: 10px;\r\n column-gap: 5px;\r\n input{\r\n width: 90%;\r\n }\r\n }\r\n\r\n .body.multi-lingual{\r\n grid-template-columns: 1fr 4fr 4fr 3fr;\r\n }\r\n }\r\n }\r\n\r\n .album-details::-webkit-scrollbar {\r\n width: 5px;\r\n height: 6px;\r\n }\r\n }\r\n\r\n .edit-info{\r\n padding: 10px;\r\n background-color: #202020;\r\n position: relative;\r\n width: 60%;\r\n border-radius: 10px;\r\n z-index: 1002;\r\n animation: slideIn 350ms ease-in-out 1;\r\n\r\n .header{\r\n border-bottom: 1px solid grey;\r\n padding-bottom: 10px;\r\n .close{\r\n position: absolute;\r\n right: 0.3em;\r\n top: 5px;\r\n height: 5px;\r\n color: beige;\r\n background: none;\r\n border: none;\r\n font-size: 20px;\r\n cursor: pointer;\r\n }\r\n \r\n .close:hover{\r\n color: rgb(145, 18, 18);\r\n }\r\n }\r\n\r\n .body{\r\n .track-details, .album-details{\r\n padding: 5px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n column-gap: 3em;\r\n row-gap: 15px;\r\n .row{\r\n display: flex;\r\n flex-direction: column;\r\n row-gap: 5px;\r\n input{\r\n padding: 10px;\r\n border-radius: 5px;\r\n outline: none;\r\n background-color: #303030;\r\n border: none;\r\n color: beige;\r\n }\r\n }\r\n\r\n .row.song-path{\r\n grid-column: span 2;\r\n display: flex;\r\n flex-direction: row;\r\n column-gap: 10px;\r\n }\r\n }\r\n }\r\n\r\n .footer{\r\n .buttons{\r\n float: right;\r\n column-gap: 15px;\r\n display: flex;\r\n margin-top: 10px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n//GLobal components styling - start\r\n\r\n.font-size-20{\r\n font-size: 20px;\r\n}\r\n\r\n.font-size-18{\r\n font-size: 18px;\r\n}\r\n\r\n.font-size-16{\r\n font-size: 16px;\r\n}\r\n\r\n//buttons\r\n.g-btn{\r\n border-radius: 4px;\r\n border: none;\r\n cursor: pointer;\r\n background-color: transparent;\r\n color: #000;\r\n \r\n}\r\n\r\n.g-btn.xl{\r\n width: 11em;\r\n padding: 7px;\r\n}\r\n\r\n.g-btn.lg{\r\n width: 9em;\r\n padding: 7px;\r\n}\r\n\r\n.g-btn.md{\r\n width: 7em;\r\n padding: 7px;\r\n}\r\n\r\n.g-btn.sm{\r\n width: 5em;\r\n padding: 5px;\r\n}\r\n\r\n.g-btn.xs{\r\n width: 2.5em;\r\n padding: 5px;\r\n}\r\n\r\n.g-btn.success{\r\n border: 1px solid rgb(10, 113, 75);\r\n}\r\n\r\n.g-btn.success:hover{\r\n background-color: rgb(10, 113, 75);\r\n}\r\n\r\n.g-btn.info{\r\n border: 1px solid #17a2b8;\r\n}\r\n\r\n.g-btn.info:hover{\r\n background-color: #17a2b8;\r\n}\r\n\r\n.g-btn.cancel{\r\n border: 1px solid grey;\r\n}\r\n\r\n.g-btn.cancel:hover{\r\n background-color: grey;\r\n opacity: 0.5;\r\n}\r\n\r\n.g-btn.violet{\r\n border: 1px solid #560c53;\r\n}\r\n\r\n.g-btn.violet:hover, .g-btn.violet.bg{\r\n background-color: #560c53;\r\n}\r\n\r\n.g-btn.red{\r\n border: 1px solid #921b1b;\r\n}\r\n\r\n.g-btn.red:hover,.g-btn.red.bg{\r\n background-color: #921b1b;\r\n}\r\n\r\n.g-btn.cyan{\r\n border: 1px solid #17a2b8;\r\n}\r\n\r\n.g-btn.cyan:hover,.g-btn.cyan.bg{\r\n background-color: #17a2b8;\r\n}\r\n\r\n.g-btn:hover{\r\n color: beige;\r\n}\r\n\r\n.g-btn.beige{\r\n color: beige;\r\n}\r\n\r\n.g-btn.red1{\r\n color: #921b1b;\r\n}\r\n\r\n.g-btn.red1:hover{\r\n color: beige;\r\n}\r\n\r\n.g-btn.beige-border{\r\n border: 1px solid beige;\r\n}\r\n\r\n.gp-select{\r\n padding: 7px;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.text-overflow-ellipsis{\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.text-overflow-ellipsis > *:hover, .text-overflow-ellipsis:hover {\r\n white-space: normal;\r\n text-overflow: unset;\r\n overflow: unset;\r\n}\r\n\r\n//Custom checkbox\r\n.custom-checkbox{\r\n appearance: none;\r\n padding: 0 !important;\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n\r\n.custom-checkbox::before{\r\n content: \"\";\r\n width: 25px;\r\n height: 25px;\r\n border: 1px solid beige;\r\n display: block;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.custom-checkbox:checked::after{\r\n content: \"\";\r\n border-right: 5px solid green;\r\n border-bottom: 5px solid green;\r\n transform: rotateZ(45deg);\r\n width: 8px;\r\n height: 15px;\r\n position: absolute;\r\n top: 0;\r\n left: 6px;\r\n cursor: pointer;\r\n}\r\n\r\n//common classes - start\r\n.flexbox{\r\n display: flex;\r\n}\r\n\r\n.flexbox-center{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n//common classes - end\r\n//GLobal components styling - end\r\n\r\n\r\n//Keyframes\r\n@keyframes slideIn {\r\n 0%{\r\n transform: translateY(-100px);\r\n }\r\n // 25%{\r\n // transform: translateY(-75px);\r\n // }\r\n 100%{\r\n transform: translateY(0px);\r\n }\r\n \r\n}\r\n\r\n\r\n/*Custom Scrollbar*/\r\n/* width */\r\n::-webkit-scrollbar {\r\n width: 15px;\r\n height: 6px;\r\n }\r\n \r\n /* Track */\r\n ::-webkit-scrollbar-track {\r\n background: #f1f1f1; \r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n }\r\n \r\n /* Handle */\r\n ::-webkit-scrollbar-thumb {\r\n background: #888; \r\n }\r\n \r\n /* Handle on hover */\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: #555; \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n.spinner{\r\n position: fixed;\r\n top: 35%;\r\n left: 45%;\r\n opacity: 0.3;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 300px;\r\n height: 300px;\r\n font-size: 2rem;\r\n overflow: hidden;\r\n\tanimation: text_color 2s ease-in-out infinite;\r\n}\r\n\r\n.spinner.sm{\r\n left: unset;\r\n top: unset;\r\n height: 2.5em;\r\n width: 2.5em;\r\n opacity: 0.5;\r\n position: relative;\r\n}\r\n\r\n.spinner .text.sm{\r\n font-size: 14px;\r\n counter-reset: grey;\r\n}\r\n\r\n.spinner-sector{\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 50%;\r\n border: 15px solid transparent;\r\n mix-blend-mode: overlay;\r\n animation: rotate var(--duration) var(--timing) infinite;\r\n}\r\n\r\n.spinner-sector.sm{\r\n border: 8px solid transparent;\r\n}\r\n\r\n.spinner-sector-red{\r\n border-top-color: lightcoral !important;\r\n --duration:1.5s;\r\n --timing:ease-in-out;\r\n}\r\n\r\n.spinner-sector-blue{\r\n border-left-color: lightblue !important;\r\n --duration:2s;\r\n --timing:ease-in;\r\n}\r\n\r\n.spinner-sector-green{\r\n border-right-color: lightgreen !important;\r\n --duration:2.5s;\r\n --timing:ease-out;\r\n}\r\n\r\n@keyframes rotate{\r\n 0%{\r\n transform: rotate(0);\r\n }\r\n\r\n 100%{\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n@keyframes text_color{\r\n 0%,100%{\r\n //color: rgba(0, 0, 0, 1);\r\n color: beige;\r\n }\r\n 25%,75%{\r\n // color: rgba(0, 0, 0, .5);\r\n color: rgb(117, 117, 107);\r\n }\r\n 50%{\r\n // color: rgba(0, 0, 0, .1);\r\n color: rgb(199, 199, 182);\r\n }\r\n}\r\n\r\n.no-display{\r\n display: none;\r\n}\r\n\r\n.rotate-player-button{\r\n animation: rotate80deg 3200ms ease-in-out infinite;\r\n}\r\n\r\n@keyframes rotate80deg {\r\n 0%{\r\n transform: rotateZ(0deg);\r\n }\r\n 20%{\r\n transform: rotateZ(80deg);\r\n }\r\n 40%{\r\n transform: rotateZ(160deg);\r\n }\r\n 60%{\r\n transform: rotateZ(240deg);\r\n }\r\n 80%{\r\n transform: rotateZ(320deg);\r\n }\r\n 100%{\r\n transform: rotateZ(0deg);\r\n }\r\n}\r\n\r\n.opacity-player-console{\r\n animation: opacityRound 1500ms ease-in-out infinite;\r\n}\r\n\r\n@keyframes opacityRound {\r\n 0%{\r\n opacity: 1;\r\n }\r\n 15%{\r\n opacity: 0.9;\r\n }\r\n 30%{\r\n opacity: 0.8;\r\n }\r\n 45%{\r\n opacity: 0.6;\r\n }\r\n 60%{\r\n opacity: 0.6;\r\n }\r\n 75%{\r\n opacity: 0.6;\r\n }\r\n 90%{\r\n opacity: 0.9;\r\n }\r\n 100%{\r\n opacity: 1;\r\n }\r\n}\r\n\r\n@keyframes song-playing {\r\n 0%{\r\n font-size: 14px;\r\n }\r\n 50%{\r\n font-size: 20px;\r\n }\r\n 100%{\r\n font-size: 14px;\r\n }\r\n}\r\n\r\n.mobile-only-block, .mobile-only-flex{\r\n display: none;\r\n}\r\n\r\n.flex-align-center{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.flex-align-center-100{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n}\r\n\r\n.grid-column-span-2{\r\n grid-column: span 2;\r\n}\r\n\r\n.flex-direction-row{\r\n display: flex;\r\n flex-direction: row;\r\n}\r\n\r\n.column-gap-5{\r\n column-gap: 5px;\r\n}\r\n\r\n\r\n\r\n/**Tablet view**/\r\n@media only screen and (min-device-width: 768px ) and (max-width: 1280px){\r\n .screen .albums, .screen .album-artist-albums{\r\n grid-template-columns: 1fr 1fr 1fr 1fr;\r\n }\r\n\r\n .screen .music .artists-list, .screen .music .albums-list,\r\n .screen .music .album-artists-list{\r\n grid-template-columns: 1fr 1fr 1fr;\r\n overflow-x: hidden;\r\n }\r\n\r\n .screen .music .statisticts{\r\n height: auto;\r\n }\r\n\r\n .recent-plays .body .albums .album-group .albums{\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .recent-plays .body .albums .album-group{\r\n column-gap: 20px;\r\n }\r\n\r\n .recent-plays .body .albums .album-group .albums .album-thumb:nth-child(3),\r\n .recent-plays .body .albums .album-group .albums .album-thumb:nth-child(4),\r\n .recent-plays .body .albums .album-group .albums .album-thumb:nth-child(5),\r\n .recent-plays .body .albums .album-group .albums .album-thumb:nth-child(6){\r\n display: none;\r\n }\r\n}\r\n\r\n/**Mobile view**/\r\n@media only screen and (max-device-width: 768px ){\r\n .app-container{\r\n display: block;\r\n .app-heading{\r\n position: relative;\r\n padding-left: 5px;\r\n vertical-align: baseline;\r\n img{\r\n margin-right: 10px;\r\n }\r\n }\r\n .main-container{\r\n width: 100vw;\r\n height: 95%;\r\n }\r\n }\r\n .header-container{\r\n .header{\r\n display: flex;\r\n align-items: end;\r\n column-gap: 10px;\r\n div{\r\n svg{\r\n font-size: 30px;\r\n }\r\n }\r\n }\r\n }\r\n .sidebar{\r\n //display: none;\r\n // display: block;\r\n position: absolute;\r\n z-index: 1000;\r\n width: 0;\r\n height: calc(100vh - 7.5em);\r\n opacity: 1;\r\n padding-top: 0;\r\n transition: width 300ms ease-in-out;\r\n \r\n .row{\r\n label{\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n .row.ham-burger-hide-row{\r\n padding: 5px 10px;\r\n height: 30px;\r\n svg{\r\n font-size: 30px;\r\n display: none;\r\n float: right;\r\n }\r\n }\r\n\r\n .search-row{\r\n padding: 20px 0px;\r\n }\r\n\r\n div{\r\n display: none;\r\n }\r\n }\r\n\r\n .sidebar.show-mobile-sidebar{\r\n width: 50%;\r\n div{\r\n display: block;\r\n }\r\n }\r\n\r\n .screen{\r\n width: 100vw;\r\n\r\n .header-container{\r\n .header{\r\n margin-left: 5px;\r\n }\r\n .group-band::-webkit-scrollbar{\r\n height: 0;\r\n }\r\n .group-band{\r\n overflow-x: auto;\r\n margin-left: 0;\r\n\r\n .album_artists-band{\r\n a{\r\n width: 8em;\r\n display: block;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .music{\r\n h3{\r\n padding: 5px;\r\n }\r\n .artists-list{\r\n grid-template-columns: 1fr 1fr 1fr;\r\n column-gap: 10px;\r\n .artist-thumb{\r\n width: 6em;\r\n .artist-thumb-img-div img{\r\n height: 5em;\r\n width: 5em;\r\n }\r\n .artist-thumb-details{\r\n max-width: 6em;\r\n word-break: break-all;\r\n }\r\n }\r\n .artist-thumb:nth-child(4), .artist-thumb:nth-child(5){\r\n display: none;\r\n }\r\n }\r\n .albums-list{\r\n grid-template-columns: 1fr 1fr 1fr;\r\n .album-thumb{\r\n max-width: 6em;\r\n .album-thumb-img-div img{\r\n width: 5em;\r\n height: 5em;\r\n\r\n \r\n }\r\n .album-thumb-details{\r\n max-width: 6em;\r\n word-break: break-all;\r\n }\r\n }\r\n }\r\n .albums-list .album-thumb:nth-child(4), .albums-list .album-thumb:nth-child(5){\r\n display: none;\r\n }\r\n .album-artists-list{\r\n grid-template-columns: 1fr 1fr 1fr;\r\n .album-artist-thumb{\r\n max-width: 6em;\r\n .album-artist-thumb-img-div img{\r\n width: 5em;\r\n height: 5em;\r\n }\r\n .album-artist-thumb-details{\r\n max-width: 6em;\r\n word-break: break-all;\r\n }\r\n }\r\n }\r\n .album-artists-list .album-artist-thumb:nth-child(4), .album-artists-list .album-artist-thumb:nth-child(5){\r\n display: none;\r\n }\r\n .statisticts{\r\n height: auto;\r\n width: 91.5%;\r\n margin: 15px;\r\n .groups .group h1{\r\n font-size: 18px;\r\n }\r\n .groups .group h2{\r\n font-size: 16px;\r\n }\r\n }\r\n }\r\n\r\n .order-container{\r\n margin-left: 5px;\r\n }\r\n\r\n .lKey-line{\r\n margin-left: 5px;\r\n max-width: 97vw;\r\n }\r\n\r\n .track-list {\r\n padding-left: 0;\r\n .track{\r\n margin: 6px 2px;\r\n grid-template-columns:1fr 8fr;\r\n label{\r\n display: none;\r\n }\r\n label:first-child,label:nth-child(2){\r\n display: block;\r\n }\r\n .track-title-artist{\r\n font-size: 11px;\r\n margin-top: 5px;\r\n }\r\n }\r\n .track.text-highlighted-y{\r\n grid-template-columns: 1fr 8fr;\r\n .song-playing-icon-label {\r\n text-align: center;\r\n .faplay{\r\n animation: song-playing 1.5s ease-in-out infinite;\r\n }\r\n }\r\n label{\r\n border-right: none;\r\n }\r\n }\r\n }\r\n .albums{\r\n grid-template-columns: 1fr 1fr 1fr;\r\n .album-lKey{\r\n grid-column: span 3;\r\n }\r\n .album-thumb{\r\n width: 6em;\r\n .album-thumb-img-div img{\r\n width: 5em;\r\n height: 5em;\r\n }\r\n .album-thumb-details{\r\n width: 6em;\r\n word-break: break-all;\r\n }\r\n }\r\n }\r\n .album{\r\n .album-img-div-container{\r\n grid-template-columns: 2fr 4fr;\r\n .album-img-div img{\r\n width: 6em;\r\n height: 6em;\r\n }\r\n .album-details{\r\n a{\r\n margin: 10px 0 5px 0;\r\n }\r\n }\r\n .album-lyrics{\r\n display: none;\r\n }\r\n }\r\n // .album-track-list{\r\n // max-height: calc(100vh - 20.5em);\r\n // .track {\r\n // margin: 6px 2px;\r\n // grid-template-columns: 1fr 12fr;\r\n // label {\r\n // display: none;\r\n // pointer-events: none;\r\n // }\r\n // label:first-child, label:nth-child(2) {\r\n // display: block;\r\n // pointer-events: all;\r\n // }\r\n // .track-title-artist {\r\n // font-size: 11px;\r\n // margin-top: 5px;\r\n // }\r\n // }\r\n // .track.text-highlighted-y{\r\n // grid-template-columns: 1fr 12fr 2fr;\r\n // .song-playing-icon-label {\r\n // text-align: center;\r\n // .faplay{\r\n // animation: song-playing 1.5s ease-in-out infinite;\r\n // }\r\n // }\r\n // label:nth-child(2){\r\n // border-right: none;\r\n // }\r\n // }\r\n // }\r\n\r\n }\r\n .album-artists-list{\r\n grid-template-columns: 1fr 1fr 1fr;\r\n .album-artists-lKey{\r\n grid-column: span 3;\r\n }\r\n .album-artist-thumb-img-div img{\r\n width: 5em;\r\n height: 5em;\r\n }\r\n .album-artist-thumb-details{\r\n width: 6em;\r\n }\r\n }\r\n .album-artist{\r\n .album-artist-img-div-container{\r\n column-gap: 20px;\r\n max-height: 10em;\r\n .album-artist-details{\r\n .album-artist-wiki-summary{\r\n max-height: 7.5em;\r\n width: 100%;\r\n }\r\n }\r\n }\r\n .album-artist-albums{\r\n grid-template-columns: 1fr 1fr 1fr;\r\n padding: 10px 0;\r\n .album-thumb{\r\n .album-thumb-img-div img{\r\n width: 5em;\r\n height: 5em;\r\n }\r\n .album-thumb-details{\r\n width: 6em;\r\n word-break: break-all;\r\n }\r\n }\r\n }\r\n }\r\n .artists-list{\r\n grid-template-columns: 1fr 1fr 1fr;\r\n .artists-lKey{\r\n grid-column: span 3;\r\n }\r\n .artist-thumb{\r\n width: 6em;\r\n .artist-thumb-img-div img{\r\n width: 5em;\r\n height: 5em;\r\n }\r\n .artist-thumb-details{\r\n width: 6em;\r\n word-break: break-all;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .player{\r\n .player-container{\r\n grid-template-columns: 12fr 2fr;\r\n width: 100vw;\r\n .song-info{\r\n .song-info-title{\r\n margin-top: 0;\r\n\r\n p:first-child{\r\n font-size: 16px;\r\n }\r\n p:last-child{\r\n font-size: 10px;\r\n }\r\n }\r\n }\r\n .player-controls{\r\n display: none;\r\n }\r\n .other-actions{\r\n display: none;\r\n }\r\n .mobile-play-btn{\r\n .play{\r\n margin: 0;\r\n .play-button{\r\n height: 2em;\r\n width: 2em;\r\n svg{\r\n font-size: 1em;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .spinner{\r\n left: 20%;\r\n top: 40%;\r\n height: 200px;\r\n width: 200px;\r\n }\r\n\r\n ::-webkit-scrollbar{\r\n width: 5px;\r\n }\r\n ::-webkit-scrollbar-track{\r\n margin: 0;\r\n }\r\n\r\n .mobile-only-block{\r\n display: block;\r\n }\r\n\r\n .mobile-only-flex{\r\n display: flex;\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.album-multi-genre-select{\r\n margin-top: auto;\r\n margin-bottom: 15px;\r\n\r\n a{\r\n background-color: transparent;\r\n border: 1px solid gray;\r\n outline: none;\r\n padding: 3px 10px 6px 10px;\r\n color: beige;\r\n cursor: pointer;\r\n margin: 0 1px;\r\n font-weight: bold;\r\n }\r\n\r\n a.selected{\r\n //background-color: #17a2b8;\r\n background-color: #560C53;\r\n //color: #000;\r\n }\r\n\r\n a:first-of-type{\r\n border-top-left-radius: 5px;\r\n }\r\n\r\n a:last-of-type{\r\n border-top-right-radius: 5px;\r\n }\r\n\r\n a:hover{\r\n color: #dfbd16;\r\n //font-weight: 400;\r\n }\r\n}",".rc-slider {\n position: relative;\n width: 100%;\n height: 14px;\n padding: 5px 0;\n border-radius: 6px;\n touch-action: none;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-rail {\n position: absolute;\n width: 100%;\n height: 4px;\n background-color: #e9e9e9;\n border-radius: 6px;\n}\n.rc-slider-track {\n position: absolute;\n height: 4px;\n background-color: #abe2fb;\n border-radius: 6px;\n}\n.rc-slider-handle {\n position: absolute;\n width: 14px;\n height: 14px;\n margin-top: -5px;\n background-color: #fff;\n border: solid 2px #96dbfa;\n border-radius: 50%;\n cursor: pointer;\n cursor: -webkit-grab;\n cursor: grab;\n opacity: 0.8;\n touch-action: pan-x;\n}\n.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n border-color: #57c5f7;\n box-shadow: 0 0 0 5px #96dbfa;\n}\n.rc-slider-handle:focus {\n outline: none;\n box-shadow: none;\n}\n.rc-slider-handle:focus-visible {\n border-color: #2db7f5;\n box-shadow: 0 0 0 3px #96dbfa;\n}\n.rc-slider-handle-click-focused:focus {\n border-color: #96dbfa;\n box-shadow: unset;\n}\n.rc-slider-handle:hover {\n border-color: #57c5f7;\n}\n.rc-slider-handle:active {\n border-color: #57c5f7;\n box-shadow: 0 0 5px #57c5f7;\n cursor: -webkit-grabbing;\n cursor: grabbing;\n}\n.rc-slider-mark {\n position: absolute;\n top: 18px;\n left: 0;\n width: 100%;\n font-size: 12px;\n}\n.rc-slider-mark-text {\n position: absolute;\n display: inline-block;\n color: #999;\n text-align: center;\n vertical-align: middle;\n cursor: pointer;\n}\n.rc-slider-mark-text-active {\n color: #666;\n}\n.rc-slider-step {\n position: absolute;\n width: 100%;\n height: 4px;\n background: transparent;\n pointer-events: none;\n}\n.rc-slider-dot {\n position: absolute;\n bottom: -2px;\n width: 8px;\n height: 8px;\n vertical-align: middle;\n background-color: #fff;\n border: 2px solid #e9e9e9;\n border-radius: 50%;\n cursor: pointer;\n}\n.rc-slider-dot-active {\n border-color: #96dbfa;\n}\n.rc-slider-dot-reverse {\n margin-right: -4px;\n}\n.rc-slider-disabled {\n background-color: #e9e9e9;\n}\n.rc-slider-disabled .rc-slider-track {\n background-color: #ccc;\n}\n.rc-slider-disabled .rc-slider-handle,\n.rc-slider-disabled .rc-slider-dot {\n background-color: #fff;\n border-color: #ccc;\n box-shadow: none;\n cursor: not-allowed;\n}\n.rc-slider-disabled .rc-slider-mark-text,\n.rc-slider-disabled .rc-slider-dot {\n cursor: not-allowed !important;\n}\n.rc-slider-vertical {\n width: 14px;\n height: 100%;\n padding: 0 5px;\n}\n.rc-slider-vertical .rc-slider-rail {\n width: 4px;\n height: 100%;\n}\n.rc-slider-vertical .rc-slider-track {\n bottom: 0;\n left: 5px;\n width: 4px;\n}\n.rc-slider-vertical .rc-slider-handle {\n margin-top: 0;\n margin-left: -5px;\n touch-action: pan-y;\n}\n.rc-slider-vertical .rc-slider-mark {\n top: 0;\n left: 18px;\n height: 100%;\n}\n.rc-slider-vertical .rc-slider-step {\n width: 4px;\n height: 100%;\n}\n.rc-slider-vertical .rc-slider-dot {\n margin-left: -2px;\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n display: block !important;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.rc-slider-tooltip-zoom-down-leave {\n display: block !important;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n animation-name: rcSliderTooltipZoomDownIn;\n animation-play-state: running;\n}\n.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n animation-name: rcSliderTooltipZoomDownOut;\n animation-play-state: running;\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n transform: scale(0, 0);\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.rc-slider-tooltip-zoom-down-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes rcSliderTooltipZoomDownIn {\n 0% {\n transform: scale(0, 0);\n transform-origin: 50% 100%;\n opacity: 0;\n }\n 100% {\n transform: scale(1, 1);\n transform-origin: 50% 100%;\n }\n}\n@keyframes rcSliderTooltipZoomDownOut {\n 0% {\n transform: scale(1, 1);\n transform-origin: 50% 100%;\n }\n 100% {\n transform: scale(0, 0);\n transform-origin: 50% 100%;\n opacity: 0;\n }\n}\n.rc-slider-tooltip {\n position: absolute;\n top: -9999px;\n left: -9999px;\n visibility: visible;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-tooltip * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-tooltip-hidden {\n display: none;\n}\n.rc-slider-tooltip-placement-top {\n padding: 4px 0 8px 0;\n}\n.rc-slider-tooltip-inner {\n min-width: 24px;\n height: 24px;\n padding: 6px 2px;\n color: #fff;\n font-size: 12px;\n line-height: 1;\n text-align: center;\n text-decoration: none;\n background-color: #6c6c6c;\n border-radius: 6px;\n box-shadow: 0 0 4px #d9d9d9;\n}\n.rc-slider-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n bottom: 4px;\n left: 50%;\n margin-left: -4px;\n border-width: 4px 4px 0;\n border-top-color: #6c6c6c;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/src/main/resources/gp_react/static/js/787.aa44cea4.chunk.js b/src/main/resources/gp_react/static/js/787.aa44cea4.chunk.js new file mode 100644 index 0000000..a4baf06 --- /dev/null +++ b/src/main/resources/gp_react/static/js/787.aa44cea4.chunk.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkg_player_react=self.webpackChunkg_player_react||[]).push([[787],{8:function(e,t,n){n.r(t),n.d(t,{getCLS:function(){return y},getFCP:function(){return g},getFID:function(){return C},getLCP:function(){return P},getTTFB:function(){return D}});var i,r,a,o,u=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v2-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}},c=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){if("first-input"===e&&!("PerformanceEventTiming"in self))return;var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},f=function(e,t){var n=function n(i){"pagehide"!==i.type&&"hidden"!==document.visibilityState||(e(i),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},s=function(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)},m=function(e,t,n){var i;return function(r){t.value>=0&&(r||n)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},v=-1,p=function(){return"hidden"===document.visibilityState?0:1/0},d=function(){f((function(e){var t=e.timeStamp;v=t}),!0)},l=function(){return v<0&&(v=p(),d(),s((function(){setTimeout((function(){v=p(),d()}),0)}))),{get firstHiddenTime(){return v}}},g=function(e,t){var n,i=l(),r=u("FCP"),a=function(e){"first-contentful-paint"===e.name&&(f&&f.disconnect(),e.startTime-1&&e(t)},r=u("CLS",0),a=0,o=[],v=function(e){if(!e.hadRecentInput){var t=o[0],i=o[o.length-1];a&&e.startTime-i.startTime<1e3&&e.startTime-t.startTime<5e3?(a+=e.value,o.push(e)):(a=e.value,o=[e]),a>r.value&&(r.value=a,r.entries=o,n())}},p=c("layout-shift",v);p&&(n=m(i,r,t),f((function(){p.takeRecords().map(v),n(!0)})),s((function(){a=0,T=-1,r=u("CLS",0),n=m(i,r,t)})))},E={passive:!0,capture:!0},w=new Date,L=function(e,t){i||(i=t,r=e,a=new Date,F(removeEventListener),S())},S=function(){if(r>=0&&r1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){L(e,t),r()},i=function(){r()},r=function(){removeEventListener("pointerup",n,E),removeEventListener("pointercancel",i,E)};addEventListener("pointerup",n,E),addEventListener("pointercancel",i,E)}(t,e):L(t,e)}},F=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,b,E)}))},C=function(e,t){var n,a=l(),v=u("FID"),p=function(e){e.startTimeperformance.now())return;n.entries=[t],e(n)}catch(e){}},"complete"===document.readyState?setTimeout(t,0):addEventListener("load",(function(){return setTimeout(t,0)}))}}}]); +//# sourceMappingURL=787.aa44cea4.chunk.js.map \ No newline at end of file diff --git a/src/main/resources/gp_react/static/js/787.aa44cea4.chunk.js.map b/src/main/resources/gp_react/static/js/787.aa44cea4.chunk.js.map new file mode 100644 index 0000000..ce7e225 --- /dev/null +++ b/src/main/resources/gp_react/static/js/787.aa44cea4.chunk.js.map @@ -0,0 +1 @@ +{"version":3,"file":"static/js/787.aa44cea4.chunk.js","mappings":"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","sources":["../node_modules/web-vitals/dist/web-vitals.js"],"sourcesContent":["var e,t,n,i,r=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:\"v2-\".concat(Date.now(),\"-\").concat(Math.floor(8999999999999*Math.random())+1e12)}},a=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){if(\"first-input\"===e&&!(\"PerformanceEventTiming\"in self))return;var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},o=function(e,t){var n=function n(i){\"pagehide\"!==i.type&&\"hidden\"!==document.visibilityState||(e(i),t&&(removeEventListener(\"visibilitychange\",n,!0),removeEventListener(\"pagehide\",n,!0)))};addEventListener(\"visibilitychange\",n,!0),addEventListener(\"pagehide\",n,!0)},u=function(e){addEventListener(\"pageshow\",(function(t){t.persisted&&e(t)}),!0)},c=function(e,t,n){var i;return function(r){t.value>=0&&(r||n)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},f=-1,s=function(){return\"hidden\"===document.visibilityState?0:1/0},m=function(){o((function(e){var t=e.timeStamp;f=t}),!0)},v=function(){return f<0&&(f=s(),m(),u((function(){setTimeout((function(){f=s(),m()}),0)}))),{get firstHiddenTime(){return f}}},d=function(e,t){var n,i=v(),o=r(\"FCP\"),f=function(e){\"first-contentful-paint\"===e.name&&(m&&m.disconnect(),e.startTime-1&&e(t)},f=r(\"CLS\",0),s=0,m=[],v=function(e){if(!e.hadRecentInput){var t=m[0],i=m[m.length-1];s&&e.startTime-i.startTime<1e3&&e.startTime-t.startTime<5e3?(s+=e.value,m.push(e)):(s=e.value,m=[e]),s>f.value&&(f.value=s,f.entries=m,n())}},h=a(\"layout-shift\",v);h&&(n=c(i,f,t),o((function(){h.takeRecords().map(v),n(!0)})),u((function(){s=0,l=-1,f=r(\"CLS\",0),n=c(i,f,t)})))},T={passive:!0,capture:!0},y=new Date,g=function(i,r){e||(e=r,t=i,n=new Date,w(removeEventListener),E())},E=function(){if(t>=0&&t1e12?new Date:performance.now())-e.timeStamp;\"pointerdown\"==e.type?function(e,t){var n=function(){g(e,t),r()},i=function(){r()},r=function(){removeEventListener(\"pointerup\",n,T),removeEventListener(\"pointercancel\",i,T)};addEventListener(\"pointerup\",n,T),addEventListener(\"pointercancel\",i,T)}(t,e):g(t,e)}},w=function(e){[\"mousedown\",\"keydown\",\"touchstart\",\"pointerdown\"].forEach((function(t){return e(t,S,T)}))},L=function(n,f){var s,m=v(),d=r(\"FID\"),p=function(e){e.startTimeperformance.now())return;n.entries=[t],e(n)}catch(e){}},\"complete\"===document.readyState?setTimeout(t,0):addEventListener(\"load\",(function(){return setTimeout(t,0)}))};export{h as getCLS,d as getFCP,L as getFID,F as getLCP,P as getTTFB};\n"],"names":["e","t","n","i","r","name","value","delta","entries","id","concat","Date","now","Math","floor","random","a","PerformanceObserver","supportedEntryTypes","includes","self","getEntries","map","observe","type","buffered","o","document","visibilityState","removeEventListener","addEventListener","u","persisted","c","f","s","m","timeStamp","v","setTimeout","firstHiddenTime","d","disconnect","startTime","push","window","performance","getEntriesByName","requestAnimationFrame","p","l","h","hadRecentInput","length","takeRecords","T","passive","capture","y","g","w","E","entryType","target","cancelable","processingStart","forEach","S","L","b","F","once","P","getEntriesByType","timing","max","navigationStart","responseStart","readyState"],"sourceRoot":""} \ No newline at end of file diff --git a/src/main/resources/gp_react/static/js/main.7fdf5b9d.js b/src/main/resources/gp_react/static/js/main.7fdf5b9d.js new file mode 100644 index 0000000..aabdc1c --- /dev/null +++ b/src/main/resources/gp_react/static/js/main.7fdf5b9d.js @@ -0,0 +1,3 @@ +/*! For license information please see main.7fdf5b9d.js.LICENSE.txt */ +!function(){var e={694:function(e,t){var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e=[],t=0;t