:root{--color-text-active:#fff;--color-text-passive:hsla(0,0%,100%,.5)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#191d1d}::-webkit-scrollbar-thumb{background:#515151}::-webkit-scrollbar-thumb:hover{background:#6e6e6e}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Arial,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh}.App,.Home{display:flex}.Home{align-items:center;background-color:#000;flex:1 1;flex-direction:column;gap:70px;padding:2% 0}.Carousel{color:#fff;width:80%}.carousel-name{font-size:1.5rem;font-weight:700}.carousel-name.home{font-size:2.5rem;font-weight:700}.carousel-name.home:hover{cursor:pointer;text-decoration:underline}.carousel-header{align-items:center;display:flex;justify-content:space-between}.carousel-controls{display:flex;gap:15px}.carousel-chevron{cursor:pointer;-webkit-filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(92%) contrast(87%);filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(92%) contrast(87%);height:35px}.carousel-chevron:hover{-webkit-filter:invert(100%);filter:invert(100%)}.carousel-chevron.disabled{cursor:default;-webkit-filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(32%) contrast(87%);filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(32%) contrast(87%)}.carousel-items{overflow:hidden;padding:20px 0}.carousel-images{display:flex;gap:20px;transition:all .5s ease-in-out}.CarouselItemCard{display:flex;flex-direction:column;gap:5px}.poster-img{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;cursor:pointer;display:flex;justify-content:center;transition:-webkit-filter .5s ease-in-out;transition:filter .5s ease-in-out;transition:filter .5s ease-in-out,-webkit-filter .5s ease-in-out}.play-btn{display:none;width:25%}.poster-img:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}.poster-img:hover .play-btn{display:block;-webkit-filter:invert(100%);filter:invert(100%)}.item-card-title{font-weight:700}.item-card-title:hover{cursor:pointer;text-decoration:underline}.item-card-source{color:hsla(0,0%,100%,.7)}.item-card-source:hover{cursor:pointer;text-decoration:underline}.Filters{align-self:start;color:var(--color-text-active);display:flex;gap:10px;padding-left:10%}.filter{background-color:hsla(0,0%,100%,.1);border-radius:10px;font-size:1rem;padding:10px}.filter.chosen,.filter:hover{background-color:hsla(0,0%,100%,.3)}.filter:hover{cursor:pointer}.MixTrack{grid-column-gap:15px;grid-row-gap:5px;-webkit-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:50px 1fr;row-gap:5px}.mix-track-img{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;cursor:pointer;display:flex;grid-row:1/3;height:50px;justify-content:center;transition:-webkit-filter .5s ease-in-out;transition:filter .5s ease-in-out;transition:filter .5s ease-in-out,-webkit-filter .5s ease-in-out;width:50px}.mix-track-img .play-btn{display:none;width:75%}.mix-track-img:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}.mix-track-img:hover .play-btn{display:block;-webkit-filter:invert(100%);filter:invert(100%)}.mix-track-name{align-self:end;color:var(--color-text-active);cursor:pointer;font-weight:700}.mix-track-sources{color:hsla(0,0%,100%,.7);display:flex;gap:10px}.mix-track-album:hover,.mix-track-artist:hover{cursor:pointer;text-decoration:underline}.Mix{display:flex;flex-direction:column;gap:15px;width:80%}.mix-name{color:#fff;font-size:2.5rem;font-weight:700}.mix-tracks{grid-row-gap:16px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:16px}.User{display:flex;justify-content:flex-end;width:120px}.sign-in-btn{background-color:initial;background-color:var(--color-text-active);border:none;border-radius:16px;cursor:pointer;font-size:14px;font-weight:700;height:32px;padding:0 16px}.user-data{position:relative}.user-img{border-radius:50%;cursor:pointer;height:35px}.Dropdown{background-color:#282828;border-radius:12px;bottom:-148px;color:var(--color-text-active);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:-285px;padding:16px 0;position:absolute;width:320px}.dropdown-user-data{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:10px;padding:0 16px 16px}.dropdown-user-image{border-radius:50%;height:50px}.dropdown-user-text{align-items:flex-start;display:flex;flex-direction:column;gap:3px}.dropdown-user-text :first-child{font-weight:700}.sign-out{align-items:center;cursor:pointer;display:flex;margin-top:8px;padding:8px 16px}.sign-out-img{-webkit-filter:invert(100%);filter:invert(100%);height:26px}.sign-out-text{font-size:1.15rem;text-align:center;width:80%}.sign-out:hover{background-color:hsla(0,0%,100%,.2)}.Header{align-items:center;background-color:#000;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.logo{display:block;-webkit-filter:invert(100%);filter:invert(100%);height:40px}.nav-list{display:flex;gap:50px}.link{color:var(--color-text-passive);font-size:1.3rem;text-decoration:none}.link.active,.link:hover{color:var(--color-text-active)}.Search{align-items:center;color:var(--color-text-passive);cursor:pointer;display:flex;font-size:1.3rem;gap:15px}.Search:hover{color:var(--color-text-active)}.Search:hover .search-img{-webkit-filter:invert(100%);filter:invert(100%)}.search-img{-webkit-filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(92%) contrast(87%);filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(92%) contrast(87%);height:26px}.search-text{height:100%}.SearchBox{align-items:center;background-color:#212121;border:1px solid hsla(0,0%,100%,.1);display:flex;height:60%;left:30%;position:absolute;top:20%;width:40%}.search-box-img{cursor:pointer;-webkit-filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(92%) contrast(87%);filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(92%) contrast(87%);height:65%;padding-left:8px;padding-right:8px}.search-box-img:hover{-webkit-filter:invert(100%);filter:invert(100%)}.search-box-input{background-color:initial;border:none;color:var(--color-text-active);font-optical-sizing:auto;font-size:1.2rem;height:100%;outline:none;width:100%}.Layout{display:flex;flex:1 1 auto;flex-direction:column;max-width:100%}.Library{background-color:#000;flex:1 1;padding:2% 5%}.library-container{display:flex;flex-direction:column;gap:20px}.library-track-grid{grid-row-gap:20px;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));row-gap:20px;width:100%}.library-header{display:flex;justify-content:space-between;padding-right:2%}.library-name{color:#fff;font-size:2rem;font-weight:700}.library-btn{align-self:baseline;background-color:#fff;border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:16px;color:#000;cursor:pointer;font-size:14px;font-weight:700;height:32px;padding:0 20px}.library-btn:hover{background-color:hsla(0,0%,100%,.8)}.EmptyLibrary{align-items:center;color:var(--color-text-passive);display:flex;flex-direction:column;gap:10px;padding-top:5%;width:100%}.empty-library-image{-webkit-filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(92%) contrast(87%);filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(92%) contrast(87%);height:150px}.empty-library-text{font-size:1.2rem;font-weight:700}.LibraryTrack{color:#fff;display:flex;flex-direction:column;gap:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.library-poster-img{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;cursor:pointer;display:flex;height:200px;justify-content:center;transition:-webkit-filter .5s ease-in-out;transition:filter .5s ease-in-out;transition:filter .5s ease-in-out,-webkit-filter .5s ease-in-out;width:200px}.library-play.play-btn{width:40%}.library-poster-img:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}.library-poster-img:hover .play-btn{display:block;-webkit-filter:invert(100%);filter:invert(100%)}.library-track-title{cursor:pointer;font-size:1.2rem;font-weight:700}.library-track-sources,.library-track-title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.library-track-sources{color:hsla(0,0%,100%,.6);display:flex;gap:10px}.library-track-album:hover,.library-track-artist:hover{cursor:pointer;text-decoration:underline}.FoundItem{grid-column-gap:15px;grid-row-gap:5px;-webkit-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:50px 1fr;padding:10px 0 10px 10px;row-gap:5px}.FoundItem+.FoundItem{border-top:1px solid hsla(0,0%,100%,.1)}.found-item-img{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;cursor:pointer;display:flex;grid-row:1/3;height:50px;justify-content:center;transition:-webkit-filter .5s ease-in-out;transition:filter .5s ease-in-out;transition:filter .5s ease-in-out,-webkit-filter .5s ease-in-out;width:50px}.found-item-img.artist{border-radius:50%}.found-item-img .play-btn{display:none;width:75%}.found-item-img:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}.found-item-img:not(.artist):hover .play-btn{display:block;-webkit-filter:invert(100%);filter:invert(100%)}.found-item-name{align-self:end;color:var(--color-text-active);cursor:pointer;font-weight:700;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.found-item-sources{color:hsla(0,0%,100%,.7);display:flex;gap:4px}.found-item-album:hover,.found-item-artist:hover{cursor:pointer;text-decoration:underline}.FoundSection{width:40%}.found-name{font-size:1.5rem;margin-bottom:20px}.found-more,.found-name{color:#fff;font-weight:700}.found-more{align-self:baseline;background-color:initial;border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:16px;cursor:pointer;font-size:14px;height:32px;padding:0 20px}.found-more:hover{background-color:hsla(0,0%,100%,.2)}.SearchPage{background-color:#000;flex:1 1;gap:50px;padding:30px 0 100px}.NoResults,.SearchPage{align-items:center;display:flex;flex-direction:column}.NoResults{color:var(--color-text-passive);gap:10px}.no-results-image{-webkit-filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(92%) contrast(87%);filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(92%) contrast(87%);height:150px}.no-results-text{font-size:1.2rem;font-weight:700}.FullList{width:40%}.SearchFilter{color:var(--color-text-active);display:flex;gap:10px;width:40%}.ExactMatch{height:20%;width:40%}.exact-match-name{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px}.background{background:radial-gradient(circle,rgba(230,244,2,.1) 0,rgba(63,94,251,.2) 100%);border-radius:16px;height:80%}.exact-match-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;height:100%;justify-content:center}.ExactMatch .FoundItem{padding-left:0;padding-right:30px;-webkit-transform:scale(1.5);transform:scale(1.5);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Album{align-items:center;background-color:#000;display:flex;flex:1 1;flex-direction:column;gap:60px;padding:3% 0}.album-data{display:flex;gap:50px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:75%}.album-poster{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;display:flex;height:230px;justify-content:center;width:230px}.album-description{color:hsla(0,0%,100%,.7);display:flex;flex-direction:column;justify-content:space-evenly}.album-title{color:var(--color-text-active);font-size:2.5rem;font-weight:700}.album-artist:hover{cursor:pointer;text-decoration:underline}.album-artist-number{display:flex;flex-direction:column;gap:5px}.album-btn{align-self:baseline;background-color:#fff;border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:16px;color:#000;cursor:pointer;font-size:14px;font-weight:700;height:32px;padding:0 20px}.album-btn:hover{background-color:hsla(0,0%,100%,.8)}.AlbumTrack{align-items:center;display:flex;height:48px;justify-content:space-between;padding:10px 0}.AlbumTrack+.AlbumTrack{border-top:1px solid hsla(0,0%,100%,.1)}.album-track-left{align-items:center;display:flex;gap:40px}.album-track-number{align-items:center;display:flex;justify-content:center;width:20px}.album-track-duration,.album-track-number{color:hsla(0,0%,100%,.6)}.album-track-play{display:none;height:28px}.AlbumTrack:hover .album-track-play{cursor:pointer;display:block;-webkit-filter:invert(100%);filter:invert(100%)}.AlbumTrack:hover .album-track-number{display:none}.album-track-name{color:var(--color-text-active);cursor:pointer;font-size:1rem;font-weight:700}.AlbumTracks{width:75%}.Artist{align-items:center;background-color:#000;flex:1 1;gap:60px;padding-bottom:15vh}.Artist,.artist-header{display:flex;flex-direction:column}.artist-header{background-position:50%;background-repeat:no-repeat;background-size:cover;gap:20px;height:60vh;justify-content:flex-end;padding:0 10% 40px;width:100%}.artist-page-name{color:#fff;font-size:3rem;font-weight:700}.artist-page-description{color:#fff}.ArtistTrack{align-items:center;display:flex;height:48px;padding:10px 0}.ArtistTrack+.ArtistTrack{border-top:1px solid hsla(0,0%,100%,.1)}.artist-track-left{align-items:center;display:flex;gap:40px;width:35%}.artist-track-play{display:none;height:28px}.ArtistTrack:hover .artist-track-play{cursor:pointer;display:block;-webkit-filter:invert(100%);filter:invert(100%)}.artist-track-image{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;display:flex;height:36px;justify-content:center;width:36px}.artist-track-name{color:var(--color-text-active);cursor:pointer;font-size:1rem;font-weight:700}.artist-track-album,.artist-track-artist{color:hsla(0,0%,100%,.7);cursor:pointer}.artist-track-album:hover,.artist-track-artist:hover{text-decoration:underline}.artist-track-album,.artist-track-artist{width:31%}.artist-track-duration{color:hsla(0,0%,100%,.7)}.ArtistSongs{width:80%}.artist-songs{display:flex;flex-direction:column;gap:5px;padding-left:10px}.artist-songs-name{font-size:1.5rem;margin-bottom:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.artist-songs-more,.artist-songs-name{color:#fff;cursor:pointer;font-weight:700}.artist-songs-more{align-self:baseline;background-color:initial;border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:16px;font-size:14px;height:32px;padding:0 20px}.artist-songs-more:hover{background-color:hsla(0,0%,100%,.2)}.SongsList{align-items:center;background-color:#000;display:flex;flex:1 1;flex-direction:column;gap:20px;padding:40px 0 100px}.songs-list-header{display:flex;gap:20px;justify-content:space-between;width:80%}.album-btn.artist-btn{align-self:center}.songs-list-name{color:#fff;font-size:2.5rem;font-weight:700}.songs-list{width:80%}.Controls{background-color:hsla(0,0%,100%,.1);display:flex;height:10vh;padding:0 50px}.controls-btns{align-items:center;display:flex;flex:1 1;gap:10px}.controls-img{cursor:pointer;-webkit-filter:invert(100%);filter:invert(100%);height:50%}.controls-img.disabled{cursor:default;-webkit-filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(32%) contrast(87%);filter:invert(54%) sepia(0) saturate(12%) hue-rotate(167deg) brightness(32%) contrast(87%)}.time{color:hsla(0,0%,100%,.5);display:flex;font-size:.9rem;gap:3px}.TrackDisplay{grid-column-gap:15px;grid-row-gap:5px;align-content:center;-webkit-column-gap:15px;column-gap:15px;display:grid;flex:1 1;grid-template-columns:50px auto 50px;justify-content:center;row-gap:5px}.player-track-img{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;display:flex;grid-row:1/3;height:50px;justify-content:center;transition:-webkit-filter .5s ease-in-out;transition:filter .5s ease-in-out;transition:filter .5s ease-in-out,-webkit-filter .5s ease-in-out;width:50px}.player-track-name{align-self:end;color:var(--color-text-active);font-weight:700}.player-track-name,.player-track-sources{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.player-track-sources{color:hsla(0,0%,100%,.7);display:flex;gap:10px;grid-column:2/3}.player-track-album:hover,.player-track-artist:hover{cursor:pointer;text-decoration:underline}.like-img-container{align-items:center;align-self:center;border-radius:50%;cursor:pointer;display:flex;grid-column:3/4;grid-row:1/3;height:40px;justify-content:center;width:40px}.like-img-container:hover{background-color:hsla(0,0%,100%,.4)}.like-img{-webkit-filter:invert(100%);filter:invert(100%);height:70%}.VolumeControl{align-items:center;display:flex;flex:1 1;gap:20px;justify-content:flex-end}.volume-img{-webkit-filter:invert(100%);filter:invert(100%);height:40%}.volume-slider{accent-color:#fff}.Slider{position:relative;top:12px}.time-slider{accent-color:red;width:100%}.PlayerInfo{align-items:center;display:flex;height:90%;justify-content:space-around}.player-info-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:35vw;width:35vw}.QueueTrack{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.QueueTrack+.QueueTrack{border-top:1px solid hsla(0,0%,100%,.1)}.QueueTrack.chosen{background-color:hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1)}.queue-track-left{grid-row-gap:5px;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:45px 1fr;row-gap:5px}.queue-track-img{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;display:flex;grid-row:1/3;height:45px;justify-content:center;transition:-webkit-filter .5s ease-in-out;transition:filter .5s ease-in-out;transition:filter .5s ease-in-out,-webkit-filter .5s ease-in-out;width:45px}.QueueTrack:hover .queue-track-img{-webkit-filter:brightness(80%);filter:brightness(80%)}.QueueTrack:hover .play-btn{display:block;-webkit-filter:invert(100%);filter:invert(100%);width:80%}.queue-track-name{align-self:end;color:var(--color-text-active);font-weight:700}.queue-track-artist,.queue-track-duration{color:hsla(0,0%,100%,.7)}.Queue{align-self:baseline;display:flex;flex-direction:column;gap:15px;height:650px;margin-top:3%;width:40%}.queue-title{color:#fff;font-size:1.5rem;font-weight:700}.queue-tracks{overflow-y:auto}.Player{background-color:#000;display:flex;flex:1 1;flex-direction:column}
/*# sourceMappingURL=main.e76409d0.css.map*/