body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,body,html{min-height:100vh;background:rgba(44,192,101,.6431372549019608);min-width:320px;overflow-x:hidden}html{font-size:18px}h1{padding:.77rem 0;background:#040d40;text-align:center;font-family:"Poppins",sans-serif;font-size:1.88rem;color:#fff;position:relative;z-index:10}h1:before{left:-100%}h1:after,h1:before{content:"";position:absolute;background-color:#070e41;width:100%;height:100%;top:0}h1:after{right:-100%}h1 .highlight{color:#ffc857}h2{font-family:"Poppins",sans-serif;font-size:1.55rem}.App{height:100vh;padding:0 5%;background-image:url(/spotijam/static/media/bg.2fa07257.svg);background-size:contain;background-position:50%;background-repeat:repeat;font-family:"Work Sans",sans-serif;font-weight:500;color:#fff}.App-playlist{height:80%;display:flex;justify-content:center;flex-direction:column;width:100%;max-width:1400px;margin:0 auto}.nothingFound{width:auto;height:300px;background-image:url(/spotijam/static/media/dino.fd6ce329.png);background-repeat:no-repeat;background-size:contain;background-position:50%}.sectionTitle{display:flex;justify-content:center;align-items:center;padding:.5rem;background-color:#fac74c;color:#40305f;margin:-.8rem -.8rem 1rem}.niceBox{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:.5rem;transition:box-shadow .3s}.niceBox:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.Playlist{margin:1rem .5rem;display:flex;flex-direction:column;overflow-y:scroll;padding:.8rem 0}.Playlist,.trackListContainer{background-color:rgba(1,12,63,.7)}.trackListContainer{padding:.8rem}.playlistFlexContainer{display:flex;flex-wrap:wrap-reverse}.flexChild{width:50%;flex-basis:300px;flex-grow:1;padding:0 .8rem}.Playlist input{width:100%;margin:0 auto;border:0;outline:0;text-align:center;border-radius:.2rem;background:rgba(0,0,0,.25);font-family:"Poppins",sans-serif;font-size:2rem;color:#f5c63f}.Playlist input::-webkit-input-placeholder{color:hsla(0,0%,100%,.5);font-size:1rem}.Playlist input:-ms-input-placeholder{color:hsla(0,0%,100%,.5);font-size:1rem}.Playlist input::-ms-input-placeholder{color:hsla(0,0%,100%,.5);font-size:1rem}.Playlist input::placeholder{color:hsla(0,0%,100%,.5);font-size:1rem}.buttonSaveContainer{display:flex;justify-content:space-evenly;align-items:center;margin:1rem 0}.TrackList{width:100%;max-height:500px;min-height:50px;overflow-y:scroll;margin-top:.5rem;background-color:#0b1c44}.Track{border-bottom:1px solid hsla(0,0%,100%,.8)}.Track,.Track-action{display:flex;align-items:center}.Track-action{width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700;transition:color .25s;transition:background-color .25s;border:0;color:#f5c63f;background-color:#8956d8}.Track-action:hover{background-color:#f5c63f;color:#40305f}.Track-information{flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding:.5rem 0}.Track-information h3{margin-bottom:.2rem}.Track-information p{font-size:.8rem;font-weight:300;color:hsla(0,0%,100%,.8)}.SearchBar{display:flex;align-items:center;margin-bottom:1rem}.SearchBar input{width:100%;color:#fff;text-align:center;font-size:1.5rem;font-weight:700;transition:all .2s;height:55px}.SearchBar input::-webkit-input-placeholder{color:hsla(0,0%,100%,.49411764705882355);font-size:.8rem}.SearchBar input:-ms-input-placeholder{color:hsla(0,0%,100%,.49411764705882355);font-size:.8rem}.SearchBar input::-ms-input-placeholder{color:hsla(0,0%,100%,.49411764705882355);font-size:.8rem}.SearchBar input::placeholder{color:hsla(0,0%,100%,.49411764705882355);font-size:.8rem}.SearchBar input:focus{outline:none}.SearchButton{outline:none;height:55px;cursor:pointer;border-radius:54px;border-top-left-radius:0;border-bottom-left-radius:0;background-color:#010c3f;transition:background-color .25s;border:0;color:hsla(0,0%,100%,.787)}.connected,.SearchButton{width:8.11rem;padding:.77rem 0;text-align:center;font-size:.833rem;font-weight:500}.connected{border-radius:54px;background-color:#005f15;transition:all .25s;border:0;color:#fff}.SearchButton:hover{background-color:rgba(108,65,233,.7);color:#fff}.SearchResults{flex-basis:300px;flex-grow:1;max-height:600px;padding:.8rem;background-color:rgba(1,12,63,.7)}::-webkit-scrollbar{width:0;background:transparent}.searchTitle{text-align:center;background-color:hsla(0,0%,100%,.096);margin:-.8rem -.8rem .5rem;padding:.8rem;opacity:.5}.PlaylistChunk{padding:.8rem 0;border-bottom:1px solid #f5c63f;opacity:.8;display:flex;justify-content:space-between;align-items:center}.PlaylistTitle{font-size:1.2rem;font-weight:700}.PlaylistChunk:hover{opacity:1}.buttonContainer{display:flex;align-items:center;justify-content:space-evenly}.chunkButtonDiv{display:flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;padding:.5rem;background-color:hsla(0,0%,100%,.5);opacity:.5;border-radius:50%;transition:all .2s;margin-left:.5rem}.chunkButtonDiv img{width:90%;height:90%}.chunkButtonDiv:hover{background-color:#fff;cursor:pointer}.YourPlaylist{position:relative;margin:1rem .5rem;display:flex;flex-direction:column;overflow-y:scroll;max-height:950px;padding:.8rem;background-color:rgba(1,12,63,.7)}.Playlist-save{cursor:pointer;padding:.77rem 1.5rem;border-radius:54px;border-width:0;margin:0 auto;background-color:#6c41ec;text-align:center;font-size:.83rem;transition:background-color .25s;color:#fff;font-weight:500}.YourPlaylist .Playlist-save{margin-top:1rem}.Playlist-save:hover{background-color:rgba(108,65,233,.7)}.update{position:absolute;cursor:pointer;top:0;right:0;width:1.5rem;height:1.5rem;margin:.5rem;opacity:.5;transition:all .2s}.update:hover{opacity:.8}.update:active{transform:rotate(45deg)}
/*# sourceMappingURL=main.5bf6d873.chunk.css.map */