@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";html,body,header,footer,main,section,article,aside,nav,form,input,select,button,textarea,div,span,p,i,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,em,strong,a,table,tr,th,td,img,svg,path,circle,polygon{border:0;margin:0;padding:0;outline:none;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.02em;font-style:normal;list-style-type:none;box-sizing:border-box;font-family:"Exo 2",sans-serif}html,body{background-color:#fbf8f2}::selection{color:#fff;background:#0b1fe9}h1,h2,h3,h4,h5,h6{font-weight:500;-webkit-user-select:none;user-select:none;--webkit-user-select: none}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}a,input,textarea,select,button{resize:none;transition:all .3s ease;background-color:transparent}img{-webkit-user-select:none;user-select:none;--webkit-user-select: none}button{display:flex;cursor:pointer;align-items:center;justify-content:center}table{border-spacing:0;border-collapse:collapse}a{text-decoration:none}p{line-height:160%;margin-bottom:10px}audio{display:none}input[type=range]{--g: 0px;--l: 3px;--s: 12px;width:100%;cursor:pointer;height:var(--s);overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-radius:50em}input[type=range].red,input[type=range].white{--c: #0b1fe9}input[type=range][disabled]{opacity:.3}input[type=range i]::-webkit-slider-thumb{transition:.3s;aspect-ratio:1;height:var(--s);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50em;background-color:#0b1fe9;box-shadow:0 0 0 var(var(--l)) inset var(--c);border-image:linear-gradient(90deg,var(--c) 50%,#ddd7c9 0) 0 1 / calc(50% - var(--l) / 2) 100vw/0 calc(100vw + var(--g))}.material-symbols-outlined{-webkit-user-select:none;user-select:none;--webkit-user-select: none;line-height:0;font-weight:400!important;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.grid{display:grid;place-items:center;grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-4{flex:4}.flex-5{flex:5}.flex-v-end{align-items:flex-end}.flex-h-end{justify-content:flex-end}.flex-start{justify-content:flex-start}.flex-gap{gap:15px}.flex-gap-large{gap:20px}.flex-gap-small{gap:5px}.flex-gap-medium{gap:10px}.flex-grow{flex-grow:1}.flex-inline{display:inline-flex}.flex-column{flex-direction:column}.flex-h-center{justify-content:center}.flex-v-center{align-items:center}.flex-space-between{justify-content:space-between}.no-select{-webkit-user-select:none;user-select:none;--webkit-user-select: none}.text-shadow{text-shadow:none}.underline:hover{text-decoration:underline}#root,.full-h{height:100vh}strong,.strong{font-weight:600}.button{display:flex;font-weight:500;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;text-decoration:none;justify-content:center;--webkit-user-select: none;padding:10px 20px 12px}.button.black{background-color:#0b1fe9}.active-opacity:active{opacity:.6;transition:.2s all ease}.container{width:100%;margin:0 auto;padding:0 10px;max-width:900px}.cover{top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:.12;position:fixed;filter:blur(50px);transform:scale(1.3);background-size:cover;background-position:center;background-repeat:no-repeat}.artist{left:50%;width:100%;position:absolute;padding:0 0 110px;transform:translate(-50%)}.artist-main-row{display:flex;flex-direction:row;gap:20px;align-items:flex-start;position:relative;padding:0 20px;max-width:1500px;margin:0 auto;width:100%;box-sizing:border-box}.artist-page-title{position:absolute;top:-386px;left:20px;right:20px;z-index:3;text-align:center;pointer-events:none}.artist-page-title h1{color:#fff;font-size:clamp(2.1rem,4vw,3.4rem);font-weight:700;line-height:1.1;letter-spacing:.01em}.artist-songs{flex:1;min-width:0;background-color:#fff;border-radius:12px;border:1px solid #ddd7c9;padding:20px;position:relative;z-index:2;margin-top:-280px}.artist-albums-sidebar{width:450px}.artist-albums-sidebar .container{max-width:100%;padding:0}.artist>section.container{background-color:#fff;border-radius:12px;border:1px solid #ddd7c9;padding:20px;margin-bottom:30px}.albums{left:50%;width:100%;position:absolute;padding:70px 0 110px;transform:translate(-50%)}.albums .container{background-color:#fff;border-radius:12px;border:1px solid #ddd7c9;padding:20px}.album-layout{left:50%;top:0;position:absolute;transform:translate(-50%);padding:30px 20px 110px;width:100%;max-width:1500px;display:flex;flex-direction:row;gap:40px;align-items:flex-start}.album-layout .lyrics-container{min-width:0;background-color:#fff;border-radius:12px;border:1px solid #ddd7c9;height:84vh;flex:.7;display:flex;flex-direction:column}.information{flex:1;min-width:0;background-color:#fff;border-radius:12px;border:1px solid #ddd7c9;overflow-y:auto;height:84vh}.information .image{width:100%;height:auto;aspect-ratio:1;margin:0;border-radius:0;position:sticky;top:20px;left:20px;width:300px;height:300px}.information .image img,.information .image .no-artwork{width:100%;height:100%;display:block;object-fit:cover;border-radius:0;background-color:#e0d9ce}.information .image .image-inner{width:100%;height:100%}.information .image .image-inner .front{width:100%;height:100%;border-radius:5px;overflow:hidden}.information .image .back .back-info h3{font-size:1em;margin-bottom:5px}.information .image .back .back-info p,.information .image .back .back-info span{font-size:.6em}.information .image .back .back-info a,.information .image .back .back-info button{width:80px;padding:6px 0;font-size:.6em;border:1px solid #ddd7c9}.information .album{margin-bottom:10px;position:sticky;top:340px;left:20px;width:300px}.information .album+.flex{position:sticky;top:460px;left:20px;width:300px}.information .album h1{font-size:1.7em}.information .album h2{font-size:1em}.information .album .album-info{margin-top:5px}.information .album .album-info em{color:#888;font-size:.75em}.information .album .album-info span{font-size:1em}.information .album a:hover{text-decoration:underline}.information .play-button{width:60px;height:60px;border-radius:50em;margin:0 10px 10px;background-color:#0b1fe9}.information .play-button span{font-size:2.3em;color:#fff}.information .play-button[disabled]{opacity:.3;pointer-events:none}.information button.small{width:40px;height:40px;border-radius:50em;background-color:#0000000f}.information button.small span{font-size:.9em}.information .playlist{padding:0 10px 0 330px;margin-top:-500px}.information .playlist a{display:block;margin-bottom:4px}.information .playlist .track{font-size:.8em;margin-bottom:3px;border-radius:10px;padding:15px 15px 15px 5px}.information .playlist .track:hover{background-color:#0000000d}.information .playlist .track .track-number{width:30px;height:30px;border-radius:50em}.information .playlist .track .name-button{font-weight:600;text-align:left;padding-bottom:0;justify-content:flex-start}.information .playlist .track.active{background-color:#0b1fe912}.information .playlist .track .control{display:none}.information .playlist .track:hover .control{display:flex}.information .playlist .track:hover .number{display:none}.player{left:0;right:0;bottom:0;z-index:999999;position:fixed;background-color:#fff;border-top:1px solid #ddd7c9}.player .player-container{padding:0 20px;min-height:90px}.player .player-buttons .big span{font-size:2.5em}.player .play-button{display:none}.player .play-button span{font-size:2em}.player .player-buttons button.disabled{opacity:.4;pointer-events:none}.player .player-duration em,.player .player-duration span{color:#888;font-size:.8em}.player-information .mini-image{width:50px;height:50px;border-radius:5px;background-color:#e0d9ce;background-size:cover;background-position:center;background-repeat:no-repeat}.player .player-information .track-info span,.player .player-information .track-info strong{font-size:.8em}.player .player-information .track-info a,.player .player-information .track-info span{color:#888}.player .player-information .track-info a:hover{text-decoration:underline}.player .progress{left:0;right:0;top:-14px;position:absolute}.player .progress .progress-bar::-webkit-slider-thumb{color:#0b1fe9;background-color:#0b1fe9;border-image:linear-gradient(90deg,var(--c) 50%,#ddd7c9 0) 0 1 / calc(50% - var(--l) / 2) 100vw/0 calc(100vw + var(--g))}.player .expand-button span{font-size:1.7em}.card{width:180px;margin-right:20px;position:relative;white-space:normal;vertical-align:top;display:inline-block}.artist-albums-sidebar .card:last-child{margin-right:0}.card .card-image{width:180px;height:180px;border-radius:5px;background-color:#e0d9ce;background-size:cover;background-position:center;background-repeat:no-repeat}.card .card-info{padding:10px 5px;text-align:center}.card .card-info span,.card .card-info strong{font-size:.8em}.artist-cover{width:100%;height:420px;background-color:#ddd7c9;background-size:cover;background-repeat:no-repeat;background-position:center top;position:relative;overflow:hidden}.artist-cover:before{content:"";background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;top:-2%;left:-2%;height:104%;width:104%;background-image:var(--artist-bg);filter:blur(4px);z-index:2}.artist-cover:after{content:"";background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;top:0;left:50%;height:100%;width:auto;background-image:var(--artist-bg);transform:translate(-50%);z-index:3;aspect-ratio:1;display:none}.artist-cover h1{font-size:1.9em;margin-bottom:10px}.artist-cover p,.artist-cover span{font-size:.85em}.artist-cover button{width:100px;padding:7px 0;font-size:.9em;border:1px solid #ddd7c9}.artist-gradient{background:linear-gradient(180deg,#fbf8f200,#fbf8f2);display:none}.song{padding:10px 0;border-bottom:1px solid #ddd7c9}.song:last-child{border-bottom:none}.song .image{width:35px;height:35px;border-radius:3px;background-color:#e0d9ce;background-size:cover;background-repeat:no-repeat;background-position:center}.song .name strong,.song .artist-name span,.song .play-count span,.song .album-name span{font-size:.8em}.song .artist-name span,.song .play-count span,.song .album-name span{color:#888}.song .song-arrow{width:35px;height:35px;border-radius:50em;transition:.3s all ease;background-color:#f0ebe3;border:1px solid #ddd7c9}.song:hover .song-arrow{background-color:#ddd7c9}.song:hover .name strong{text-decoration:underline}.scroll-container{display:flex;position:relative;align-items:center}.scroll-container .left-arrow,.scroll-container .right-arrow{top:75px;position:absolute}.scroll-container .left-arrow{left:0;z-index:9999;margin-left:2px}.scroll-container .right-arrow{right:0;z-index:9998;margin-right:2px}.scroll-container .left-arrow button,.scroll-container .right-arrow button{padding:0;width:35px;height:35px;opacity:.8;cursor:pointer;border-radius:50em;border:1px solid #ddd7c9;background-color:#fff}.scroll-container .left-arrow button:hover,.scroll-container .right-arrow button:hover{opacity:1}.scroll-container .left-arrow button span,.scroll-container .right-arrow button span{line-height:1;font-size:1.5em}.scrollable{width:100%;-webkit-user-select:none;user-select:none;overflow-x:hidden;white-space:nowrap}.scrollable::-webkit-scrollbar{height:1px;background-color:#ddd7c9}.scrollable::-webkit-scrollbar-track{height:1px;background-color:#ddd7c9}.scrollable::-webkit-scrollbar-thumb{height:1px;background-color:#ddd7c9}.scrollable::-webkit-scrollbar-thumb:window-inactive{background:#ddd7c9}.grid .card{width:100%}.grid .card .card-image{width:95%;height:auto;margin:0 auto;object-fit:cover;aspect-ratio:1/1}.search{display:none}.search-container{padding:0 10px;border-radius:10px;background-color:#2b2b2b99;border:1px solid rgba(255,255,255,.3)}.search-container input{padding:8px 0;font-size:.9em;min-width:350px;background-color:transparent}.search-container input::placeholder{color:#dadada}.search-container label{font-size:1em;color:#dadada}#root .lyrics-scroll{max-height:calc(100% - 30px)}h1,h2,h3,h4,h5{font-weight:800!important}strong{font-weight:700}.lyric-line .line-text{font-size:1.2rem;line-height:1.15}.lyric-line.active .line-text{padding:8px 16px;font-size:1.9rem;line-height:1}@media(max-width:1500px){.artist-albums-sidebar{width:250px}}@media(max-width:1200px){.information .image{width:220px;height:220px}.information .album,.information .album+.flex{width:220px}.information{width:100%}.information .playlist{padding-left:250px;margin-top:-420px}.information .album+.flex{top:360px}}@media(max-width:750px){.player .player-container{padding:0 10px}.player .player-information{justify-content:flex-start}.player .player-buttons,.player .expand-button{display:none}.player .play-button{display:flex}.player .volume-control{display:none}.song .image{width:45px;height:45px}.song .name{flex-direction:column;align-items:flex-start}.song .artist,.song .play-count,.song .album-name{flex:unset}}@media(max-width:900px){.album-layout{flex-direction:column-reverse;max-width:96%;align-items:initial}.artist-page-title{top:-340px}.lyrics-scroll-wrapper:after{bottom:0}#root .lyrics-scroll{max-height:350px}.lyrics-stanza{margin-bottom:30px}.artist-albums-sidebar{width:180px}}@media(max-width:600px){.song{font-size:1em}.artist-page-title{top:-255px;left:10px;right:10px}.artist-page-title h1{font-size:1.8rem}.grid{grid-template-columns:repeat(2,1fr)}.information .image{position:relative;top:0;left:0;width:100%;aspect-ratio:1/1;height:auto;order:1}.information .album{padding-top:20px}.information .album,.information .album+.flex{position:relative;top:0;left:0;width:100%}.information .playlist{padding-left:20px;margin-top:0}.album-layout{max-width:100%}.artist-cover{height:300px}.artist-main-row{flex-direction:column}.artist-cover:before{filter:none}.artist-songs{margin-top:-100px}.song .image{display:none}.song .flex:nth-child(2) .flex-2{flex-direction:column;align-items:flex-start;gap:0}.song .album-name span{font-size:12px}}@media(max-width:450px){.song .play-count{display:none}.artist-cover h1{font-size:1.7em}.artist-cover p,.artist-cover span{font-size:.9em}.artist-cover button{font-size:.85em}}.home-button{position:fixed;top:16px;left:16px;z-index:1000;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000026;color:#333;text-decoration:none;transition:background .15s,box-shadow .15s,transform .1s}.home-button:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.07)}.home-button .material-symbols-outlined{font-size:22px}.lyrics-container{padding:20px 20px 0;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.lyrics-header{margin-bottom:0}.lyrics-header h3{font-size:1.1em;font-weight:600}.lyrics-time{font-size:.82em;color:#888;font-variant-numeric:tabular-nums}.lyrics-scroll{height:100%;overflow-y:auto;padding:40px 0;scrollbar-width:thin;scrollbar-color:#ddd7c9 transparent}.lyrics-scroll::-webkit-scrollbar{width:3px}.lyrics-scroll::-webkit-scrollbar-thumb{background-color:#ddd7c9;border-radius:3px}.lyrics-stanza{margin-bottom:50px}.lyrics-stanza:last-child{margin-bottom:0}.lyric-line{display:block;width:100%;text-align:center;background:transparent;border:none;border-radius:8px;padding:4px 16px;cursor:pointer;transition:background .1s}.lyric-line:hover{background:#0000000a}.lyric-line.active{background:#0b1fe9;border-radius:8px}.line-time{display:none}.line-text{font-size:.85em;line-height:1.5;color:#444}.lyric-line.active .line-text{color:#fff;font-size:1.9em;font-weight:700}.lyrics-scroll-wrapper{position:relative;flex:1;min-height:0;overflow:hidden}.lyrics-scroll-wrapper:before,.lyrics-scroll-wrapper:after{content:"";position:absolute;left:0;right:0;height:60px;pointer-events:none;z-index:1}.lyrics-scroll-wrapper:before{top:0;background:linear-gradient(to bottom,#ffffff,transparent)}.lyrics-scroll-wrapper:after{bottom:0;height:90px;background:linear-gradient(to top,#ffffff,transparent)}