body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;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{text-align:center}.App-logo{height:20vmin;pointer-events:none}.Spotify-logo{height:50px;margin-left:.4em;vertical-align:middle}.App-header{align-items:center;background-color:#5040a2;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:25vh}.App-header h1{margin:1rem}.App-link{color:#61dafb}.Highlight{color:#1db954}.login-message{margin-top:1.5rem}.App-body{background-color:#7c6ec4}.Lists-area{display:flex;gap:2em;margin:0 3em}footer{background-color:#5040a2;color:#fff;padding:1em 2em;text-align:left}#Search-field{border:3px solid #a9a9a9;border-radius:20px 0 0 20px;box-sizing:initial;font-size:1.2em;margin:1em 0;min-width:25%;padding:8px 14px}#Search-field:focus-visible,#Search-field:hover{border-color:#1db954;outline:none}#SearchButton{border:3px solid #a9a9a9;border-radius:0 20px 20px 0;box-sizing:initial;color:gray;font-size:1.2em;font-weight:700;left:-1px;margin:1rem 0;padding:8px 16px 8px 10px;position:relative}#SearchButton:hover{border-color:#1db954;color:#000;cursor:pointer}.Search-results{flex:1 1;text-align:left}.Search-results h2{background-color:initial;border:2px solid #0000;box-sizing:border-box;display:block;font-size:1.5em;font-weight:700;margin:.25em 0;padding:.15em .25em}.Track-list-container{background-color:#00000026;border-radius:4px;box-shadow:2px 1px 6px #0009;margin:10px}.Track-list{list-style:none;padding-inline-start:0}.Track-list li{border-bottom:2px solid #00000026;padding:5px}.Track-item{display:flex}.Track-item h3,h4,h5{margin:0 5px}.Track-icon img{border:1px solid gray;margin:5px;vertical-align:middle;width:60px}.Track-description{display:flex;flex-direction:column;justify-content:center;width:100%}.Track-item h4{color:#fff9;font-weight:500;padding:2px 0}.Track-item button{align-self:center;background-color:initial;border:1px solid #0000;border-radius:2em;font-size:1.6em;font-weight:700;height:1.4em;justify-self:right;position:relative;width:1.6em}.Track-item button:hover{background-color:#ffffff26;border-color:#ffffff73;color:#fff}.Track-item button:active{top:3px}.Playlist-container{flex:1 1;text-align:left}#Playlist-name{background-color:initial;border:2px solid;border-color:#0000 #0000 #ffffff40;box-sizing:border-box;color:#fff;display:block;font-size:1.5em;font-weight:700;margin:.25em 0;padding:.15em .25em;width:95%}#Playlist-name:hover{border-color:#ffffff40;cursor:pointer}#Playlist-name:focus-visible{outline:none}#Playlist-save{border:3px solid #a9a9a9;border-radius:20px;box-sizing:initial;color:gray;font-size:1.2em;font-weight:700;margin:1rem;padding:8px 24px;position:relative}#Playlist-save:hover{border-color:#1db954;color:#000;cursor:pointer}.MyPlaylists{flex:1 1;text-align:left}.MyPlaylists h2{background-color:initial;border:2px solid #0000;box-sizing:border-box;display:block;font-size:1.5em;font-weight:700;margin:.25em 0;padding:.15em .25em}.MyPlaylists-container{background-color:#0000001a;border-radius:4px;box-shadow:2px 1px 6px #0009;margin:10px}.MyPlaylists-container ul{list-style:none;padding-inline-start:0}.MyPlaylists-list li{border-bottom:2px solid #00000026;padding:5px}.Playlists-cell{display:flex}.Playlists-cell:hover{border:1px solid #fff;cursor:pointer}.Playlists-cell h3{align-self:center;margin:0 5px}.Playlists-cell img{border:1px solid gray;margin:5px;vertical-align:middle;width:60px}.User-badge{align-items:center;background-color:#ffffff1a;border:1px solid #fff;border-radius:2em;display:flex;font-size:.65em;font-weight:600;gap:.5em;justify-content:flex-start;min-height:2em;min-width:8em;padding:.1em .5em .15em .1em;position:absolute;right:2em;top:.45em}.User-badge:hover{background-color:#ffffff40;cursor:pointer}.User-badge img{border-radius:2em;width:2em}.black{background-color:#0000004d}#Login{font-weight:700;justify-content:center}
/*# sourceMappingURL=main.9d0bc95d.css.map*/