*{box-sizing:border-box}html,body{height:100%;overflow:auto;width:100%;padding:0;margin:0;display:flex;justify-content:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:#020024;background:linear-gradient(0deg,#383746,#335985 28%,#afc9ce);background-repeat:no-repeat;background-size:auto;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-wrap:wrap;width:100%;justify-content:center;align-items:flex-start}.mainContent{justify-content:center;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;padding:4px 4px 8px}@media (min-width: 700px){.mainContent{display:inline-flex;flex-wrap:wrap;justify-content:start}html,body{display:block;justify-content:start}}@media (min-width: 900px){.mainContent{display:inline-flex;flex-wrap:nowrap;justify-content:start}html,body{display:block;justify-content:start}}.mainLogin{display:block;align-items:center}#header{background-color:#f8f9fa00;color:#333;position:relative;min-width:100vw;min-height:60px;margin-bottom:unset}#logout{float:right;margin-right:20px}#toggleSetlistsBtn{margin-left:20px}#toggleDiagBtn{float:right;margin-right:10px}button{border-radius:8px;margin:.6em 0;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a90;color:#ffffffde;cursor:pointer;transition:border-color .25s}button:hover{border-color:#fff}.selected{border-color:#fff;border:1px solid}button:focus,button:focus-visible{outline:4px auto #ffffff}:focus{outline:4px auto #ffffff}.backBtn{display:flex;font-size:.8em;position:absolute;top:5px;left:10px}.toggleBtn{display:flex;font-size:.8em;position:absolute;top:5px;right:10px}.dropdownMenu{position:absolute;top:1.7rem;right:1rem;width:180px;padding:5px;background-color:#242424c2;list-style:none;border-radius:8px 0 8px 8px;filter:drop-shadow(0 0 .5rem #242424)}.dropdownMenu button{font-size:.9rem;font-weight:200;width:100%;background-color:#242424;margin:2px auto}.addSetlist{padding:.6em;display:block}.addButton{font-size:.8em;margin:1.44rem}.addSetlist input{margin-right:.6em;min-width:160px;max-width:185px}.loginForm{background:#ffffff1a;padding:15px;border-radius:15px;min-width:230px;max-width:400px;text-align:center;margin:auto;margin-top:20vh;margin-bottom:auto;animation:fadeIn 1s;-webkit-animation:fadeIn 1s;-moz-animation:fadeIn 1s;-o-animation:fadeIn 1s;-ms-animation:fadeIn 1s}.loginForm input{margin:.5rem}#submitLogin,#submitSignUp{width:8rem}.noAccountSection{padding-top:16px;font-size:.8em}.btnBorderless{background:none;border:none;padding:.5rem;width:95px;color:#49baf4}.btnBorderless:hover{background-color:#1a1a1a10;text-decoration:underline}.btnBorderless:focus{outline:none;background-color:#1a1a1a10;text-decoration:underline}.loginAltSection{display:flex;justify-content:space-between}input{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a93;color:#ffffffde}.listBox{background:#ffffff1a;padding:10px;border-radius:15px;min-width:230px;max-width:800px;flex-grow:1;width:100%;box-sizing:border-box;text-align:center;position:relative;margin:8px 0;animation:fadeIn 1s;-webkit-animation:fadeIn 1s;-moz-animation:fadeIn 1s;-o-animation:fadeIn 1s;-ms-animation:fadeIn 1s}.listBox h2{padding-top:16px}@keyframes fadeIn{0%{opacity:0%}to{opacity:100%}}@media (min-width: 700px){.listBox{margin:16px;max-width:340px}}.setlistItem,.songListItem{display:block;width:100%;padding:0}.songListItem p{margin:10px;text-align:left;padding:0 10px}.songInfo{border-radius:10px;padding:8px;width:100%;min-height:100px;height:auto;display:flex;overflow:hidden;resize:none;box-sizing:border-box;background-color:#24242450}.songInfoBox{max-width:800px;display:flex;flex-direction:column;flex-grow:2}ul{padding:unset}.deleteBtn p{margin:0;font-weight:500;color:red;filter:drop-shadow(0 0 .01rem #ffffff2f)}textarea{color:#ffffffde}#setlistAddErrorMsg{color:red}#diagnosticBox{z-index:5;background-color:#1a1a1ae3;position:fixed;top:60px;right:17px;padding:10px;width:500px;max-height:80vh;margin-bottom:30px;border-bottom:30px}#diagBoxContent{overflow-y:scroll;width:auto;max-height:78vh}#diagnosticBox p{padding:0}#closeDiagBox{font-size:12px;position:absolute;top:5px;right:30px;width:10px;padding:4px 14px 5px 6px}