@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.navbar{position:fixed;top:0;left:0;width:100%;height:var(--navbarheight);display:flex;align-items:center;justify-content:space-between;background-color:var(--black);padding-left:15px;padding-right:30px}.logolink{display:flex;align-items:center;text-decoration:none;color:var(--white);cursor:pointer}.logo{height:50px;width:50px;padding-right:15px;margin:0;padding-left:15px}.logotext{font-size:2rem;font-weight:700;margin:0;padding:0;color:var(--white)}.nav-links{list-style:none;display:flex;padding:0;margin:0}.searchandicon{display:flex;align-items:center;background-color:var(--grey);padding:10px;border-radius:999px;color:var(--white)}.search{width:400px;background-color:var(--grey);border:0px;border-radius:999px;padding-left:15px;font-size:1.1rem;color:var(--white)}.search:focus{outline:none;border:none}.favouritesicon{height:32px;width:32px;padding-right:30px;padding-left:10px;color:var(--white);transition:.33s;cursor:pointer}.favouritesicon:hover{color:var(--red)}.searchbutton{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;padding:2px;border:none;border-radius:999px;transition:.33s}.searchbutton:hover{background-color:var(--purple)}.searchicon,.cancelicon{height:25px;width:25px;padding-right:5px;padding-left:5px}.cancelicon:hover{color:var(--purple);background-color:var(--grey)}.footer{position:fixed;bottom:0;left:0;height:var(--footerheight);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--grey)}.progress{background-color:var(--grey);height:100%;width:100%}.progressbar{height:3px;background-color:var(--purple)}.allcontrols{width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:7.5px;padding-bottom:12.5px}.mediacontrols{display:flex;justify-content:center;align-items:center;gap:15px}.volumecontrols{display:flex;justify-content:center;align-items:center;gap:5px;padding-right:25px}.footericon{height:45px;width:45px;transition:.33s;cursor:pointer}.footericon:hover{color:var(--purple)}.footericonsmall{height:40px;width:40px;transition:.33s;cursor:pointer}.footericonsmall:hover{color:var(--purple)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;outline:none;border-radius:15px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:0px;border-radius:15px;background-color:var(--purple);cursor:pointer;transition:.2s ease-in-out}.slider::-moz-range-thumb{width:15px;height:15px;border:0px;border-radius:15px;background-color:var(--purple);cursor:pointer;transition:.2s ease-in-out}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 10px #bb6bfc1a}.slider:active::-webkit-slider-thumb{box-shadow:0 0 0 13px #bb6bfc33}.slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 13px #bb6bfc33}.slider::-moz-range-thumb:hover{box-shadow:0 0 0 10px #bb6bfc1a}.slider:active::-moz-range-thumb{box-shadow:0 0 0 13px #bb6bfc33}.slider:focus::-moz-range-thumb{box-shadow:0 0 0 13px #bb6bfc33}.mediaplayer{display:block;height:40px;width:100px}.songinfo{display:flex;justify-content:center;align-items:center;padding-left:15px;padding-right:15px;color:var(--white);text-decoration:none;cursor:pointer}.albumcover{height:40px;width:40px;border-radius:10px;padding-left:15px;padding-right:10px}.songdetails{display:flex;flex-direction:column;justify-content:center;align-items:left;padding-left:5px}.artists{font-size:.8rem}.footericonsmall.active{color:var(--purple)}.mutebutton{background:none;border:none;padding:0;color:var(--white);cursor:pointer;transition:color .33s;display:flex;align-items:center;justify-content:center}.mutebutton:hover{color:var(--purple)}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background-color:var(--lightgrey);color:var(--white);padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;pointer-events:none}[data-tooltip]:hover:after{animation:tooltipDelay .2s}@media (max-width: 768px){[data-tooltip]:hover:after{display:none}}.loadercontainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--black)}.loader{border:8px solid var(--black);border-top:8px solid var(--purple);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loadertext{padding-top:15px}.dashboard{display:flex;margin-left:20px;margin-top:calc(var(--navbarheight));margin-bottom:calc(var(--footerheight));padding-right:10px;width:calc(100vw - 30px);overflow-y:scroll}.playlists{height:min-content;width:75%}.songlist{display:flex;flex-wrap:wrap;justify-content:left;gap:0px;width:100%}.songtile{position:relative;display:flex;flex-direction:column;padding:10px;min-width:150px;max-width:150px;background-color:var(--black);border-radius:15px;transition:background-color .2s;text-decoration:none;color:inherit}.songtile:hover{background-color:var(--grey)}.songdetails{display:flex;flex-direction:column;justify-content:center;align-items:left;padding:10px;position:relative}.songname{font-size:1rem;font-weight:700}.artists{font-size:.9rem;color:#aaa}.tileicon{height:60px;width:60px;color:var(--purple)}.playicon{min-height:45px;min-width:45px;max-width:45px;max-height:45px;padding:10px;color:var(--white)}.queuedsongs{height:min-content;width:25%;background-color:var(--grey)}.queueListitem{display:flex;align-items:center;padding:12px 16px;background-color:var(--grey);transition:background-color .2s;text-decoration:none;color:var(--white);border-bottom:1px solid var(--black)}.queueListitem:hover{background-color:var(--lightgrey)}.title{padding-left:25px}.songimages{height:150px;width:150px;border-radius:15px}.emptysongtile{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px;min-height:150px;max-height:150px;min-width:150px;max-width:150px;background-color:var(--grey);border-radius:15px;transition:background-color .2s;text-decoration:none;color:inherit}.song-actions{position:absolute;right:10px;top:10px;display:flex;gap:8px;z-index:1;background-color:#1e1e1eb3;padding:4px;border-radius:8px}.dashboardfavouritesbutton,.add-to-queue-button{display:flex;justify-content:center;align-items:center;padding:4px;background-color:var(--lightgrey);border:none;border-radius:8px;cursor:pointer;width:24px;height:24px}.dashboardfavouritesicon,.queue-icon{height:16px;width:16px;color:var(--white);transition:.33s}.dashboardfavouritesicon:hover{color:var(--red)}.queue-icon:hover{color:var(--purple)}.dashboardfavouritesiconactive{color:var(--red)}.queue-song-image{height:40px;width:40px;border-radius:8px;margin-right:12px}.remove-from-queue{background:none;border:none;margin-left:auto;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:all .2s}.remove-from-queue:hover{opacity:1}.remove-from-queue:hover .remove-icon{color:var(--purple)}.remove-icon{height:18px;width:18px;color:var(--white);transition:color .2s}.title{padding:16px;font-size:1.5rem;font-weight:700;border-bottom:1px solid var(--black)}.no-songs{padding:16px;color:#aaa;font-size:.9rem;text-align:center}.add-to-queue-button.in-queue{background-color:var(--purple)}.queue-icon.in-queue{color:var(--black)}.add-to-queue-button.in-queue:hover{background-color:var(--lightgrey)}.add-to-queue-button.in-queue:hover .queue-icon.in-queue{color:var(--purple)}.add-to-queue-button{position:relative}.add-to-queue-button:hover:after{content:attr(title);position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background-color:var(--lightgrey);color:var(--white);padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:10}.sidepanel{display:flex;flex-direction:column;height:100%;background-color:var(--black)}.section-header{margin:0;padding:15px;font-size:1.25rem;font-weight:700;color:var(--white);background-color:var(--lightblack);border-bottom:1px solid;border-color:var(--lightgrey)}.lyrics-container{display:flex;flex-direction:column;height:100%;width:100%;overflow-x:hidden;overflow-y:hidden;scroll-behavior:smooth;background-color:var(--lightblack)}.trivia-container{display:flex;flex-direction:column;height:100%;width:100%;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;background-color:var(--lightblack)}.lyrics-list{display:flex;flex-direction:column;gap:15px;padding:20px;margin-bottom:80px}.lyric-line{display:flex;flex-direction:column;gap:5px;transition:all .3s ease;opacity:.6;padding:0 20px}.lyric-line.active{opacity:1;transform:scale(1.05)}.timestamp{font-size:.8em;color:#888}.words{color:#fff;font-size:1.1em;transition:all .3s ease}.words.active{color:var(--purple);font-weight:500}.trivia-content{padding:20px;margin-bottom:80px;font-size:.9rem;line-height:1.5;color:var(--white)}.trivia-content p{margin-bottom:1rem}.mainpanel{height:100%;display:flex;justify-content:right;background-color:var(--transparent);transition:.33s;position:relative}.sidebarbuttons{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;padding-top:10px;padding-right:10px;padding-left:10px;background-color:var(--transparent);z-index:1}.sidebarbutton{height:70px;width:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--grey);color:var(--white);border:0px solid;border-radius:15px;cursor:pointer}.sidebarbutton:hover{background-color:var(--purple);color:var(--black);transition:.33s}.sidebaricon{height:32px;width:32px}.sidebarbutton.active{background-color:var(--purple);color:var(--black)}.image-container{height:calc(100vh - (var(--footerheight) + var(--navbarheight)));width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.generatedimage{width:100%;height:100%;object-fit:contain;transition:.33s;border-radius:20px}.generatedimage:not([src]),.generatedimage[src=""],.generatedimage[src="#"]{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:20px;max-width:100%}.no-image-placeholder{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#1e1e1e;color:#888;font-size:1.2em}.image-navigation{position:fixed;bottom:calc(var(--footerheight) + 20px);left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;background-color:#00000080;padding:10px 20px;border-radius:20px;color:#fff;z-index:1}.nav-button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px 15px}.nav-button:disabled{opacity:.5;cursor:not-allowed}.image-count{font-size:14px;margin:0 10px}.musicplayer{display:flex;padding-top:calc(var(--navbarheight));padding-bottom:calc(var(--footerheight) + 0px);height:calc(100vh - (var(--footerheight) + var(--navbarheight)));width:125vw}.searchdashboard{display:flex;margin-left:20px;margin-top:calc(var(--navbarheight));margin-bottom:calc(var(--footerheight));padding-right:10px;width:calc(100vw - 30px);overflow-y:scroll}.searchsonglist{display:flex;flex-wrap:wrap;justify-content:left;gap:0px;width:100%}.searchsongtile{position:relative;display:flex;flex-direction:column;padding:10px;min-width:150px;max-width:150px;background-color:var(--black);border-radius:15px;transition:background-color .2s;text-decoration:none;color:inherit}.searchsongtile:hover{background-color:var(--grey)}.searchsongdetails{display:flex;flex-direction:column;justify-content:center;align-items:left;padding:10px}.searchsongname{font-size:1rem;font-weight:700}.searchartists{font-size:.9rem;color:#aaa}.searchsongimages{height:150px;width:150px;border-radius:15px}.searchfavouritesbutton{position:absolute;right:15px;top:15px;display:flex;justify-content:center;align-items:center;padding:5px;background-color:var(--lightgrey);border:none;border-radius:15px;cursor:pointer}.searchfavouritesicon{height:32px;width:32px;color:var(--white);transition:.33s;cursor:pointer}.searchfavouritesicon:hover,.searchfavouritesiconactive{color:var(--red)}.favouritesdashboard{display:flex;margin-left:20px;margin-top:calc(var(--navbarheight));margin-bottom:calc(var(--footerheight));padding-right:10px;width:calc(100vw - 30px);overflow-y:scroll}.favouritessonglist{display:flex;flex-wrap:wrap;justify-content:left;gap:0px;width:100%}.favouritessongtile{display:flex;flex-direction:column;padding:10px;min-width:150px;max-width:150px;background-color:var(--black);border-radius:15px;transition:background-color .2s;text-decoration:none;color:inherit}.favouritessongtile:hover{background-color:var(--grey)}.favouritessongdetails{display:flex;flex-direction:column;justify-content:center;align-items:left;padding:10px}.favouritessongname{font-size:1rem;font-weight:700}.favouritesartists{font-size:.9rem;color:#aaa}.favouritessongimages{height:150px;width:150px;border-radius:15px}.favouritesfavouritesbutton{position:absolute;right:15px;top:15px;display:flex;justify-content:center;align-items:center;padding:5px;background-color:var(--lightgrey);border:none;border-radius:15px;cursor:pointer}.favouritesfavouritesicon{height:32px;width:32px;color:var(--white);transition:.33s;cursor:pointer}.favouritesfavouritesicon:hover,.favouritesfavouritesiconactive{color:var(--red)}.app{display:flex;flex-direction:column}[title]{position:relative}[title]:hover:after{content:attr(title);position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background-color:var(--lightgrey);color:var(--white);padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;pointer-events:none}.mediacontrol-button[title]:hover:after{bottom:-30px}@media (max-width: 768px){[title]:hover:after{display:none}}.mediacontrol-button{background:none;border:none;padding:0;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center}[title]:hover:after{animation:tooltipDelay .2s}@keyframes tooltipDelay{0%{opacity:0}50%{opacity:0}to{opacity:1}}:root{--purple: #bb6bfc;--black: #03020d;--grey: #1e1e1e;--white: #e1e1e1;--red: #fe251b;--transparent: #ff000000;--lightgrey: #343434;--lightblack: #0a0a0a;--navbarheight: 80px;--footerheight: 75px;overflow:hidden;box-sizing:border-box}html,body{height:100%;width:100%;padding:0;margin:0;border:0px}body{font-family:Inter,sans-serif;background-color:var(--black);color:var(--white)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--grey);border-radius:50px}::-webkit-scrollbar-thumb:hover{background:var(--lightgrey)}