html{font-size:1.125rem}h1{color:#fff;font-family:Poppins,sans-serif;font-size:1.75rem;margin-left:1rem;padding:1rem 0;text-align:left}h1 .highlight{color:#bcb967}h2{font-family:Poppins,sans-serif;font-size:1.55rem}.App{background-color:#303133;color:#fff;font-family:Work Sans,sans-serif;font-weight:500;margin-left:15rem;min-height:100vh;padding:0 2%}.Fetching-sign{font-family:Poppins,sans-serif;font-size:1rem;margin-bottom:2rem}.App-playlist{display:block}.feedback{bottom:0;color:#fff;display:flex;font-size:.9rem;left:0;padding:.33rem .33rem 1rem;position:absolute;right:0;text-decoration:none}.feedback:hover{color:#d3d3d3}.Sidebar{background:linear-gradient(180deg,#3b3142,#1d1721);bottom:0;height:100%;position:fixed;top:0;width:15rem}.Sidebar .username{color:#fff;font-size:1.2rem;margin:1rem;pointer-events:none}.Sidebar .avatar{border-radius:50%;margin:1rem auto;pointer-events:none;width:20%}.Sidebar button{background:transparent;font-family:sans-serif;margin-left:7.5%;margin-top:.5rem;padding:.5rem 0 .6rem 1.5rem;text-align:left;width:85%}.Logout-button,.Sidebar button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem}.Logout-button{background-color:#bcb967;display:block;margin:1rem auto;padding:.5rem;text-align:center;width:80%}.Logout-button:hover{background-color:#a8a466}.Sidebar button:hover{background:#d3d3d3;color:#000}.Sidebar img{height:auto;margin:1rem;width:40%}.Navigator{display:none}.user-info{bottom:2%}.user-info,.user-info-header{align-items:center;display:flex;justify-content:space-between;margin:1rem;position:fixed}.user-info-header{bottom:12%;color:#fff;font-size:.8rem}@media only screen and (min-width:1020px){.App-playlist{display:flex;justify-content:space-between}}@media screen and (max-width:600px){body,html{margin:0;overflow-x:hidden;padding:0}.App{margin-left:0;padding:.1% 4% 10%}h1{font-size:.5rem;padding:2%;text-align:center}.Sidebar,.Sidebar .avatar,.Sidebar .username,.feedback{display:none}.Navigator{align-items:center;background:#1d1721;border-radius:50px;bottom:0;box-shadow:0 4px 20px #3b3142;display:flex;justify-content:space-evenly;left:50%;margin-bottom:2%;padding-bottom:1%;padding-top:1%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%}.Navigator button{background:transparent;border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:sans-serif;font-size:1rem;padding:3%;text-align:center;width:47%}.Navigator button.active{background:#bcb967;color:#000}.App-playlist{margin-top:2rem}}.Playlist{background-color:#1e1e20;display:flex;flex-direction:column;height:90vh;margin-top:1rem;overflow-y:scroll;padding:.88rem;width:90%}.Playlist-album{align-items:center;display:flex;margin-bottom:1.5rem}.Playlist-info{display:flex;flex-direction:column;justify-content:flex-end;margin-left:1rem}.Playlist input{background:transparent;border:0;color:#fff;font-family:Poppins,sans-serif;font-size:2.5rem;margin-bottom:25px;margin-top:.5rem;outline:0;padding-bottom:10px;padding-left:15px;padding-top:10px;width:100%}.Playlist-save{background-color:#1db954;border-radius:54px;border-width:0;color:#fff;cursor:pointer;font-size:.83rem;font-weight:500;margin-top:1rem;padding:.77rem 0;text-align:center;transition:background-color .25s;width:10rem}.Playlist-save:hover{background-color:#1ed760}.spotifyLogo{height:auto;width:10%}@media only screen and (max-width:1020px){.Playlist{width:90%}}@media screen and (max-width:600px){.Playlist{align-items:center;margin-top:1rem}.Playlist-album{align-items:center;flex-direction:column;justify-content:center}.Playlist input{font-size:1.5rem;margin:.5rem;padding:.5rem;text-align:center;width:100%}.Playlist-info{align-items:center;flex-direction:column;justify-content:center;margin-left:0}.Playlist-album img{width:50%}.Playlist-save{text-align:center}}.TrackList{width:100%}.Track{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.8);display:flex}.Track:hover{background:purple;color:ivory;cursor:pointer}.Track-action{align-items:center;background-color:#c5c6c7;border:1px solid #c5c6c7;border-radius:50%;color:#000;display:inline-flex;font-size:1.5rem;height:2.5rem;justify-content:center;margin:0 .25rem;min-width:2.5rem;transition:all .25s ease-in-out;width:2.5rem}.Track-action:hover{background-color:#fff;color:#000;cursor:pointer}.Track-action:before{font-size:1.5rem;font-weight:700;line-height:1}.Track-information{word-wrap:break-word;display:flex;flex-direction:column;flex-grow:1;height:72px;justify-content:center;margin-left:10px;max-width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Track-information h3{margin-bottom:.22rem}.Track-information p{color:#fff;font-size:.83rem;font-weight:300}.spotifyLogo-small{height:1.5rem;margin-right:10px;width:auto}.playButton{background-color:initial;border:transparent;color:#fff;cursor:pointer;font-size:1.05rem;margin-right:10px;padding:.5rem;transition:color .25s}@media screen and (max-width:600px){.Track-action{height:2rem;min-height:2rem;min-width:2rem;width:2rem}.Track-hover{background:transparent}.playButton{font-size:.75rem;margin-right:10px;padding:.1rem}}.SearchBar{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:1.5rem;padding-top:1.5rem;position:relative}.SearchBar input{border:1px solid #fff;border-radius:2rem;color:#010c3f;font-size:.9rem;margin-right:20%;padding:.7rem 7rem .7rem 1.5rem;position:relative;text-align:left;width:80%;z-index:1}.SearchBar input:focus{outline:none}.SearchBar button{background-color:#d3d3d3;border:1rem;border-radius:0 2rem 2rem 0;color:#000;cursor:pointer;font-size:.9rem;font-weight:500;margin-right:20%;padding:.71rem 2.5rem;position:absolute;text-align:right;transition:background-color .25s;z-index:2}.SearchBar button:hover{background-color:#a9a9a9}@media screen and (max-width:600px){.SearchBar{align-items:center;justify-content:end;margin-bottom:2rem}.SearchBar input{border:1px solid #fff;border-radius:2rem;color:#010c3f;font-size:.9rem;margin-right:0;padding:.7rem 0 .7rem 1.5rem;text-align:left;width:100%}.SearchBar button{margin:0;padding:.71rem 1.5rem}}.SearchResults{background-color:#1e1e20;border:#c5c6c7;height:85vh;overflow-y:scroll;padding:.88rem;width:90%}::-webkit-scrollbar{background:transparent;width:0}@media only screen and (max-width:1020px){.SearchResults{margin-bottom:2rem;width:90%}}.LoginPage{align-items:center;background-color:#303133;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.App-logo img{height:150px;width:150px}.subtitle{color:#fff;font-size:1rem;margin:0}.login-button{background-color:#1db954;border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:20px 2px;padding:10px 20px;text-align:center;text-decoration:none}.disclaimer{color:#888;font-size:12px}body{font-family:sans-serif;margin:0;padding:0}
/*# sourceMappingURL=main.8ab419dd.css.map*/