@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);a,article,aside,body,button,circle,dd,div,dl,dt,em,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,img,input,li,main,nav,ol,p,path,polygon,section,select,span,strong,svg,table,td,textarea,th,tr,ul{-webkit-appearance:none;appearance:none;border:0;box-sizing:border-box;color:#fff;font-family:Open Sans,sans-serif;font-size:1.02em;font-style:normal;list-style-type:none;margin:0;outline:none;padding:0}body,html{background-color:#111}::selection{background:#000;color:#fff}h1,h2,h3,h4,h5,h6{--webkit-user-select:none;font-weight:500;-webkit-user-select:none;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,button,input,select,textarea{background-color:initial;resize:none;transition:all .3s ease}img{--webkit-user-select:none;-webkit-user-select:none;user-select:none}button{align-items:center;cursor:pointer;display:flex;justify-content:center}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}p{line-height:160%;margin-bottom:10px}audio{display:none}input[type=range]{--g:0px;--l:3px;--s:12px;-webkit-appearance:none;appearance:none;background:none;border-radius:50em;cursor:pointer;height:var(--s);overflow:hidden;width:100%}input[type=range].red{--c:red}input[type=range].white{--c:#fff}input[type=range][disabled]{opacity:.3}input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;aspect-ratio:1;background-color:#fff;border-image:linear-gradient(90deg,var(--c) 50%,#666 0) 0 1 /calc(50% - var(--l)/2) 100vw/0 calc(100vw + var(--g));border-radius:50em;box-shadow:0 0 0 var(var(--l)) inset var(--c);height:var(--s);-webkit-transition:.3s;transition:.3s}.material-symbols-outlined{--webkit-user-select:none;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;font-weight:400!important;line-height:0;-webkit-user-select:none;user-select:none}.grid{display:grid;grid-template-columns:repeat(3,1fr);place-items:center}.flex{display:flex}.flex-1{flex:1 1}.flex-2{flex:2 1}.flex-3{flex:3 1}.flex-4{flex:4 1}.flex-5{flex:5 1}.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;-webkit-user-select:none;user-select:none}.text-shadow{text-shadow:1px 1px #000}.underline:hover{text-decoration:underline}#root,.full-h{height:100vh}.strong,strong{font-weight:600}.button{--webkit-user-select:none;align-items:center;border-radius:10px;display:flex;font-weight:500;justify-content:center;padding:10px 20px 12px;text-decoration:none;-webkit-user-select:none;user-select:none}.button.black{background-color:#000}.active-opacity:active{opacity:.6;transition:all .2s ease}.container{margin:0 auto;max-width:900px;padding:0 10px;width:100%}.cover{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;filter:blur(50px);height:100%;left:0;position:fixed;right:0;top:0;transform:scale(1.3);width:100%}.artist{padding:0 0 110px}.albums,.artist{left:50%;position:absolute;transform:translateX(-50%);width:100%}.albums{padding:70px 0 110px}.information{left:50%;max-width:600px;padding:80px 0 110px;position:absolute;transform:translateX(-50%);width:100%}.information .image{color:#000;font-family:monospace;margin:0 auto;perspective:1000px}.information .image,.information .image img{height:400px;width:400px}.information .image .image-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform 1s;width:100%}.information .image .image-inner .back,.information .image .image-inner .front{backface-visibility:hidden;border-radius:5px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.information .image .back{background-position:50%;background-repeat:no-repeat;background-size:cover;transform:rotateY(180deg)}.information .image:hover .image-inner{transform:rotateY(-180deg)}.information .image .back .back-info{background-color:#000c;padding:10px;width:100%}.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{border:1px solid #333;font-size:.6em;padding:6px 0;width:80px}.information .album{margin-bottom:10px}.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:#dadada;font-size:.75em}.information .album .album-info span{font-size:1em}.information .album a:hover{text-decoration:underline}.information .play-button{background-color:#ffffffe6;border-radius:50em;height:60px;margin:0 10px 10px;width:60px}.information .play-button span{color:#000;font-size:2.3em}.information .play-button[disabled]{opacity:.3;pointer-events:none}.information button.small{background-color:#0003;border-radius:50em;height:40px;width:40px}.information button.small span{font-size:.9em}.information .playlist{padding:0 10px}.information .playlist a{display:block;margin-bottom:4px}.information .playlist .track{border-radius:10px;font-size:.8em;margin-bottom:3px;padding:15px 15px 15px 5px}.information .playlist .track:hover{background-color:#0003}.information .playlist .track .track-number{border-radius:50em;height:30px;width:30px}.information .playlist .track .name-button{font-weight:600;justify-content:flex-start;padding-bottom:5px;text-align:left}.information .playlist .track.active{background-color:#0000001a}.information .playlist .track .control{display:none}.information .playlist .track:hover .control{display:flex}.information .playlist .track:hover .number{display:none}.player{background-color:#212121;bottom:0;left:0;position:fixed;right:0;z-index:999999}.player .player-container{min-height:90px;padding:0 20px}.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:#999;font-size:.8em}.player-information .mini-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;height:50px;width:50px}.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:#999}.player .player-information .track-info a:hover{text-decoration:underline}.player .progress{left:0;position:absolute;right:0;top:-14px}.player .progress .progress-bar::-webkit-slider-thumb{background-color:red;border-image:linear-gradient(90deg,var(--c) 50%,#999 0) 0 1 /calc(50% - var(--l)/2) 100vw/0 calc(100vw + var(--g));color:red}.player .expand-button span{font-size:1.7em}.card{width:180px}.card .card-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;height:180px;width:180px}.card .card-info{padding:10px 5px;text-align:center}.card .card-info span,.card .card-info strong{font-size:.8em}.artist-cover{background-position:top;background-repeat:no-repeat;background-size:cover;height:350px;width:100%}.artist-cover h1{font-size:1.9em;margin-bottom:10px}.artist-cover p,.artist-cover span{font-size:.85em}.artist-cover button{border:1px solid #333;font-size:.9em;padding:7px 0;width:100px}.artist-gradient{background:linear-gradient(180deg,#fff0,#111)}.song{border-bottom:1px solid #222;padding:10px 0}.song:last-child{border-bottom:none}.song .image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;height:35px;width:35px}.song .album-name span,.song .artist-name span,.song .name strong,.song .play-count span{font-size:.8em}.song .album-name span,.song .artist-name span,.song .play-count span{color:#999}.song .song-arrow{background-color:#222;border-radius:50em;height:35px;transition:all .3s ease;width:35px}.song:hover .song-arrow{background-color:#444}.song:hover .name strong{text-decoration:underline}.scroll-container{position:relative}.scroll-container .left-arrow,.scroll-container .right-arrow{position:absolute;top:75px}.scroll-container .left-arrow{left:0;margin-left:2px;z-index:9999}.scroll-container .right-arrow{margin-right:2px;right:0;z-index:9998}.scroll-container .left-arrow button,.scroll-container .right-arrow button{border-radius:50em;cursor:pointer;height:40px;padding:0;width:40px}.scroll-container .left-arrow button span,.scroll-container .right-arrow button span{font-size:1.75em}.scrollable{overflow-x:auto;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}.scrollable::-webkit-scrollbar,.scrollable::-webkit-scrollbar-track{background-color:#111;height:1px}.scrollable::-webkit-scrollbar-thumb{background-color:#111;height:1px}.scrollable::-webkit-scrollbar-thumb:window-inactive{background:#111}.grid .card{width:100%}.grid .card .card-image{aspect-ratio:1/1;height:auto;margin:0 auto;object-fit:cover;width:95%}.search{left:0;position:absolute;right:0;top:15px;z-index:999999}.search-container{background-color:#2b2b2b99;border:1px solid #ffffff4d;border-radius:10px;padding:0 10px}.search-container input{background-color:initial;font-size:.9em;min-width:350px;padding:8px 0}.search-container input::placeholder{color:#dadada}.search-container label{color:#dadada;font-size:1em}@media (max-width:750px){.player .player-container{padding:0 10px}.player .player-information{justify-content:flex-start}.player .expand-button,.player .player-buttons{display:none}.player .play-button{display:flex}.player .volume-control{display:none}.song .image{height:45px;width:45px}.song .name{align-items:flex-start;flex-direction:column}.song .album-name,.song .artist,.song .play-count{flex:initial}}@media (max-width:600px){.information .image,.information .image img{height:320px;width:320px}.song{font-size:1em}.grid{grid-template-columns:repeat(2,1fr)}}@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}}