@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;0,600;0,700;1,400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}@media(max-width:500px){*{font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#000;color:#fff;overflow:hidden}#panel{margin-top:2rem}.playsm{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:100%;position:absolute;top:0;transform:translateY(100%);transition:transform 1s ease;width:100%;z-index:30}.playing{height:100vh;padding-top:5rem;width:90%}.play{cursor:pointer;height:60px;width:60px}div .pic{background-position:50%;background-repeat:no-repeat;border-radius:100%;height:50px;width:50px}.flex{align-items:center;display:flex}.totaltime{background-color:hsla(0,0%,53%,.573);border-radius:4px;height:7px;margin-top:10px;position:relative;width:100%}.seekbar{background-color:#fff;border-radius:100%;cursor:pointer;height:10px;position:absolute;top:-2px;transform:translateX(-50%);transition:all .2s ease;width:10px}.seekbar:hover{height:15px;top:-5px;width:15px}.duration{margin-left:auto}.album2,.duration{color:rgba(255,254,254,.536)}.album2{font-size:.9rem}.details{padding-left:1rem}.album{color:rgba(255,254,254,.536)}.ham{position:absolute;right:1rem;top:2rem}.searchbox{height:fit-content;padding:1.5rem 0;position:relative;width:100%}#sicon{cursor:pointer;filter:invert(70%);right:15px;top:2.2rem}#search{background-color:rgba(255,254,254,.132);border:0;border-radius:.5rem;color:#fff;font-size:large;padding:10px 0 10px 15px;width:100%}#search:focus{outline:none}#search::-webkit-search-cancel-button{display:none}#prof{bottom:5rem}.mauto{margin:auto}.songs{height:100vh;padding-top:30px;width:100%}.list{height:70vh;overflow-y:scroll;padding-top:1rem}.list::-webkit-scrollbar{width:1mm}.list::-webkit-scrollbar-thumb,.list::-webkit-scrollbar-track{opacity:0}.list::-webkit-scrollbar-thumb:hover{opacity:0}.container{flex-direction:row-reverse;justify-content:space-between;width:100%}.container,.song{display:flex;position:relative}.song{align-items:center;border-radius:.5rem;cursor:pointer;padding:1.3rem 1rem}.song:hover{background-color:hsla(0,0%,75%,.267);transition:background-color 1s ease}.logo{display:flex;justify-content:space-between;margin-top:1.5rem}.left{display:none}.leftsm{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);height:100vh;left:40%;position:absolute;top:0;transform:translateX(100%);transition:transform 1s ease;width:60%;z-index:5}.profile{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;bottom:1rem;cursor:pointer;height:50px;width:50px}.flexcol{display:flex;flex-direction:column;justify-content:space-between}.home ul li{color:rgba(255,254,254,.536);cursor:pointer;display:flex;font-size:1.2rem;font-weight:100;gap:20px;list-style:none;padding-top:15px;transition:all .5s ease}.playlg{display:none}.thumbnail{height:45%;margin-top:2.3rem;width:100%}.volslider{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:2rem;display:flex;flex-direction:column;height:15rem;justify-content:space-between;opacity:0;padding:1rem 0;right:1%;width:3rem;z-index:4}.circle,.volslider{position:absolute;transition:all 1s ease}.circle{animation:scale .5s ease;background-color:#fff3;border-radius:100%;height:100px;padding-left:10px;padding-top:10px;transform:translate(-50%,-50%) scale(0);width:100px;z-index:2}@keyframes scale{to{transform:translate(-50%,-50%) scale(9)}}.more{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:2rem;display:flex;height:3rem;opacity:0;padding:2px;position:absolute;transition:all 1s ease;width:10rem}.option{height:45px;padding-left:5px;padding-top:4px;width:45px}.option,.vol{background-color:#444;border-radius:100%;cursor:pointer;position:relative}.vol{height:35px;padding-left:11px;padding-top:11px;width:35px}.prev{rotate:180deg}.next,.prev{cursor:pointer;filter:invert(70%);height:30px;transition:all .5s ease;width:30px}.next:hover,.prev:hover{height:33px;width:33px}.justify-center{justify-content:center}.bg-black{background-color:#000;color:#fff}.invert{filter:invert(1)}.rounded{border-radius:7px}.items-center{align-items:center}}@media(min-width:500px)and (max-width:800px){*{font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#000;color:#fff;overflow:hidden}#panel{margin-top:6rem}.playsm{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:100%;position:absolute;top:0;transform:translateY(100%);transition:transform 1s ease;width:100%;z-index:30}.playing{height:100vh;padding-top:5rem;width:90%}.play{cursor:pointer;height:60px;width:60px}div .pic{background-position:50%;background-repeat:no-repeat;border-radius:100%;height:50px;width:50px}.flex{align-items:center;display:flex}.totaltime{background-color:hsla(0,0%,53%,.573);border-radius:4px;height:7px;margin-top:10px;position:relative;width:100%}.seekbar{background-color:#fff;border-radius:100%;cursor:pointer;height:10px;position:absolute;top:-2px;transform:translateX(-50%);transition:all .2s ease;width:10px}.seekbar:hover{height:15px;top:-5px;width:15px}.duration{margin-left:auto}.album2,.duration{color:rgba(255,254,254,.536)}.album2{font-size:.9rem}.details{padding-left:1rem}.album{color:rgba(255,254,254,.536)}.ham{position:absolute;right:1rem;top:2rem}.searchbox{height:fit-content;padding:1.5rem 0;position:relative;width:100%}#sicon{cursor:pointer;filter:invert(70%);right:15px;top:2.2rem}#search{background-color:rgba(255,254,254,.132);border:0;border-radius:.5rem;color:#fff;font-size:large;padding:10px 0 10px 15px;width:100%}#search:focus{outline:none}#search::-webkit-search-cancel-button{display:none}#prof{bottom:5rem}.mauto{margin:auto}.songs{height:100vh;padding-top:30px;width:100%}.list{height:70vh;overflow-y:scroll;padding-top:1rem}.list::-webkit-scrollbar{width:1mm}.list::-webkit-scrollbar-thumb,.list::-webkit-scrollbar-track{opacity:0}.list::-webkit-scrollbar-thumb:hover{opacity:0}.container{flex-direction:row-reverse;justify-content:space-between;width:100%}.container,.song{display:flex;position:relative}.song{align-items:center;border-radius:.5rem;cursor:pointer;padding:1.3rem 1rem}.song:hover{background-color:hsla(0,0%,75%,.267);transition:background-color 1s ease}.logo{display:flex;justify-content:space-between;margin-top:1.5rem}.left{display:none}.leftsm{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);height:100vh;left:40%;position:absolute;top:0;transform:translateX(100%);transition:transform 1s ease;width:60%;z-index:5}.profile{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;bottom:1rem;cursor:pointer;height:50px;width:50px}.flexcol{display:flex;flex-direction:column;justify-content:space-between}.home ul li{color:rgba(255,254,254,.536);cursor:pointer;display:flex;font-size:1.2rem;font-weight:100;gap:20px;list-style:none;padding-top:15px;transition:all .5s ease}.playlg{display:none}.thumbnail{height:45%;margin-top:2.3rem;width:100%}.volslider{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:2rem;display:flex;flex-direction:column;height:15rem;justify-content:space-between;opacity:0;padding:1rem 0;right:1%;width:3rem;z-index:4}.circle,.volslider{position:absolute;transition:all 1s ease}.circle{animation:scale .5s ease;background-color:#fff3;border-radius:100%;height:100px;padding-left:10px;padding-top:10px;transform:translate(-50%,-50%) scale(0);width:100px;z-index:2}@keyframes scale{to{transform:translate(-50%,-50%) scale(9)}}.more{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:2rem;display:flex;height:3rem;opacity:0;padding:2px;position:absolute;transition:all 1s ease;width:10rem}.option{height:45px;padding-left:5px;padding-top:4px;width:45px}.option,.vol{background-color:#444;border-radius:100%;cursor:pointer;position:relative}.vol{height:35px;padding-left:11px;padding-top:11px;width:35px}.prev{rotate:180deg}.next,.prev{cursor:pointer;filter:invert(70%);height:30px;transition:all .5s ease;width:30px}.next:hover,.prev:hover{height:33px;width:33px}.justify-center{justify-content:center}.bg-black{background-color:#000;color:#fff}.invert{filter:invert(1)}.rounded{border-radius:7px}.items-center{align-items:center}}@media(min-width:800px)and (max-width:1000px){*{font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#000;color:#fff;overflow:hidden}#panel{margin-top:6rem}.playsm{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:100%;position:absolute;top:0;transform:translateY(100%);transition:transform 1s ease;width:100%;z-index:30}.playing{height:100vh;padding-top:5rem;width:90%}.play{cursor:pointer;height:60px;width:60px}div .pic{background-position:50%;background-repeat:no-repeat;border-radius:100%;height:50px;width:50px}.flex{align-items:center;display:flex}.totaltime{background-color:hsla(0,0%,53%,.573);border-radius:4px;height:7px;margin-top:10px;position:relative;width:100%}.seekbar{background-color:#fff;border-radius:100%;cursor:pointer;height:10px;position:absolute;top:-2px;transform:translateX(-50%);transition:all .2s ease;width:10px}.seekbar:hover{height:15px;top:-5px;width:15px}.duration{margin-left:auto}.album2,.duration{color:rgba(255,254,254,.536)}.album2{font-size:.9rem}.details{padding-left:1rem}.album{color:rgba(255,254,254,.536)}.ham{position:absolute;right:1rem;top:2rem}.searchbox{height:fit-content;padding:1.5rem 0;position:relative;width:100%}#sicon{cursor:pointer;filter:invert(70%);right:15px;top:2.2rem}#search{background-color:rgba(255,254,254,.132);border:0;border-radius:.5rem;color:#fff;font-size:large;padding:10px 0 10px 15px;width:100%}#search:focus{outline:none}#search::-webkit-search-cancel-button{display:none}#prof{bottom:5rem}.mauto{margin:auto}.songs{height:100vh;padding-top:30px;width:100%}.list{height:70vh;overflow-y:scroll;padding-top:1rem}.list::-webkit-scrollbar{width:1mm}.list::-webkit-scrollbar-thumb,.list::-webkit-scrollbar-track{opacity:0}.list::-webkit-scrollbar-thumb:hover{opacity:0}.container{flex-direction:row-reverse;justify-content:space-between;width:100%}.container,.song{display:flex;position:relative}.song{align-items:center;border-radius:.5rem;cursor:pointer;padding:1.3rem 1rem}.song:hover{background-color:hsla(0,0%,75%,.267);transition:background-color 1s ease}.logo{display:flex;justify-content:space-between;margin-top:1.5rem}.left{display:none}.leftsm{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);height:100vh;left:40%;position:absolute;top:0;transform:translateX(100%);transition:transform 1s ease;width:60%;z-index:5}.profile{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;bottom:1rem;cursor:pointer;height:50px;width:50px}.flexcol{display:flex;flex-direction:column;justify-content:space-between}.home ul li{color:rgba(255,254,254,.536);cursor:pointer;display:flex;font-size:1.2rem;font-weight:100;gap:20px;list-style:none;padding-top:15px;transition:all .5s ease}.playlg{display:none}.thumbnail{height:45%;margin-top:2.3rem;width:100%}.volslider{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:2rem;display:flex;flex-direction:column;height:15rem;justify-content:space-between;opacity:0;padding:1rem 0;right:1%;width:3rem;z-index:4}.circle,.volslider{position:absolute;transition:all 1s ease}.circle{animation:scale .5s ease;background-color:#fff3;border-radius:100%;height:100px;padding-left:10px;padding-top:10px;transform:translate(-50%,-50%) scale(0);width:100px;z-index:2}@keyframes scale{to{transform:translate(-50%,-50%) scale(9)}}.more{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:2rem;display:flex;height:3rem;opacity:0;padding:2px;position:absolute;transition:all 1s ease;width:10rem}.option{height:45px;padding-left:5px;padding-top:4px;width:45px}.option,.vol{background-color:#444;border-radius:100%;cursor:pointer;position:relative}.vol{height:35px;padding-left:11px;padding-top:11px;width:35px}.prev{rotate:180deg}.next,.prev{cursor:pointer;filter:invert(70%);height:30px;transition:all .5s ease;width:30px}.next:hover,.prev:hover{height:33px;width:33px}.justify-center{justify-content:center}.bg-black{background-color:#000;color:#fff}.invert{filter:invert(1)}.rounded{border-radius:7px}.items-center{align-items:center}}@media(min-width:1000px){.playlg{height:100%;width:55%}.mauto{margin:auto}#panel{margin-top:2rem}.playsm{display:none}#prof{bottom:-3rem}.leftsm{display:none}.volslider{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:2rem;display:flex;flex-direction:column;height:15rem;justify-content:space-between;opacity:0;padding:1rem 0;right:10.5rem;width:3rem}.circle,.volslider{position:absolute;transition:all 1s ease}.circle{animation:scale .5s ease;background-color:#fff3;border-radius:100%;height:100px;padding-left:10px;padding-top:10px;transform:translate(-50%,-50%) scale(0);width:100px;z-index:2}@keyframes scale{to{transform:translate(-50%,-50%) scale(9)}}.more{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:2rem;display:flex;height:3rem;opacity:0;padding-left:1rem;position:absolute;right:21rem;transform:translate(-50%);transition:all 1s ease;width:15rem}.option{height:45px;padding-left:5px;padding-top:4px;width:45px}.option,.vol{background-color:#444;border-radius:100%;cursor:pointer}.vol{height:35px;padding-left:11px;padding-top:11px;width:35px}.prev{rotate:180deg}.next,.prev{cursor:pointer;filter:invert(70%);height:30px;transition:all .5s ease;width:30px}.next:hover,.prev:hover{height:33px;width:33px}.song{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;overflow:hidden;padding:1.3rem 1rem;position:relative}.song:hover{background-color:hsla(0,0%,75%,.267);transition:background-color 1s ease}.play{cursor:pointer;height:60px;width:60px}div .pic{background-position:50%;background-repeat:no-repeat;border-radius:100%;height:50px;width:50px}.duration{color:rgba(255,254,254,.536);margin-left:auto}.list{height:80vh;overflow-y:scroll;padding-top:1rem}.list::-webkit-scrollbar{width:1mm}.list::-webkit-scrollbar-thumb,.list::-webkit-scrollbar-track{opacity:0}.list::-webkit-scrollbar-thumb:hover{opacity:0}.album2{color:rgba(255,254,254,.536);font-size:.9rem}.details{padding-left:1rem}.flex{align-items:center;display:flex}.totaltime{background-color:hsla(0,0%,53%,.573);border-radius:4px;height:5px;margin-top:10px;position:relative;width:100%}.seekbar{background-color:#fff;border-radius:100%;cursor:pointer;height:10px;position:absolute;top:-2px;transform:translateX(-50%);transition:all .2s ease;width:10px}.seekbar:hover{height:15px;top:-5px;width:15px}.playing{height:100vh;padding-top:5rem;width:60%}.container{display:flex;justify-content:space-between;width:100%}.album{color:rgba(255,254,254,.536)}.searchbox{height:fit-content;padding:1.5rem 0;position:relative;width:100%}#sicon{cursor:pointer;filter:invert(70%);right:15px;top:2.2rem}#search{background-color:rgba(255,254,254,.132);border:0;border-radius:.5rem;color:#fff;font-size:large;padding:10px 0 10px 15px;width:100%}#search:focus{outline:none}#search::placeholder{color:rgba(255,254,254,.536)}#search::-webkit-search-cancel-button{display:none}.songs{padding-top:30px;width:25%}.profile{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;cursor:pointer;height:50px;width:50px}.flexcol{display:flex;flex-direction:column;justify-content:space-between}*{font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#000;color:#fff}.items-center{align-items:center}.home ul li{color:rgba(255,254,254,.536);cursor:pointer;display:flex;font-size:1.2rem;font-weight:100;gap:20px;list-style:none;padding-top:15px;transition:all .5s ease}.justify-center{justify-content:center}.bg-black{background-color:#000;color:#fff}.invert{filter:invert(1)}.rounded{border-radius:7px}.left{height:100vh;width:20%}.logo{cursor:pointer;display:flex;justify-content:space-between;padding-top:1.5rem}.ham{display:none}.thumbnail{height:65%;margin-top:2.3rem}}
/*# sourceMappingURL=main.88a812ff.css.map*/