a{text-decoration:none;color:hsla(0,0%,100%,.7);color:var(--text-color)}p{margin:0}button,p{padding:0}button{border:0;background-color:#1db954;background-color:var(--accent-color);color:hsla(0,0%,100%,.7);color:var(--text-color);border-radius:20px}button:focus{outline:none}.fav-button-div{border:1.5px solid #fff;display:flex;justify-content:center;align-items:center}.fav-button-div:hover .fav-button-icon{color:#fff}.fav-button-md{width:30px;height:30px;border:none}.fav-button-md .fav-button-icon{font-size:1em}.fav-button-lg{width:40px;height:40px;padding:8px;border-radius:40px}.fav-button-lg .fav-button-icon{font-size:1.2em}.play-button-icon{height:40px;width:40px;padding:8px;background-color:#1db954;background-color:var(--accent-color);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-right:1rem}.playing-visible{opacity:1!important}.play-button-text{height:30px;width:100px}#progressbar{display:flex;align-items:center}#progressbar:hover .progress-thumb{opacity:1}#progressbar .progressbar-fill{background-color:#1db954;background-color:var(--accent-color)}#progressbar .progress-thumb{opacity:0;width:15px;height:15px;background:#fff;border-radius:10px;margin-left:-5px}.volume-wrapper #volume{color:#1db954!important;color:var(--accent-color)!important}.page-nav-links-wrapper{display:flex;width:100%;justify-content:space-evenly;padding:2em 0;text-transform:uppercase;color:hsla(0,0%,100%,.7);color:var(--text-color);border-bottom:2px solid transparent}.page-nav-links-wrapper .page-nav-link{letter-spacing:1px;padding:1em 0}.page-nav-links-wrapper .page-nav-link-active{border-bottom:3px solid #1db954;border-bottom:3px solid var(--accent-color);color:#fff;color:var(--highlight-color)}.layout,.page{background-color:#000;background-color:var(--bg-color);min-height:100vh;color:hsla(0,0%,100%,.7);color:var(--text-color)}.text-muted{color:hsla(0,0%,100%,.6)}.hover-accent{transition:all .2s ease-in-out}.hover-accent:hover{color:#1db954;color:var(--accent-color)}.hover-white{transition:all .2s ease-in-out}.hover-white:hover{color:#fff;transition:scale(1.1)}.hover-border-white{border-bottom:2px solid transparent}.hover-border-white:hover{border-bottom:2px solid #fff}.accent-active{color:#1db954;color:var(--accent-color)}.page-title{font-size:36px;font-weight:600;color:#fff;text-transform:capitalize}.highlight{color:#fff;color:var(--highlight-color)}.no-highlight{color:hsla(0,0%,100%,.7);color:var(--text-color)}.bg-accent{background-color:#1db954;background-color:var(--accent-color)}.accent-color{color:#1db954;color:var(--accent-color)}.__react_component_tooltip{padding:0!important}.bb-1-w{border-bottom:1px solid hsla(0,0%,100%,.7);border-bottom:1px solid var(--text-color)}.pb8{padding-bottom:.5em}.fw-m{font-weight:500}.fw-r{font-weight:400}.fw-l{font-weight:300}.fw-b{font-weight:600}.fs-0-6{font-size:.6em}.fs-0-8{font-size:.8em}.fs-0-9{font-size:.9em}.fs-1{font-size:1em}.fs-1-2{font-size:1.2em}.fs-1-3{font-size:1.3em}.fs-1-4{font-size:1.4em}.fs-1-5{font-size:1.5em}.fs-1-6{font-size:1.6em}.fs-1-7{font-size:1.7em}.fs-1-8{font-size:1.8em}.fs-3{font-size:3em}.fs-4{font-size:4em}.fs-6{font-size:6em}.mb4{margin-bottom:4px}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt16{margin-top:16px}.cursor-pointer{cursor:pointer}.link{padding-bottom:4px;border-bottom:1px solid transparent;display:inline-block!important}.link:hover{border-bottom:1px solid hsla(0,0%,100%,.7);border-bottom:1px solid var(--text-color)}.hover-item:hover{background-color:#282828}.border-bottom{padding-bottom:8px;border-bottom:2px solid #2b2b2b}.ta-c{text-align:center}.volume-wrapper input[type=range]{overflow:hidden;width:200px;-webkit-appearance:none;background-color:#282828;border:0}.volume-wrapper input[type=range]::-webkit-slider-runnable-track{height:10px;-webkit-appearance:none;color:#13bba4;margin-top:-1px}.volume-wrapper input[type=range]::-webkit-slider-thumb{width:20px;-webkit-appearance:none;height:20px;border-radius:20px;background:#434343;box-shadow:-80px 0 0 80px #1db954;box-shadow:-80px 0 0 80px var(--accent-color)}@font-face{font-family:"Rubik";src:url(/static/media/Rubik-Regular.35af6dbe.ttf) format("truetype");font-weight:400}@font-face{font-family:"Rubik";src:url(/static/media/Rubik-Light.79aa6004.ttf) format("truetype");font-weight:300}@font-face{font-family:"Rubik";src:url(/static/media/Rubik-Medium.4dff84c2.ttf) format("truetype");font-weight:500}@font-face{font-family:"Rubik";src:url(/static/media/Rubik-Bold.b5b2632a.ttf) format("truetype");font-weight:600}*{padding:0;margin:0;font-family:"Rubik",sans-serif;font-weight:400;box-sizing:border-box}.page-content::-webkit-scrollbar,.sidebar-wrapper::-webkit-scrollbar,body::-webkit-scrollbar{width:1rem}.page-content::-webkit-scrollbar-track,.sidebar-wrapper::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background-color:#000}.page-content::-webkit-scrollbar-thumb,.sidebar-wrapper::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background-color:#282828}.category{margin:1em;position:relative;cursor:pointer}@media only screen and (max-width:576px){.category{margin:.5em}}.category .category-image{max-width:200px;max-height:200px}@media only screen and (max-width:976px){.category .category-image{height:150px;width:150px}}.category .category-image>img{width:100%;height:100%}.category .category-name{position:absolute;left:50%;top:70%;transform:translateX(-50%);text-align:center;padding-bottom:8px}.browse-page-content-wrapper{display:flex;flex-wrap:wrap;justify-content:center}.page-content-title{width:90%;margin:2rem auto 0}.playlist{width:200px;height:250px;margin:1.1em}.playlist .playlist-cover{position:relative;width:100%;height:80%;margin:0 auto}.playlist .playlist-cover>img{height:100%;width:100%}.playlist .playlist-cover .fav-button-div{position:absolute;bottom:5%;left:2%;font-size:1.6rem;border:none}.playlist .playlist-cover .playlist-play-icon-div{position:absolute;bottom:5%;right:-14%;background-color:transparent}.playlist .playlist-cover .playlist-play-icon-div .play-button-icon{width:60px;height:60px;border-radius:60px}.featured-playlists-wrapper .featured-playlists-title{margin-left:3rem}.featured-playlists-wrapper .featured-playlists{display:flex;flex-wrap:wrap;justify-content:center}#loader{left:50%;top:50%}#loader,.library-page-wrapper .logged-out-div{position:absolute;transform:translate(-50%,-50%)}.library-page-wrapper .logged-out-div{width:40%;height:400px;top:45%;left:55%;display:flex;justify-content:center;align-items:center;flex-direction:column}.library-page-wrapper .logged-out-div .logged-out-icon{font-size:3rem;margin-bottom:2rem}.library-page-wrapper .logged-out-div .login-btn{padding:1rem 2.5rem}.library-page-wrapper .library-flex{display:flex;justify-content:space-evenly}@media only screen and (max-width:768px){.library-page-wrapper .library-flex{flex-direction:column;width:100%;justify-content:center;margin:0 auto}}.library-page-wrapper .library-flex .recently-played-wrapper{width:40%;margin-right:2rem}.library-page-wrapper .library-flex .saved-albums-wrapper{width:40%}@media only screen and (max-width:768px){.library-page-wrapper .library-flex .recently-played-wrapper,.library-page-wrapper .library-flex .saved-albums-wrapper{width:90%;margin-right:0}.library-page-wrapper .library-flex .recently-played-wrapper .mini-track .play-button-icon{opacity:1;width:35px;height:30px}}.library-page-wrapper .library-playlist-title{margin-left:5rem;width:90%}.library-page-wrapper .library-playlists{display:flex;flex-wrap:wrap;margin:0 auto;justify-content:center}.mini-track{display:flex;align-items:center;margin:.5rem 0;width:100%;transition:all 1s}.mini-track:hover .play-button{opacity:1}.mini-track>img{width:60px;height:60px;justify-self:flex-start;margin-right:1rem}.mini-track .track-name{width:60%}.mini-track .play-button{opacity:0}.search-item-wrapper{display:flex;width:100%;margin:.5rem;justify-content:space-between}.search-item-wrapper .search-cover{width:100px;height:100px}.search-item-wrapper .search-cover>img{width:100%;height:100%}.search-item-wrapper .search-info{display:flex;width:50%;flex-direction:column;justify-content:center}.search-item-wrapper .search-title{text-transform:capitalize}.search-page-wrapper{display:flex;justify-content:center;flex-wrap:wrap}@media only screen and (max-width:976px){.search-page-wrapper{flex-direction:column;justify-content:center}.search-page-wrapper .search-flex{width:80%}}.search-page-wrapper .search-flex{width:45%;display:flex;margin-right:1rem;flex-direction:column;margin-bottom:2rem}@media only screen and (max-width:976px){.search-page-wrapper .search-flex{width:80%;margin:0 auto}}.search-page-wrapper .search-flex .search-items{display:flex;flex-wrap:wrap;width:100%}.search-header-wrapper{padding-bottom:8px;width:90%;border-bottom:2px solid #282828}.search-header-wrapper .search-header{text-transform:capitalize}.album-page-wrapper{max-height:250px}.album-page-wrapper .album-header{display:flex;margin-bottom:2rem}@media only screen and (max-width:768px){.album-page-wrapper .album-header{flex-direction:column;justify-content:center}}.album-page-wrapper .album-header .album-buttons{display:flex;align-items:center;width:200px;justify-content:space-between}.album-page-wrapper .album-header .album-cover{width:150px;height:150px;margin-right:1rem}.album-page-wrapper .album-header .album-cover>img{width:100%;height:100%}.album-page-wrapper .album-header .album-info{display:flex;flex-direction:column;justify-content:space-evenly}.album-page-wrapper .tracklist-header{width:78%;display:flex;justify-content:space-between;padding:0;margin:0 auto}.album-page-wrapper .tracklist-header .title{width:80%}.album-page-wrapper .track-wrapper{width:80%;margin:0 auto}.album-page-wrapper .track-wrapper .track{justify-content:space-between}@media only screen and (max-width:768px){.album-page-wrapper .track-wrapper .track .track-name .play-button-icon{opacity:1}}.track-wrapper{color:#fff;padding:1rem 0;justify-content:space-between;width:100%;border-bottom:2px solid #282828}.track-wrapper .track{display:flex;transition:all .2s ease;margin:0 auto}.track-wrapper .track:hover .track-name .play-button-icon{opacity:1}.track-wrapper .track .track-name{display:flex;padding:0 .5rem;align-items:center}.track-wrapper .track .track-name .track-name-buttons{display:flex}.track-wrapper .track .track-name .play-button-icon{width:30px;height:30px;opacity:0;margin-right:0}.track-wrapper .track .track-album,.track-wrapper .track .track-artists,.track-wrapper .track .track-name{white-space:nowrap;text-overflow:ellipsis}.artist-page-wrapper .artist-header{display:flex;padding:1em;width:100%;border-bottom:2px solid #282828}@media only screen and (max-width:1076px){.artist-page-wrapper .artist-header{flex-direction:column;justify-content:center;align-items:center}.artist-page-wrapper .artist-header .artist-name{font-size:3rem}}.artist-page-wrapper .artist-header .artist-image{width:250px;height:250px;margin-right:3rem}.artist-page-wrapper .artist-header .artist-image>img{width:100%;height:100%;border-radius:300px}.artist-page-wrapper .artist-flex{margin-top:3rem;display:flex;justify-content:space-between}@media only screen and (max-width:768px){.artist-page-wrapper .artist-flex{flex-wrap:wrap}.artist-page-wrapper .artist-flex .artist-tracks-wrapper,.artist-page-wrapper .artist-flex .related-wrapper{width:60%}}.artist-page-wrapper .artist-flex .artist-tracks-wrapper{width:60%}@media only screen and (max-width:576px){.artist-page-wrapper .artist-flex .artist-tracks-wrapper{width:100%}.artist-page-wrapper .artist-flex .artist-tracks-wrapper .play-button{opacity:1;width:30px;height:30px}}.artist-page-wrapper .artist-flex .related-wrapper{width:30%}@media only screen and (max-width:576px){.artist-page-wrapper .artist-flex .related-wrapper{width:100%}}.artist-page-wrapper .artist-flex .related-wrapper .related-artist{width:100%;height:60px;display:flex;align-items:center;padding:2em 0}.artist-page-wrapper .artist-flex .related-wrapper .related-artist>img{width:40px;height:40px;border-radius:40px;margin-right:2rem}.artist-page-wrapper .artist-album-wrapper{margin:3rem auto auto}.artist-page-wrapper .artist-album-wrapper .artist-albums{display:flex;flex-wrap:wrap;justify-content:space-evenly}.artist-page-wrapper .artist-album-wrapper .artist-albums .artist-album{width:200px;margin:1rem;height:300px}.artist-page-wrapper .artist-album-wrapper .artist-albums .artist-album .artist-album-image{height:200px;width:100%}.genre-page-content-wrapper{min-height:100vh}.genre-page-content-wrapper .page-title{margin:0 auto;width:80%}.genre-page-content-wrapper .genre-playlists{display:flex;margin:0 auto;flex-wrap:wrap;justify-content:center}.redirect-page-wrapper{display:flex;justify-content:center}.redirect-page-wrapper .redirect-message{width:50%;margin:5rem auto 0;font-size:1.5rem}.playlists-page-wrapper{height:350px}.playlists-page-wrapper .playlists-page-header{display:flex;margin:0 auto;width:100%}@media only screen and (max-width:976px){.playlists-page-wrapper .playlists-page-header{flex-direction:column;width:100%;height:550px;align-items:center}}.playlists-page-wrapper .playlists-page-header .playlist-cover{width:270px;height:250px}.playlists-page-wrapper .playlists-page-header .playlist-cover>img{width:100%;height:100%}.playlists-page-wrapper .playlists-page-header .playlist-info{display:flex;flex-direction:column;padding:1rem;justify-content:space-evenly}@media only screen and (max-width:976px){.playlists-page-wrapper .playlists-page-header .playlist-info{height:250px;padding:0;margin-left:1.4rem;margin-top:2rem;justify-content:space-between}}.playlists-page-wrapper .playlists-page-header .playlist-info .playlist-buttons{display:flex;justify-content:space-between;align-items:center;min-width:300px;max-width:500px}@media only screen and (max-width:976px){.playlists-page-wrapper .playlists-page-header .playlist-info .playlist-buttons{flex-direction:column-reverse;align-items:start;height:120px;justify-content:space-between}}.playlists-page-wrapper .playlists-page-header .playlist-info .playlist-buttons .playlist-play-btn{width:100px;padding:.5rem 1rem}.playlists-page-wrapper .tracklist-header{display:flex;width:80%;margin:2rem auto 0}@media only screen and (max-width:1076px){.playlists-page-wrapper .tracklist-header{display:none}}.playlists-page-wrapper .tracklist-header .title{width:34%}.playlists-page-wrapper .tracklist-header .artists{width:24%}.playlists-page-wrapper .tracklist-header .album{width:32%}.playlists-page-wrapper .tracklist-header .release{width:20%;display:none}.playlists-page-wrapper .playlist-tracks{width:90%;margin:0 auto}.playlists-page-wrapper .playlist-tracks .track-wrapper,.playlists-page-wrapper .playlist-tracks .track-wrapper .track{width:100%}@media only screen and (max-width:1076px){.playlists-page-wrapper .playlist-tracks .track-wrapper .track{flex-direction:column;align-items:left}}.playlists-page-wrapper .playlist-tracks .track-wrapper .track .track-name{width:35%;white-space:nowrap;text-overflow:ellipsis}@media only screen and (max-width:1076px){.playlists-page-wrapper .playlist-tracks .track-wrapper .track .track-name{width:100%;flex-direction:row-reverse;margin:0;padding:0;justify-content:space-between}.playlists-page-wrapper .playlist-tracks .track-wrapper .track .track-name>span{justify-self:flex-start}.playlists-page-wrapper .playlist-tracks .track-wrapper .track .track-name .play-button-icon{opacity:1;margin-left:0}}.playlists-page-wrapper .playlist-tracks .track-wrapper .track .track-artists{width:20%}.playlists-page-wrapper .playlist-tracks .track-wrapper .track .track-album{width:30%}.playlists-page-wrapper .playlist-tracks .track-wrapper .track .track-release{display:none}@media only screen and (max-width:1076px){.playlists-page-wrapper .playlist-tracks .track-wrapper .track .track-album,.playlists-page-wrapper .playlist-tracks .track-wrapper .track .track-artists,.playlists-page-wrapper .playlist-tracks .track-wrapper .track .track-release{border-bottom:8px}}.search-wrapper{position:fixed;z-index:200;left:30%;top:1.2rem;width:150px}@media only screen and (max-width:768px){.search-wrapper{width:100px;left:40%}}@media only screen and (max-width:576px){.search-wrapper{width:100px;left:5%;top:7.5rem}}.search-wrapper>input{width:100%;transition:width .3s ease;border:0;padding:.7rem .8rem;border-radius:20px}.search-wrapper>input:focus{width:200%;border:0;outline:0}.player-wrapper{background-color:#282828;width:100vw;display:flex;align-items:center}@media only screen and (max-width:576px){.player-wrapper{justify-content:space-evenly}}.player-wrapper .player-track-wrapper{justify-self:flex-start;padding:1rem;width:25%}@media only screen and (max-width:576px){.player-wrapper .player-track-wrapper{max-width:130px;padding:0}}.player-wrapper .player-controls{display:flex;flex-direction:column;justify-content:center;justify-self:center;margin:0 3rem;width:50%;height:100%}@media only screen and (max-width:576px){.player-wrapper .player-controls{margin:.5rem}}.player-wrapper .player-controls .player-buttons{width:300px;align-self:center;display:flex;justify-content:space-between;margin-bottom:20px}@media only screen and (max-width:576px){.player-wrapper .player-controls .player-buttons{width:200px;margin:0;justify-self:right}}.player-wrapper .player-controls .player-buttons .play-pause-button{padding:8px;display:flex;align-self:center;width:30px;height:30px;border-radius:20px;margin-top:-8px;border:1px solid #fff}.player-wrapper .player-controls .player-buttons .play-pause-button .fa-play{padding-left:20px}.player-wrapper .player-controls .player-progressbar{display:flex;justify-content:center;font-size:.7em}.player-wrapper .player-controls .player-progressbar .progressbar{width:50%;margin:0 auto}.player-wrapper .player-devices-volume{display:flex;width:200px;align-items:center;justify-self:flex-end}@media only screen and (max-width:768px){.player-wrapper .player-devices-volume{display:none}}.player-wrapper .player-devices-volume .player-devices{margin-left:1rem}.player-track-wrapper{display:flex}.player-track-wrapper .track-cover{max-width:65px;height:65px;align-self:center;margin-right:1rem}.player-track-wrapper .track-cover>img{height:100%;width:100%}@media only screen and (max-width:576px){.player-track-wrapper .track-cover{margin:0;display:none}}.player-track-wrapper .track-details{display:flex;font-size:14px;flex-direction:column;justify-content:space-evenly;max-width:350px}@media only screen and (max-width:576px){.player-track-wrapper .track-details{width:100px;display:flex;flex-direction:row;justify-content:center;margin-right:4px}.player-track-wrapper .track-details .track-name{display:flex}}@media only screen and (max-width:768px){.player-track-wrapper .track-details .track-artist{display:none}}.player-track-wrapper .track-details .track-name{font-weight:300;margin-bottom:8px}.player-track-wrapper .track-details .track-artist{font-weight:200}.player-track-wrapper .fav-button-div{width:20px;height:20px;border-radius:20px;border:none;margin-left:12px}.player-track-wrapper .track-name{display:flex}.user-devices .user-device{padding:1rem}.sidebar-navlinks-wrapper{display:flex;flex-direction:column;border-bottom:1px solid #fff;padding-bottom:1em}.sidebar-navlinks-wrapper .navlink{font-weight:300;padding:1.5em .5em;display:flex;justify-content:flex-start;text-decoration:none;color:hsla(0,0%,100%,.7);color:var(--muted-color);border-left:5px solid transparent}.sidebar-navlinks-wrapper .navlink .navlink-icon{margin-right:16px}.sidebar-navlinks-wrapper .active,.sidebar-navlinks-wrapper .navlink:hover{color:#1db954;color:var(--accent-color)}.sidebar-navlinks-wrapper .active{border-left:5px solid #1db954;border-left:5px solid var(--accent-color)}.sidebar-wrapper{padding-bottom:10vh}@media only screen and (max-width:576px){.sidebar-wrapper{padding:0;z-index:9;background-color:#000!important;overflow:hidden}.sidebar-wrapper .sidebar-user-content{display:none}.sidebar-wrapper .sidebar-content{display:flex}.sidebar-wrapper .sidebar-content .sidebar-navlinks-wrapper{flex-direction:row;width:100%;justify-content:space-evenly}.sidebar-wrapper .sidebar-content .sidebar-navlinks-wrapper .navlink{padding:1.2rem .5rem .5rem}.sidebar-wrapper .sidebar-content .sidebar-navlinks-wrapper .active{border-left:0;border-bottom:5px solid var(--accent-color);color:var(--accent-color)}}.sidebar-wrapper .sidebar-brand{padding:.3em;display:flex;justify-content:left;margin-top:1rem;align-items:center}.sidebar-wrapper .sidebar-brand .sidebar-icon{font-size:2rem;margin-right:1rem}@media only screen and (max-width:576px){.sidebar-wrapper .sidebar-brand .sidebar-icon{font-size:1.2rem;text-align:center}}.sidebar-wrapper .sidebar-brand .sidebar-name{font-size:1rem}@media only screen and (max-width:576px){.sidebar-wrapper .sidebar-brand .sidebar-name{font-size:1.2rem}}.sidebar-wrapper .liked-songs{padding:1rem}.sidebar-wrapper .liked-songs .liked-songs-icon{margin-right:1rem}.sidebar-wrapper .sidebar-playlists{padding:1rem}.sidebar-wrapper .sidebar-playlists .sidebar-playlist{padding:.5rem 0}:root{--bg-color:#000;--accent-color:#1db954;--muted-color:hsla(0,0%,100%,0.7);--text-color:hsla(0,0%,100%,0.7);--page-bg:#1b1b1b;--highlight-color:#fff}.layout{overflow:hidden;min-height:100vh}.layout .color-switch{position:absolute;width:150px;top:1.2rem;right:20%;font-size:.9rem}.layout .layout-page{display:flex}.layout .layout-page .sidebar-wrapper,.layout .layout-page page-content{height:100vh}.layout .layout-page .sidebar-wrapper{width:200px;position:fixed;height:100%;overflow:auto;background-color:var(--background-color)}@media only screen and (max-width:576px){.layout .layout-page .sidebar-wrapper{width:100vw;height:20vh}}.layout .layout-page .page-content{height:inherit;min-height:100vh;flex-grow:1;background-color:#1b1b1b;background-color:var(--page-bg);padding:4em 2em 8vw;overflow:auto;margin-left:200px}@media only screen and (max-width:576px){.layout .layout-page .page-content{padding-top:25vh;padding-bottom:12vh;width:100%;margin-left:0}}.layout .player-wrapper{position:fixed;bottom:0;height:10vh;width:100vw}.layout .top-right{position:fixed;z-index:200;right:5rem;top:.8rem}@media only screen and (max-width:768px){.layout .top-right{right:1rem}}#loading-page{z-index:9999;min-width:100vw;min-height:100vh;background-color:#000}.navigation-wrapper{position:absolute;left:220px;top:30px;width:50px;display:flex;justify-content:space-between}@media only screen and (max-width:576px){.navigation-wrapper{left:5%}}.user-pill-wrapper{display:flex;align-items:center;padding:4px;background-color:#000;border-radius:20px}.user-pill-wrapper .user-avatar{width:40px;height:40px;margin-right:1rem}.user-pill-wrapper .user-avatar>img{width:100%;border-radius:40px;height:100%}.user-pill-wrapper .user-name{margin-right:8px}@media only screen and (max-width:768px){.user-pill-wrapper .user-name{display:none}}.user-pill-wrapper .user-menu{display:flex;padding:0;flex-direction:column;justify-content:center}.user-pill-wrapper .user-menu .user-option{width:100%;padding:1rem}.login-button{padding:.5rem 3rem}.message-div{position:absolute;bottom:10vh;left:35%;width:50%;padding:1rem;border-radius:5px;text-align:center}.message-div,.message-div.error{background:#dc143c}.message-div.info{background-color:#4e98ed}.color-switch>label{padding:.3rem}.color-switch input[type=color]{opacity:0;padding:0;display:block}.liked-songs-wrapper{width:60vw}.liked-songs-wrapper .tracklist-header{display:flex;width:90%;margin:2rem auto 0}@media only screen and (max-width:1076px){.liked-songs-wrapper .tracklist-header{display:none}}.liked-songs-wrapper .tracklist-header .title{width:37%}.liked-songs-wrapper .tracklist-header .artists{width:22%}.liked-songs-wrapper .tracklist-header .album{width:26%}.liked-songs-wrapper .tracklist-header .release{display:none}.liked-songs-wrapper .liked-songs{width:90%;margin:0 auto}.liked-songs-wrapper .liked-songs .track-wrapper,.liked-songs-wrapper .liked-songs .track-wrapper .track{width:100%}@media only screen and (max-width:1076px){.liked-songs-wrapper .liked-songs .track-wrapper .track{flex-direction:column;align-items:left}}.liked-songs-wrapper .liked-songs .track-wrapper .track .track-name{width:35%;white-space:nowrap;text-overflow:ellipsis}@media only screen and (max-width:1076px){.liked-songs-wrapper .liked-songs .track-wrapper .track .track-name{width:100%;flex-direction:row-reverse;margin:0;padding:0;justify-content:space-between}.liked-songs-wrapper .liked-songs .track-wrapper .track .track-name>span{justify-self:flex-start}.liked-songs-wrapper .liked-songs .track-wrapper .track .track-name .play-button-icon{opacity:1;margin-left:0}}.liked-songs-wrapper .liked-songs .track-wrapper .track .track-artists{width:20%}.liked-songs-wrapper .liked-songs .track-wrapper .track .track-album{width:30%}.liked-songs-wrapper .liked-songs .track-wrapper .track .track-release{display:none}@media only screen and (max-width:1076px){.liked-songs-wrapper .liked-songs .track-wrapper .track .track-album,.liked-songs-wrapper .liked-songs .track-wrapper .track .track-artists,.liked-songs-wrapper .liked-songs .track-wrapper .track .track-release{border-bottom:8px}}.error-message{width:80%;font-size:1.2rem;margin:10% auto 0}
/*# sourceMappingURL=main.f7bb6caa.chunk.css.map */