@import"https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--header-height: 3.5rem;--text-color1: #19f328;--text-color2: #fff;--text-dark: #130525;--body-color: #00040F;--text-black: #000000;--text-gradiant: radial-gradient(64.18% 74.18% at 71.16% 35.69%, #f1defa .89%, #e6bef5 17.13%, #e29df0 42.04, #c37deb 55.12%, #5ce68a 71.54, #70fc6d 100%);--container-color: hsl(230, 12%, 12%);--container-color-2: #272934;--bg-green-gradient: linear-gradient(157.81deg, #46f47a -43.27%, #bef5be -21.24%, #9df0a1 12.19%, #7deb8e 29.82%, #008b15 51.94%, #57cf33 90.29%);--bg-hover-green-gradient: linear-gradient(157.81deg, #46f47a -40.29%, #bef5be -51.94%, #9df0a1 29.82%, #7deb8e 12.19%, #008b15 -21.24%, #57cf33 -43.27%);--bg-black-gradient: linear-gradient(144.39deg, #ffffff -278.56%, #6d6d6d -78.47%, #11101d 91.61%);--bg-black-gradient-2: linear-gradient(-168.39deg, #ffffff -278.56%, #6d6d6d -78.47%, #11101d 91.61%);--bg-grey-gradient: linear-gradient(153.47deg, rgba(255, 255, 255, 0) -341.94%, #14101d 95.11%);--blue-gradient: linear-gradient(180deg, rgba(188, 165, 255, 0) 0%, #214d76 100%);--pink-gradient: linear-gradient(90deg, #f4c4f3 0%, #fc67fa 100%);--white-gradient: rgba(255, 255, 255, .6);--body-font: "Poppins", sans-serif;--second-font: "Barlow", sans-serif;--biggest-font-size: 2rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--font-regular: 400;--font-medium: 500;--font-semi-bold: 600;--z-tooltip: 10;--z-fixed: 100}body{background-color:var(--body-color);color:var(--text-color1);transition:background-color .4s}h1,h2,h3,h4{color:var(--text-color2);font-family:var(--second-font);font-weight:var(--font-medium)}img{display:flex;max-width:100%;height:auto}.header{position:fixed;top:0;left:0;width:100%;padding:1.3rem 10%;background-color:#0002;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;z-index:100}.header:before{position:absolute;width:100%;right:100%;z-index:-1}.login-button{padding:.1rem 1rem;cursor:pointer;border:1.5px solid var(--text-color1);border-radius:8px;color:var(--text-color1);position:relative;transition:all .5s}.login-button span{font-weight:500;font-size:.9rem}.login-button:hover{background:#009717;color:var(--text-color2);box-shadow:0 0 10px var(--text-color1)}.submenu-datas:hover{background:var(--container-color-2)}.home-main{display:flex;justify-content:space-evenly}.home-section{margin-top:7rem;margin-bottom:10rem}.home-datas{display:flex;flex-direction:column;justify-content:center;gap:10px}.home-top{background:var(--bg-black-gradient-2);width:10rem;border-radius:5px;text-align:center}.home-top span{font-size:.8rem;font-weight:500;color:var(--text-color2)}.home-datas h1{color:var(--text-color2);font-size:2.5rem;font-weight:700;word-spacing:5px;letter-spacing:2px}.home-datas h1 span{color:var(--text-color1)}.home-sub{display:flex;text-align:left;align-items:center;justify-content:center}.home-sub p{font-size:.7rem;color:var(--text-color2);font-weight:400}.home-buttons{display:flex;position:relative;gap:1rem;margin-top:2rem}.home-buttons .home-1{background:var(--bg-green-gradient);padding:.6rem 1rem;font-size:1rem;border-radius:8px;border:2px solid transparent;color:var(--text-black);cursor:pointer;transition:all .5s}.home-buttons .home-1:hover{transform:scale(1.05);box-shadow:0 0 10px var(--text-color1)}.home-buttons .home-2{padding:.6rem 1rem;font-size:1rem;border-radius:8px;border:2px solid var(--text-color1);color:var(--text-color1);cursor:pointer;transition:all .5s}.home-buttons .home-2:hover{transform:scale(1.05);box-shadow:0 0 10px var(--text-color1);background:var(--bg-green-gradient);color:var(--text-black)}.home-images img{width:40rem;z-index:5}.home-images{display:flex;position:relative;transition:all .5s}.home-images:hover{transform:scale(1.05)}.stat-data{display:flex;justify-content:space-evenly;text-align:center;padding:.5rem 1rem;align-items:center;margin-bottom:10rem}.stat-value{display:flex;align-items:center;gap:1rem;color:var(--text-color2)}.stat-value h5{color:var(--text-color1)}.stat-value span{color:var(--text-color2)}.unique-features{display:flex;justify-content:space-evenly;width:100%}.ufeature-head{padding:1.2rem .5rem;margin-top:4rem}.ufeature-head h1{color:var(--text-color1);font-weight:600;word-spacing:3px}.ufeature-head span{color:var(--text-color2)}.ufeature-head p{font-size:.8rem;font-weight:400;color:var(--text-color2);margin-top:.5rem}.unique-button{margin-top:1rem;background:var(--bg-green-gradient);padding:.5rem 1rem;width:6rem;border-radius:5px;text-align:center;font-size:.8rem;transition:all .5s}.unique-button:hover{transform:scale(1.05);box-shadow:0 0 10px var(--text-color1);cursor:pointer}.unique-button a{color:var(--text-black)}.ufeatures-data{display:flex;flex-direction:column;gap:1rem;padding:1rem}.unique-card{padding:.5rem 1rem;display:flex;justify-content:center;gap:1rem;align-items:center;border-radius:.5rem;width:25rem;transition:all .5s}.unique-card:hover{transform:scale(1.1);background:var(--bg-black-gradient-2)}.unique-card .u-icon{font-size:1.2rem;padding:.7rem 1.1rem;border-radius:50%;background:var(--text-dark);color:var(--text-color1)}.u-text h5{color:var(--text-color1)}.u-text p{color:var(--text-color2);font-size:.8rem}.feature-1{display:flex;justify-content:space-evenly;margin-top:10rem}.feature-1-image img{width:20rem;z-index:5}.feature-1-image{position:relative;transition:all .5s}.feature-1-image:hover{transform:scale(1.1)}.feature-1-head{color:#fff;display:flex;flex-direction:column;width:30rem;gap:.5rem;justify-content:center}.feature-1-head h1{color:var(--text-color1);font-size:1.5rem;font-weight:700}.feature-1-head p{font-size:.9rem;letter-spacing:1px;color:var(--text-color2)}.feature-button-1{margin-top:1rem;background:var(--bg-green-gradient);padding:.5rem 1rem;width:6rem;border-radius:5px;text-align:center;font-size:.8rem;transition:all .5s}.feature-button-1:hover{transform:scale(1.05);box-shadow:0 0 10px var(--text-color1);cursor:pointer}.feature-button-1 a{color:var(--text-black)}.feature-2{display:flex;justify-content:space-evenly;margin-top:10rem}.feature-2-image img{width:30rem;z-index:5;transition:all .5s}.feature-2-image:hover img{transform:scale(1.1)}.feature-2-head{color:#fff;display:flex;flex-direction:column;width:30rem;gap:.5rem;justify-content:center}.feature-2-head h1{color:var(--text-color1);font-size:1.5rem;font-weight:700}.feature-2-head p{font-size:.9rem;letter-spacing:1px;color:var(--text-color2)}.feature-button-2{margin-top:1rem;background:var(--bg-green-gradient);padding:.5rem 1rem;width:6rem;border-radius:5px;text-align:center;font-size:.8rem;transition:all .5s}.feature-button-2:hover{transform:scale(1.05);box-shadow:0 0 10px var(--text-color1);cursor:pointer}.feature-button-2 a{color:var(--text-black)}.feature-3{display:flex;justify-content:space-evenly;margin-top:10rem}.feature-3-image img{width:40rem;z-index:5;transition:all .5s}.feature-3-image:hover img{transform:scale(1.1)}.feature-3-head{color:#fff;display:flex;flex-direction:column;width:30rem;gap:.5rem;justify-content:center}.feature-3-head h1{color:var(--text-color1);font-size:1.5rem;font-weight:700}.feature-3-head p{font-size:.9rem;letter-spacing:1px;color:var(--text-color2)}.feature-button-3{margin-top:1rem;background:var(--bg-green-gradient);padding:.5rem 1rem;width:6rem;border-radius:5px;text-align:center;font-size:.8rem;transition:all .5s}.feature-button-3:hover{transform:scale(1.05);box-shadow:0 0 10px var(--text-color1);cursor:pointer}.feature-button-3 a{color:var(--text-black)}.about-section{margin-top:10rem}.about-main{display:flex;justify-content:space-evenly;z-index:5}.about-datas{display:flex;flex-direction:column;color:var(--text-color2)}.about-datas h1{color:var(--text-color2);font-size:1.5rem;font-weight:700;word-spacing:2px;letter-spacing:1px;margin-bottom:1rem}.about-datas span{color:var(--text-color1)}.about-datas p{font-size:.9rem;letter-spacing:1px;color:var(--text-color2);width:30rem}.about-buttons{background:var(--bg-green-gradient);width:10rem;height:2.5rem;padding:.5rem 1rem;border-radius:5px;justify-content:center;text-align:center;margin-top:1rem;transition:all .5s}.about-buttons a{color:var(--text-black)}.about-buttons:hover{transform:scale(1.05);box-shadow:0 0 10px var(--text-color1)}.about-image img{width:28rem;transition:all .5s}.about-image:hover img{transform:scale(1.1)}.invite-section{display:flex;justify-content:center;margin-top:10rem;margin-bottom:5rem}.invite-main{display:flex;justify-content:space-evenly;background:var(--bg-black-gradient-2);width:60rem;padding:1rem;border-radius:6px}.invite-head{display:flex;flex-direction:column;gap:1rem}.invite-head h1{color:var(--text-color1);font-weight:700}.invite-head p{width:30rem;color:var(--text-color2);font-size:.9rem}.invite-button{background:var(--bg-green-gradient);width:10rem;height:2.5rem;padding:.6rem 1rem;text-align:center;justify-content:center;border-radius:4px;margin-top:1rem;transition:all .5s}.invite-button a{color:var(--text-black)}.invite-button:hover{transform:scale(1.05);box-shadow:0 0 10px var(--text-color1)}.edit-setting{display:flex;position:relative;gap:1rem;margin-top:2rem;margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:center;justify-content:center}.edit-setting .main{background:var(--bg-green-gradient);width:13rem;padding:.6rem 1rem;font-size:1rem;border-radius:10px;border:2px solid transparent;color:var(--text-black);cursor:pointer;transition:all .5s}.edit-setting .main:hover{box-shadow:0 0 10px var(--text-color1)}.glow-1{position:absolute;z-index:0;width:40%;height:35%;top:0;background:var(--pink-gradient);filter:blur(110px)}.glow-2{position:absolute;z-index:1;width:80%;height:80%;border-radius:50%;bottom:40px;background:var(--blue-gradient);filter:blur(123px)}.glow-3{position:absolute;z-index:0;width:50%;height:50%;right:20px;bottom:20px;background:var(--white-gradient);filter:blur(150px)}.glow-4{position:absolute;z-index:0;width:50%;height:50%;right:79rem;bottom:13.5rem;background:var(--white-gradient);filter:blur(200px)}.glow-5{position:absolute;z-index:1;width:50%;height:35%;top:65rem;left:-40rem;background:var(--blue-gradient);filter:blur(123px)}.glow-6{position:absolute;z-index:0;width:50%;height:35%;top:85rem;left:-40rem;background:var(--pink-gradient);filter:blur(350px)}.glow-7{position:absolute;z-index:1;width:40%;height:80%;border-radius:50%;top:120rem;left:50rem;background:var(--blue-gradient);filter:blur(190px)}.glow-8{position:absolute;z-index:0;width:40%;height:35%;top:165rem;left:-25rem;background:var(--pink-gradient);filter:blur(350px)}.glow-9{position:absolute;z-index:1;width:40%;height:35%;top:200rem;left:-25rem;background:var(--blue-gradient);filter:blur(123px)}.glow-10{position:absolute;z-index:0;width:40%;height:35%;top:186rem;left:-25rem;background:var(--white-gradient);filter:blur(200px)}.App{--vertical-nav-width: 36.889vh;--now-playing-bar-height: 11vh;width:100vw;background-color:#a9a9a9;overflow-x:hidden;overflow-y:hidden;display:grid;grid-template-areas:"nav-bar main-view" "now-playing-bar now-playing-bar";grid-template-columns:auto 1fr;grid-template-rows:1fr auto;position:relative;scrollbar-width:none;font-size:16px}.App::-webkit-scrollbar{display:none}.App__top-bar{grid-area:main-view;height:10px;z-index:2}.App__nav-bar{grid-area:nav-bar;width:var(--vertical-nav-width);height:100%;min-height:100%;background-color:#000;padding-top:24px;padding-bottom:var(--now-playing-bar-height)}.App__now-playing-bar{grid-area:now-playing-bar;background-color:#181818;border-top:1px solid #202020;height:var(--now-playing-bar-height);z-index:4}.App__main-view{grid-area:main-view;background-color:#121212;position:relative;z-index:1;max-height:calc(100vh - var(--now-playing-bar-height));overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;min-height:calc(100vh - var(--now-playing-bar-height))}.App__main-view::-webkit-scrollbar{display:none}.App__header{width:100%;height:10px;display:flex;flex-direction:row;justify-content:space-between;padding:16px 32px}.App__top-gradient{height:332px;width:100%;margin-top:-100px;background-image:linear-gradient(#0009,#121212);background-color:#5028f0;position:absolute;top:0;right:0;z-index:-1}.App__header-placeholder{height:60px;width:100%}.App__section{padding:16px 32px;color:#fff}.App__quick-links-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px;margin-top:16px}.App__quick-link{background-color:#30294b;height:80px;border-radius:4px;display:flex;flex-direction:row;align-items:center;box-shadow:2px 0 10px #0003;transition:all .5s;cursor:pointer}.App__quick-link:hover{transform:scale(1.04);box-shadow:0 0 10px var(--text-color1)}.App__quick-link-featured-img{height:80px;width:80px;border-radius:4px 0 0 4px;background-color:#efefef;box-shadow:2px 0 10px #00000080;margin-right:16px;background-image:linear-gradient(to bottom right,#00f,#fff)}.App__quick-link-featured-img:nth-of-type(1){font-size:2em;display:grid;place-items:center}.App__playlist-featured-img img{height:80px;width:80px;border-radius:4px 0 0 4px;box-shadow:2px 0 10px #00000080;margin-right:16px}.queue-main{margin-top:1rem;display:flex;justify-content:space-evenly}.queue-datas{display:flex;flex-direction:column;justify-content:center;gap:10px}.queue-datas h1{color:var(--text-color2);font-size:2.5rem;font-weight:700;word-spacing:5px;letter-spacing:2px}.queue-datas h1 span{color:var(--text-color1)}.App__section_queue{padding:16px 32px;color:#fff;margin-left:50px;margin-right:50px}.App__queue-container{display:grid;gap:14px;margin-top:16px}.App__queue{background-color:#30294b;height:80px;border-radius:4px;display:flex;flex-direction:row;align-items:center;box-shadow:2px 0 10px #0003}.App__queue-featured-img img{height:80px;width:80px;border-radius:10px;margin-right:16px}.App__section-header{display:flex;flex-direction:row;justify-content:space-between}.App__section-header span{color:#686868;font-size:.8em}.App__section-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));column-gap:24px;margin-top:16px;grid-template-rows:1fr;grid-auto-rows:0;overflow-y:hidden}.App__section-grid-item{background-color:#242424;width:100%;height:auto;min-height:150px;padding:10%;border-radius:4px}.App__section-grid-item .featured-image{width:100%;height:0;padding-bottom:100%;border-radius:4px;background-image:linear-gradient(to bottom right,#00f,#fff);background-size:cover;margin-bottom:16px;box-shadow:2px 0 10px #00000080}.App__section-grid-item:nth-of-type(1) .featured-image{background-image:url(https://i.scdn.co/image/239649cd6dfd2296632d269b115d1e147695a0a8)}.App__section-grid-item:nth-of-type(2) .featured-image{background-image:url(https://i.scdn.co/image/1ec33564b0c0c1db64babdcf678a5246a4605c6f)}.App__section-grid-item:nth-of-type(3) .featured-image{background-image:url(https://i.scdn.co/image/50a4653e91a472a85b6759225ffd5a2f71d8a9ba)}.App__section-grid-item:nth-of-type(4) .featured-image{background-image:url(https://i.scdn.co/image/8feb7ba9f991af98307ae1de9c491c43754765dc)}.App__section-grid-item:nth-of-type(5) .featured-image{background-image:url(https://i.scdn.co/image/15488d6d07e4d31d388be232f921569bd32d1ac3)}.App__section-grid-item h3{margin-bottom:8px}.App__section-grid-item span{color:#686868;font-size:.8em}.function{display:flex;align-items:center;width:auto;background-color:#000}.function .music{width:20vw;height:12vh;display:flex;align-items:center;margin-left:2vh;background-color:transparent}.function .music img{width:8.7vh;height:8.7vh;display:flex;border-radius:2vh}.function .music .details{display:flex;flex-direction:column;justify-content:center;color:#fff;margin-left:2vh;padding-bottom:1vh;font-size:1.5vh;background-color:transparent}.function .music .details .name{justify-content:left;background-color:transparent;font-weight:700;padding-left:0}.function .music .details .artist{width:50vw;height:1vh;font-size:1.5vh;background-color:transparent}.function .music .love{background-color:transparent}.function .music .love img{background-color:transparent;padding:10px;margin-left:2vh;margin-right:2vh;width:4vh;height:4vh}.function .playback{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1vh;width:60vw;height:7vh;background-color:transparent;margin-bottom:2vh}.function .playback .upper{width:50vw;background-color:transparent;height:6vh;margin-top:3vh;margin-bottom:1vh;display:flex;align-items:center;justify-content:center}.function .playback .upper img{width:2vh;height:2vh;margin-left:1vh;margin-right:1vh;background-color:transparent;filter:invert()}.function .playback .upper img.pause{width:3vh;height:3vh;cursor:pointer}.function .playback .upper img.uselesscontrol{cursor:pointer}.function .playback .upper img.loop-queue{filter:invert(0);cursor:pointer}.function .playback .lower{width:50vw;height:6vh;background-color:transparent;display:flex;align-items:center;justify-content:center;font-size:1.5vh;color:#fff}.function .playback .lower .line{width:50vh;height:.4vh;background-color:#fff;border:0px 0px 0px 0px solid;border-radius:1vh;margin-bottom:30px}.function .playback .lower .text{background-color:transparent;margin-left:1vh;margin-right:1vh;margin-bottom:16px}.text2{background-color:transparent;margin-left:1vh;margin-right:1vh;margin-bottom:30px}.function .control{width:20vw;height:11vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent}.function .control .images{display:flex;justify-content:center;background-color:transparent;align-items:center}.function .control .images img{width:2vh;height:2vh;background-color:transparent;filter:invert();margin-left:1vh;margin-right:1vh}.function .control .images .line{width:13vh;height:.4vh;background-color:#fff;border:0px 0px 0px 0px solid;border-radius:1vh;padding-left:1vh;padding-right:1vh}input{--c: rgb(255, 255, 255);--l: .4vh;--s: .4vh;--a: .1;width:50vh;height:.85vh;--_c: color-mix(in srgb, var(--c), #000 var(--p,0%));-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#323232;cursor:pointer;overflow:hidden;border-radius:1vh;margin-bottom:20px}input:focus-visible,input:hover{--a: 1;--s: .85vh }input[type=range i]::-webkit-slider-thumb{height:var(--s);aspect-ratio:var(--a);border-radius:1vh;background:var(--_c);border-image:linear-gradient(var(--_c) 0 0) 0 0 0 1/calc(50% - var(--l)/2) 0 calc(50% - var(--l)/2) 100vw/0 0 0 100vw;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-moz-range-thumb{height:var(--s);aspect-ratio:var(--a);border-radius:1vh;background:var(--_c);border-image:linear-gradient(var(--_c) 0 0) 0 0 0 1/calc(50% - var(--l)/2) 0 calc(50% - var(--l)/2) 100vw/0 0 0 100vw;-webkit-appearance:none;-moz-appearance:none;appearance:none}.card{max-width:18rem;min-width:12rem;height:auto;margin:2rem;background:#23272a;border-radius:1vh}.CardInner{padding:6px 20px;background-color:var(--container-color-2);border-radius:10px;margin-left:10rem;margin-right:10rem;margin-top:3.5rem}.Search_container{display:flex}.Icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;margin-right:12px;box-shadow:-2px -2px 6px rgba(#fff,.6),2px 2px 12px #c8d8e7}.InputContainer{width:100%}#search{padding:16px 32px;border:none;display:block;font-weight:700;font-size:18px;color:var(--text-color1);-webkit-appearance:none;transition:all .24s ease-out;width:100%;border:2px solid var(--text-color1);border-radius:10px;background-color:transparent;margin-top:5px}#search::placeholder{color:var(--text-color1)}#search:focus{outline:none;color:#fff;background-color:lighten(#e3edf7,3%)}.InputContainer{position:relative;overflow:hidden}.InputContainer:before,.InputContainer:after{left:0;top:0;display:block;content:"";pointer-events:none;width:100%;height:100%;position:absolute}.autocomplete-results li{background-color:transparent;max-height:100px;overflow-y:auto;width:100%;padding:8px;color:#fff;cursor:pointer}.autocomplete-results li:hover{color:var(--text-color1)}.alert{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:15px;border-radius:8px;font-size:14px;z-index:1000;opacity:0;transition:opacity .5s ease,top .5s ease;display:flex;align-items:center;justify-content:center;background-color:#323232;color:#fff;box-shadow:0 2px 4px #0003;max-width:90%;min-width:300px;margin-top:20px}.alert.show{opacity:1;top:40px}.alert.success{background-color:#323232}.alert.error{background-color:#f44336}.alert img{height:40px;margin-right:10px;border-radius:50%}@media screen and (max-width: 1170px){section{padding:3rem 2rem}.header{padding:1.3rem 5%}.home-section{margin-bottom:8rem}.glow-4{position:absolute;z-index:0;width:50%;height:50%;right:63rem;bottom:13.5rem;background:var(--white-gradient);filter:blur(200px)}.glow-7{position:absolute;z-index:1;width:40%;height:80%;border-radius:50%;top:120rem;left:35rem;background:var(--blue-gradient);filter:blur(190px)}}@media screen and (max-width: 992px){.icons{display:inline-flex}#check:checked~.icons #menu-icon{display:none}.icons #close-icon{display:none}#check:checked~.icons #close-icon{display:block}.header{background:var(--body-color)}.navbar{position:absolute;top:100%;left:0;width:100%;height:0;background:var(--body-color);overflow:hidden;transition:.3s ease}#check:checked~.navbar{height:17.7rem}.navbar a{display:flex;flex-direction:column;text-align:center;justify-content:center;font-size:1rem;margin-top:1.5rem;font-weight:400}#check:checked~.navbar{transform:translateY(0)}.login-button{margin-right:3.5rem}.user-button{margin-right:3.5rem;margin-top:-.3rem}.music-sub-main.active{right:4rem}.uniquefeatures-section{margin-top:-5rem}.unique-features{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.u-text{text-align:left}.unique-button{margin-left:7.5rem}.ufeatures-data{gap:1.5rem}.about-main{display:flex;flex-direction:column}.about-image{margin-left:20rem}.glow-4{position:absolute;z-index:0;width:50%;height:50%;right:40rem;bottom:13.5rem;background:var(--white-gradient);filter:blur(200px)}.glow-5{position:absolute;z-index:1;width:50%;height:35%;top:65rem;left:-15rem;background:var(--blue-gradient);filter:blur(123px)}.glow-6{position:absolute;z-index:0;width:50%;height:35%;top:85rem;left:-15rem;background:var(--pink-gradient);filter:blur(350px)}.glow-7{position:absolute;z-index:1;width:40%;height:80%;border-radius:50%;top:140rem;left:33rem;background:var(--blue-gradient);filter:blur(190px)}.glow-8{position:absolute;z-index:0;width:40%;height:35%;top:185rem;left:-17rem;background:var(--pink-gradient);filter:blur(350px)}.glow-9{position:absolute;z-index:1;width:40%;height:35%;top:220rem;left:-17rem;background:var(--blue-gradient);filter:blur(123px)}.glow-10{position:absolute;z-index:0;width:40%;height:35%;top:206rem;left:-17rem;background:var(--white-gradient);filter:blur(200px)}}@media screen and (max-width: 788px){.home-main{display:flex;flex-direction:column;align-items:center}.home-datas{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;gap:10px;margin-bottom:5rem}.feature-1{display:flex;flex-direction:column;align-items:start;margin-top:5rem}.feature-2{display:flex;flex-direction:column;align-items:end;margin-top:5rem}.feature-3{display:flex;flex-direction:column;align-items:start;margin-top:5rem}.about-image{margin-left:15rem}.invite-main{display:flex;flex-direction:column;align-items:center;text-align:center}.glow-4{position:absolute;z-index:0;width:50%;height:50%;right:11rem;bottom:40rem;background:var(--white-gradient);filter:blur(200px)}.glow-7{position:absolute;z-index:1;width:40%;height:50rem;border-radius:50%;top:150rem;left:25rem;background:var(--blue-gradient);filter:blur(190px)}.glow-8{position:absolute;z-index:0;width:40%;height:35%;top:205rem;left:-17rem;background:var(--pink-gradient);filter:blur(350px)}.glow-9{position:absolute;z-index:1;width:40%;height:35%;top:250rem;left:-17rem;background:var(--blue-gradient);filter:blur(123px)}.glow-10{position:absolute;z-index:0;width:40%;height:35%;top:236rem;left:-17rem;background:var(--white-gradient);filter:blur(200px)}}@media screen and (max-width: 590px){.user-name span{display:none}.about-image{margin-left:10rem}.glow-8{position:absolute;z-index:0;width:40%;height:35%;top:215rem;left:-10rem;background:var(--pink-gradient);filter:blur(350px)}.glow-9{position:absolute;z-index:1;width:40%;height:35%;top:260rem;left:-10rem;background:var(--blue-gradient);filter:blur(123px)}.glow-10{position:absolute;z-index:0;width:40%;height:35%;top:246rem;left:-10rem;background:var(--white-gradient);filter:blur(200px)}}@media screen and (max-width: 460px){html{font-size:90%}.home-section{margin-bottom:5rem}.home-sub{text-align:center}.stat-value{gap:rem;flex-direction:column;text-align:center;align-items:center;justify-content:center}.stat-value .ga{display:none}.stat-value h5{color:var(--text-color1);font-size:.8rem}.stat-value span{color:var(--text-color2);font-size:.8rem}.unique-card{width:23rem}.feature-1-image img{width:14rem}.feature-1-head{display:flex;width:22rem}.feature-1-head p{font-size:.8rem;letter-spacing:1px;color:var(--text-color2)}.feature-2-image img{width:14rem}.feature-2-head{display:flex;width:22rem}.feature-2-head p{font-size:.8rem;letter-spacing:1px;color:var(--text-color2)}.feature-3-image img{width:14rem}.feature-3-head{display:flex;width:22rem}.feature-3-head p{font-size:.8rem;letter-spacing:1px;color:var(--text-color2)}.about-datas{text-align:center}.about-datas p{text-align:left;font-size:.8rem;width:20rem}.about-image{margin-top:2rem;margin-left:5rem}.invite-head p{width:20rem;color:var(--text-color2);font-size:.8rem}.glow-7{position:absolute;z-index:1;width:40%;height:50rem;border-radius:50%;top:150rem;left:15rem;background:var(--blue-gradient);filter:blur(123px)}}@media (max-width: 890px){.queue-main{margin-top:1rem;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center}.queue-datas{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;gap:50px;margin-bottom:5rem}.App__section{margin-top:20px;color:#fff}.App__now-playing-bar{height:auto}.function{flex-direction:column;align-items:center}.function .music{width:100%;height:120px;margin-left:45px}.function .music img{width:80px;height:80px;border-radius:4px;margin-bottom:20px}.function .music .details{font-size:12px;margin-left:8px;margin-bottom:25px;padding-bottom:0}.function .music .details .name,.function .music .details .artist{font-size:15px}.function .music .love img{width:30px;height:30px;margin-left:8px;margin-right:8px}.function .playback{width:100%;height:auto;margin-top:0;margin-bottom:40 px}.function .playback .upper{width:100%;margin-top:8px;margin-bottom:8px}.function .playback .upper img{width:20px;height:20px;margin-left:8px;margin-right:8px}.function .playback .upper img.pause{width:30px;height:30px}.function .playback .lower{width:100%;height:auto;font-size:12px}.function .playback .lower .line{width:100%;height:4px}.function .playback .lower .text{margin-left:8px;margin-right:8px}.function .control{width:100%;height:auto}.function .control .images img{width:20px;height:20px;margin-left:8px;margin-right:8px;margin-bottom:8px}.function .control .images .line{width:80%;height:4px}input{width:20rem;height:8px}.card{max-width:100%;min-width:auto;margin:1rem}.CardInner{padding:10px;margin-left:1rem;margin-right:1rem;margin-top:1rem}#search{padding:10px 20px;font-size:13px;border:1px solid var(--text-color1);border-radius:8px;margin-top:6px}.CardInner{padding:10px;margin-left:1rem;margin-right:1rem;margin-top:3rem}.Icon{width:36px;height:36px;margin-right:8px}.App__section_queue{padding:10px 20px;margin-left:10px;margin-right:10px}.App__queue-container{gap:1rem;margin-top:-100px;font-size:.9rem}.App__queue{height:60px}.App__queue-featured-img img{height:60px;width:60px;margin-right:50px}.autocomplete-results{max-height:150px}.autocomplete-results li{padding:6px;font-size:14px}}:root{--header-height: 3.5rem;--text-color1: #19f328;--text-color2: #fff;--text-dark: #130525;--body-color: #00040F;--text-black: #000000;--text-gradiant: radial-gradient(64.18% 74.18% at 71.16% 35.69%, #f1defa .89%, #e6bef5 17.13%, #e29df0 42.04, #c37deb 55.12%, #5ce68a 71.54, #70fc6d 100%);--container-color: hsl(230, 12%, 12%);--container-color-2: #272934;--bg-green-gradient: linear-gradient(157.81deg, #46f47a -43.27%, #bef5be -21.24%, #9df0a1 12.19%, #7deb8e 29.82%, #008b15 51.94%, #57cf33 90.29%);--bg-hover-green-gradient: linear-gradient(157.81deg, #46f47a -40.29%, #bef5be -51.94%, #9df0a1 29.82%, #7deb8e 12.19%, #008b15 -21.24%, #57cf33 -43.27%);--bg-black-gradient: linear-gradient(144.39deg, #ffffff -278.56%, #6d6d6d -78.47%, #11101d 91.61%);--bg-black-gradient-2: linear-gradient(-168.39deg, #ffffff -278.56%, #6d6d6d -78.47%, #11101d 91.61%);--bg-grey-gradient: linear-gradient(153.47deg, rgba(255, 255, 255, 0) -341.94%, #14101d 95.11%);--bg-alpha-gradient: linear-gradient(125.17deg, #272727 0%, #11101d 100%);--blue-gradient: linear-gradient(180deg, rgba(188, 165, 255, 0) 0%, #214d76 100%);--pink-gradient: linear-gradient(90deg, #f4c4f3 0%, #fc67fa 100%);--white-gradient: rgba(255, 255, 255, .6);--body-font: "Poppins", sans-serif;--second-font: "Barlow", sans-serif;--biggest-font-size: 2rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--font-regular: 400;--font-medium: 500;--font-semi-bold: 600;--z-tooltip: 10;--z-fixed: 100}@media screen and (min-width: 1150px){:root{--biggest-font-size: 3.5rem;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .813rem}}*{box-sizing:border-box;padding:0;margin:0;outline:none;border:none}html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:7rem}body,input,button{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color);transition:background-color .4s}input,button{border:none;outline:none}h1,h2,h3,h4{color:var(--title-color);font-family:var(--second-font);font-weight:var(--font-medium)}ul{list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}.header{position:fixed;top:0;left:0;width:100%;padding:1.3rem 10%;display:flex;justify-content:space-between;z-index:100}.header:before{content:"";position:absolute;width:100%;right:100%;z-index:-1}.logo{display:flex;font-size:1.2rem;color:var(--text-color2);text-decoration:none;font-weight:700;gap:.8rem}.logo span{color:var(--text-color1)}.logo img{width:2rem;border-radius:50%}.navbar a{font-size:1rem;color:var(--text-color2);text-decoration:none;font-weight:400;margin-left:2.5rem}.navbar a:hover{color:var(--text-color1)}#check{display:none}.icons{position:absolute;right:5%;font-size:1.2rem;color:var(--text-color2);cursor:pointer;display:none}.login-button{background:transparent;padding:.1rem 1rem;cursor:pointer;border:1.5px solid var(--text-color1);border-radius:8px}.login-button span{color:var(--text-color1);font-weight:500;font-size:.9rem}.user-button{background:transparent;display:flex;padding:.2rem 1rem;gap:.2rem;border:1.5px solid var(--text-color1);border-radius:8px;cursor:pointer}.user-logo img{width:1.5rem;border-radius:50%}.user-name span{color:var(--text-color1);font-weight:500;font-size:.9rem}.user-icon i{color:var(--text-color2)}.music-sub-main{position:absolute;flex-direction:column;align-items:center;text-align:center;background:var(--container-color);width:15em;padding:1rem 1.2rem;gap:.3rem;border-radius:.6rem;display:none}.music-sub-main.active{display:flex;top:6rem;right:5.5rem}.submenu-datas{display:flex;align-items:center;text-align:center;width:100%;border-radius:.5rem;padding:.5rem .6rem;gap:1rem;transition:all .5s ease}.submenu-datas:hover{background:var(--container-color2)}.data-title h5{color:#fff;font-size:.8rem;font-weight:400}.log{background:#c21807}.line{height:2px;width:100%;background:var(--border-color)}.privacy-section{display:flex;margin-top:5rem;justify-content:center;margin-bottom:5rem}.musicnow-section{display:flex;width:800px;height:450px}.musictab-box{display:flex;width:200px;background:var(--container-color);flex-direction:column;justify-content:center;gap:.8rem;border-top-left-radius:5px;border-bottom-left-radius:5px}.musictab-box .tab_btn{font-size:1rem;font-weight:500;color:#fff;background:none;padding:.8rem 1rem;cursor:pointer}.musictab-box .tab_btn.active{color:var(--text-color1)}.content-bg{background:var(--container-color-2);width:600px;height:450px;padding:1rem;overflow:auto;border-top-right-radius:5px;border-bottom-right-radius:5px}.content-box .content{display:none;animation:moving .5s ease}@keyframes moving{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.content-box .content.active{background:none;display:block}.content-box .content h2{margin-bottom:10px}.content-box .content .content-data h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--text-color1)}.content-box .content .content-data p{font-size:.9rem;letter-spacing:.7px;color:var(--text-color2);margin-bottom:1rem}.content-box .content .content-data h5{font-size:1rem;color:var(--text-color1);font-weight:500}::-webkit-scrollbar{background-color:var(--container-color);width:5px;border-radius:5px}::-webkit-scrollbar-thumb{background-color:var(--text-color1);border-radius:5px}.privacy-head-main{display:flex;justify-content:center;margin-top:10rem}.privacy-head h1{color:var(--text-color1);font-weight:700;font-size:2rem}.glow{position:absolute;z-index:0;width:50%;height:50%;right:79rem;bottom:13.5rem;background:var(--white-gradient);filter:blur(200px)}@media screen and (max-width: 1170px){section{padding:3rem 2rem}}@media screen and (max-width: 992px){.icons{display:inline-flex}#check:checked~.icons #menu-icon{display:none}.icons #close-icon{display:none}#check:checked~.icons #close-icon{display:block}.header{background:var(--body-color)}.navbar{position:absolute;top:100%;left:0;width:100%;height:0;background:var(--body-color);overflow:hidden;transition:.3s ease}#check:checked~.navbar{height:17.7rem}.navbar a{display:flex;flex-direction:column;text-align:center;justify-content:center;font-size:1rem;margin-top:1.5rem;font-weight:400}#check:checked~.navbar{transform:translateY(0)}.login-button{margin-right:3.5rem}.user-button{margin-right:3.5rem;margin-top:-.3rem}.music-sub-main.active{right:4rem}.privacy-section{display:flex;margin-top:1rem;justify-content:center;margin-bottom:20rem}.musicnow-section{display:flex;flex-direction:column;align-items:center;width:800px;height:450px}.musictab-box{display:flex;width:600px;background:var(--container-color);flex-direction:column;justify-content:center;gap:0}}@media screen and (max-width: 788px){.musicnow-section{display:flex;flex-direction:column;align-items:center;width:600px;height:100%;padding:30px}.privacy-section{display:flex;margin-top:1rem;justify-content:center;margin-bottom:5rem}}@media screen and (max-width: 590px){.user-name span{display:none}.musictab-box{display:flex;width:500px;background:var(--container-color);flex-direction:column;justify-content:center;gap:0}.content-bg{background:var(--container-color-2);width:500px;height:450px;padding:1rem;overflow:auto}}@media screen and (max-width: 460px){html{font-size:90%}.musictab-box{display:flex;width:320px;background:var(--container-color);flex-direction:column;justify-content:center;gap:0}.content-bg{background:var(--container-color-2);width:320px;height:550px;padding:1rem;overflow:auto;display:flex}}