code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.roboto-regular{font-family:Roboto,Apercu,-apple-system,BlinkMacSystemFont,Segoe UI,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-style:normal;font-weight:400}body{background-image:linear-gradient(0deg,#dfe9f3 0,#fff);color:#333}.App,body{min-height:100vh}.App{display:flex;flex-direction:column;flex-grow:inherit;text-align:center}.poppins-black{font-family:Poppins,sans-serif;font-style:normal;font-weight:800}h1.app-logo{color:#d9381e;font-size:1.5em;letter-spacing:-2px;margin:1rem 0 .5rem;opacity:.8;text-transform:lowercase}h1.app-logo img{height:70px;margin:-50px -3px -26px -10px}.sinewave{opacity:.7}.App-header{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.5rem 0 0}.App main{flex:auto}.App-link{color:#61dafb}footer.App-footer{font-size:.8em;padding:2rem}.jammmingUI{flex-grow:0;margin:0 auto auto;max-width:100%;padding:0;width:1000px}.jammmingUI section{margin:0;padding:1rem}.jammmingUI section.instructions{background-color:#fff;border-radius:8px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;font-size:.8rem;margin-bottom:1rem;text-align:left}.jammmingUI a.showHideLink{color:#20b2aa;font-size:.9em;text-decoration:underline}.jammmingUI section.instructions p,.jammmingUI section.instructions ul{margin:.5em auto;max-width:700px;width:100%}.jammmingUI section.instructions ul li{font-size:.9em;list-style-type:circle;padding:.3em 0}.jammmingUI section.instructions .hide{display:none}.jammmingUI a{cursor:pointer}.jammmingUI h2,.jammmingUI h3,.jammmingUI h4{font-family:Poppins,sans-serif;font-weight:600}.list h3{font-size:1em;text-align:left}#loadedPlaylistName{flex-grow:1;font-size:.75rem;margin:-2px 0 -3px 5px}.jammmingUI .lists-container{align-items:start;border-radius:8px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:50%;padding-bottom:2rem}.jammmingUI .list{flex:1 0 50%;flex-direction:column;padding:.1em}.jammmingUI input,.jammmingUI select{border:1px solid #ccc;border-radius:4px;font-size:.85em;margin:0 0 .3em}#newPlaylistForm{text-align:left}#newPlaylistForm input{margin-bottom:.5em;padding:.3em .5em;width:100%}#newPlaylistForm input[type=radio]{display:inline;margin-right:1em;width:auto}#playlists_select{padding:.2rem .5rem .1rem}.radioGroup{font-size:.85em;margin:1em 0}.jammmingUI select{-webkit-appearance:auto;appearance:auto}.jammmingUI .list li{list-style-type:none;margin:0;padding:0;text-align:left}.jammmingUI .list ul{margin:0;padding:0}main .jammmingUI button{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;color:#444;font-size:.85em;font-weight:450;white-space:nowrap;width:auto}main .jammmingUI button.search-btn{background-color:#fff;color:#20b2aa}.jammmingUI .search-form{flex-direction:column}.jammmingUI button:active,.jammmingUI button:hover{background-color:#fff;box-shadow:2px 2px 4px #0003;color:#d9381e;font-weight:800}.jammmingUI .search-form{display:flex;flex-direction:row}.jammmingUI .search-form input{border:1px solid #ccc;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;margin-bottom:1rem}.jammmingUI button.clear-search,.jammmingUI button.playlist-new{background-color:#fff;color:#333}.jammmingUI button.logout-button{font-size:.7em;margin:0 0 2px 1em}.button-group{align-items:stretch;display:flex;flex-direction:row}.jammmingUI .button-group button{flex:1 0 50%}.userInfo ul{display:flex;flex-direction:row;font-size:.85em;justify-content:center}.userInfo li{display:inline-block;list-style-type:none;padding:1em}.jammmingUI .hide{display:none}ul.list-unit{border:2px solid;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;font-size:.75em;list-style-type:none;margin:0 0 1rem;padding:0}ul.list-unit li{align-items:center;background-color:#fff;border:1px solid;display:flex;flex-direction:row}ul.list-unit.searchResults li:active,ul.list-unit.searchResults li:hover{background-color:#e8f7f6;cursor:pointer}ul.list-unit li:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}ul.list-unit li img{margin:0 .5em 0 0}ul.list-unit li span{flex-grow:1;text-align:left}ul.list-unit.searchResults li span:last-child{flex-grow:0}ul.list-unit li span.addIcon{display:none;font-family:Poppins,sans-serif;font-size:.85em;font-weight:600;margin:0 .3em;text-align:center}ul.list-unit li:active span.addIcon,ul.list-unit li:hover span.addIcon{display:block}.arrow-right{font-size:1rem;font-weight:900;line-height:.85em}ul.list-unit li span.delete-icon{border:1px solid #d9381e;border-radius:10px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;color:#d9381e;cursor:pointer;flex-grow:0;font-size:1em;height:20px;margin:0 .5em;min-width:20px;text-align:center;width:20px}ul.list-unit li span.delete-icon:active,ul.list-unit li span.delete-icon:hover{background-color:#d9381e;border-color:#d9381e;color:#fff}.edit-list-name,.search-results-list{background:#333;border:1px solid #333;border-top-left-radius:4px;border-top-right-radius:4px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;color:#fff;display:flex;font-size:.72em;font-weight:500;justify-content:space-between;margin:1em 0 0;padding:.5em;text-align:left}main .jammmingUI button.save-changes{background-color:#20b2aa;color:#fff}.profile{align-items:flex-start;display:flex;flex-direction:row;justify-content:center}.profileImage{border-radius:25px;height:50px;margin-top:-10px;width:50px}@media screen and (max-width:600px){.jammmingUI section{padding:.25rem}.jammmingUI h3{margin:.7rem 0}.jammmingUI .lists-container{align-items:start;border-radius:8px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:50%;padding-bottom:2rem}.jammmingUI .list{flex:1 0 100%;flex-direction:column;width:100%}.jammmingUI ul.list-unit{max-height:33vh;overflow:scroll}}.loader{aspect-ratio:1;border:15px solid #ddd;left:50%;margin:-42.5px auto 0 -42.5px;top:50%;transform:rotate(45deg);width:60px}.loader,.loader:before{border-radius:50%;position:absolute}.loader:before{animation:l18 2s linear infinite;border:15px solid #7ed4e6;content:"";inset:-15px}@keyframes l18{0%{-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}
/*# sourceMappingURL=main.b45b38b2.css.map*/