body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.screensaver-overlay{background-color:#0f0f0f;color:#fff;font-family:Segoe UI,system-ui,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.close-btn{background:none;border:none;color:#fff6;cursor:pointer;font-family:CustomFont,monospace;font-size:14px;font-weight:700;letter-spacing:1px;opacity:1;position:absolute;right:30px;text-transform:uppercase;top:20px;transition:opacity .8s ease,color .2s;z-index:10000}.close-btn.hidden{opacity:0;pointer-events:none}.close-btn:hover{color:#fff}#loading-screen{align-items:center;background:#0f0f0f;display:flex;flex-direction:column;gap:20px;inset:0;justify-content:center;position:absolute;transition:opacity .8s ease;z-index:100}#loading-screen.fade-out{opacity:0;pointer-events:none}.spinner{animation:spin .9s linear infinite;border:3px solid #ffffff14;border-radius:50%;border-top-color:#ffffffb3;height:42px;width:42px}@keyframes spin{to{transform:rotate(1turn)}}#loading-screen p{color:#fff6;font-size:13px;letter-spacing:.08em;text-transform:uppercase}#wrapper{background:#0f0f0f;height:100vh;overflow:hidden;position:relative;width:100vw}#grid-container{--grid-unit:clamp(18px,3.8vw,48px);grid-gap:2px;animation:endless-scroll 200s linear infinite;display:grid;gap:2px;grid-auto-columns:var(--grid-unit);grid-auto-flow:column dense;grid-template-rows:repeat(auto-fill,var(--grid-unit));height:100vh;padding:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;will-change:transform}@keyframes endless-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.grid-item{border-radius:0;cursor:default;height:100%;overflow:hidden;position:relative;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;width:100%}.grid-item:hover{box-shadow:0 8px 32px #000000b3;transform:scale(.92);z-index:10}.grid-item img{background:#1c1c1c;border-radius:0;display:block;height:100%;object-fit:cover;width:100%}.grid-item .tooltip{background:linear-gradient(#0000,#000000d9);border-radius:0;bottom:0;color:#ffffffe6;font-size:11px;font-weight:500;left:0;line-height:1.3;opacity:0;overflow:hidden;padding:20px 8px 8px;position:absolute;right:0;text-overflow:ellipsis;transition:opacity .2s ease;white-space:nowrap}.grid-item:hover .tooltip{opacity:1}.size-1 .tooltip{display:none}.size-1{grid-column:span 1;grid-row:span 1}.size-2{grid-column:span 2;grid-row:span 2}.size-3{grid-column:span 3;grid-row:span 3}.size-4{grid-column:span 4;grid-row:span 4}#error-state{align-items:center;color:#ffffff80;flex-direction:column;font-size:14px;gap:12px;inset:0;justify-content:center;position:absolute}#error-state svg{opacity:.3}.header{text-align:center}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{background:#000}body::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:0}body::-webkit-scrollbar-thumb:hover{background:#444}@font-face{font-family:CustomFont;src:url(/static/media/SF-Pro.2f9118d7e608bf94730c.ttf) format("truetype")}body{color:#e8e6e3;font-family:CustomFont}form{margin-bottom:20px}button,input,select{background-color:#000;color:#e8e6e3;font-size:16px;margin:5px;padding:10px 15px;text-align:center}ol{padding-left:10px}li{letter-spacing:.3px;margin:6px 0;padding-left:2px}button,input,select{border:none;border-bottom:1px solid #333;cursor:pointer;font-family:CustomFont,Arial,sans-serif;font-weight:700;outline:none;padding-bottom:5px;transition:border-color .3s ease}button:focus,button:hover,input:focus,input:hover,select:focus,select:hover{border-bottom-color:#888}.app{flex-direction:row;gap:20px;justify-content:center;padding:0 20px}.app,.main-page{display:flex}.dashboard{align-items:center;background-color:#000;padding:20px 0;position:absolute;width:100vw;z-index:3}.dashboard,.sidebar,.sidebar-user{display:flex;flex-direction:column}.profile-img img{border-radius:50px;height:100px;width:100px}.usercard{flex-grow:1;padding:15px;width:375px}.pro,.usercard{display:flex;flex-direction:row}.pro{align-items:center;justify-content:center}.profile{display:flex;flex-direction:column}.profile p{font-weight:700;letter-spacing:1px;margin:5px;padding-left:10px}.playing-history{display:flex;flex-direction:row;padding:15px;width:375px}.playing-history img{border-radius:5px;height:75px;width:75px}.lastfm-chart{display:flex;flex-direction:row}.images{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.images img{height:75px;margin-bottom:0;width:75px}.img{height:75px}.image-board{border-radius:15px;box-shadow:0 4px 8px #0000001a;flex-direction:row;max-width:375px;min-width:375px;padding:15px 15px 2vh}.image-board,.lastfm{display:flex;flex-wrap:wrap}.lastfm{align-items:center;flex-direction:column;justify-content:center}.info{height:140px;margin-left:15px;overflow:auto;padding:15px 15px 0;width:760px}.info,.info img{display:flex;flex-grow:1}.info img{height:50px;width:50px}.info::-webkit-scrollbar{width:5px}.info::-webkit-scrollbar-track{background:#000}.info::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:0}.info::-webkit-scrollbar-thumb:hover{background:#444}.tops{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.lastfm-text{font-size:medium;padding-left:5px}.card{box-shadow:0 4px 8px #0000001a;height:400px;margin-left:15px;max-width:250px;min-width:250px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.card-heading{background-color:#000;border-bottom:1px solid #222;color:#e8e6e3;font-size:18px;font-weight:700;padding:15px 15px 0}.card-heading h1{margin:0 0 5px}.card-content{color:#aaa;font-size:12px;height:350px;overflow:auto;padding:10px 15px 15px}.card-content li{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.track-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plays-count{color:#666;flex-shrink:0;font-size:11px;text-align:right}.card-content::-webkit-scrollbar{width:5px}.card-content::-webkit-scrollbar-track{background:#000}.card-content::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:0}.card-content::-webkit-scrollbar-thumb:hover{background:#444}.recent-track{flex-wrap:1;font-family:CustomFont,Arial,sans-serif;padding:10px}.last-track{display:flex;flex-direction:column}.last-track-list{align-items:center;display:flex;flex-direction:row}.list-none h1{font-weight:700;padding:15px 15px 0}.list-none ol{list-style-type:none}.last-track-list img{margin-bottom:10px;margin-right:5px;max-height:50px;max-width:50px}.last-track-list p1{flex-grow:1;font-size:12px;max-width:75%}.last-track-list p2{color:#666;font-size:12px}.now-playing{align-items:center;display:flex;flex-direction:row;justify-content:center}.now-playing,.now-playing-text p{font-family:CustomFont,Arial,sans-serif}.now-playing-text p{margin:5px;padding:0 0 0 10px}.now-playing-text p:first-child{animation:pulse 2s ease-in-out infinite;color:#888;font-size:10px;letter-spacing:3px;text-transform:uppercase}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.images img,.last-track-list img,.playing-history img{transition:transform .2s ease,filter .2s ease}.images img:hover,.last-track-list img:hover,.playing-history img:hover{filter:brightness(1.1);transform:scale(1.05)}.img-ren{height:100px;overflow:hidden;position:relative;width:100px;z-index:1}.biggercont,.img-ren{background-color:#000}.biggercont{transform:scale(.5)}.containe{align-items:center;background-color:#000;box-sizing:border-box;display:flex;flex-direction:column;font-family:CustomFont,Arial,sans-serif;height:1600px;justify-content:space-evenly;padding:160px 50px 30px;position:relative;width:900px}.poster-header{margin:0;text-align:left;width:100%}.poster-header h1{color:#e8e6e3;font-size:64px;font-weight:800;letter-spacing:-2px;margin:0;text-transform:lowercase}.poster-header p{color:#888;font-size:24px;letter-spacing:1px;margin:10px 0 40px}.lastfm-char{border-radius:20px;display:flex;flex-direction:row;height:800px;justify-content:center;margin:0;width:800px}.image{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.image img{margin-bottom:0;width:160px}.image img,.image-boar img{height:160px}.image-boar{flex-wrap:wrap;max-width:800px;min-width:800px}.image-boar,.top{display:flex;flex-direction:row}.top{justify-content:space-between;margin:60px 0 0;width:100%}.topart li,.toptrack li{color:#aaa;font-size:22px;font-weight:500;letter-spacing:.5px;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardd{height:500px;margin-left:10px;overflow:hidden;padding-top:0;width:375px}.card-contentt{color:#fff;height:300px;overflow:auto;padding:0}.card-headingg{background-color:#000;border-bottom:1px solid #333;margin-bottom:20px;padding-bottom:15px}.card-headingg h1{color:#e8e6e3;font-size:64px;font-weight:800;letter-spacing:-2px;line-height:1;margin:0;text-transform:lowercase}.topart,.toptrack{color:#fff;font-family:CustomFont;height:300px;overflow:hidden;width:375px}.topart h1,.toptrack h1{color:#fff}.usercardd{flex-direction:row;margin:auto 0 0;padding-bottom:0;width:100%}.usercardd,.usercardd .pro{align-items:center;display:flex;justify-content:center}.usercardd .pro{gap:30px}.usercardd .profile-img img{border-radius:100;height:60px;width:60px}.usercardd .profile{display:flex;flex-direction:column;justify-content:center}.usercardd .profile p:first-child{color:#fff;font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1;margin:0;padding:0;text-align:left}.usercardd .profile p:last-child{color:#666;font-size:16px;font-weight:600;letter-spacing:2px;margin:12px 0 0;padding:0;text-align:left;text-transform:uppercase}@media screen and (max-width:1200px){.sidebar{flex-direction:row;justify-content:center}.playing-history,.usercard{flex-grow:1;width:360px}.card{margin-left:10px}.info{height:250px;margin-left:0}.app{flex-direction:column}}@media screen and (max-width:790px){.sidebar{flex-wrap:1}.sidebar,.sidebar-user{align-items:center;flex-direction:column;justify-content:center}.sidebar-user{width:100vw}.playing-history,.usercard{flex-grow:1;width:360px}.now-playing-text p,.playing-history{font-size:12px}.lastfm-chart{display:flex;width:auto}.image-board{flex-wrap:wrap;height:250px;max-width:250px;min-width:250px}.images img{height:50px;margin-bottom:0;width:50px}.info{height:250px}.img{height:50px}.info{margin-left:0;padding:0;width:90vw}.tops{flex-direction:column}.card{height:auto;margin-left:0;margin-top:15px;min-width:90vw}.card-content{font-size:14px}.last-track-list p1{flex-grow:1;font-size:12px;max-width:75%}.last-track-list p2{font-size:0}.root{flex-direction:column}}
/*# sourceMappingURL=main.7e5b18fa.css.map*/