:root{--dynamic-color:red;--dynamic-color-1:#ff000014;--color1:#bdff7a;--color2:#698a49;--cat-btn-txt:#fff;--cat-btn-bg:#000;--cat-btn-h-txt:#000;--cat-btn-h-bg:#5b5b5b;--cat-btn-a-txt:#000;--cat-btn-a-bg:#fff}.get-button:hover{background-color:#0056b3}#root,body{border:0!important;margin:0!important;padding:0!important}header{align-items:center;background-color:#000;color:#f0f8ff;display:flex;height:8vh;justify-content:space-between;margin:0;position:fixed;top:0;width:100%}.bot{display:none}.sbot{display:flex;justify-content:center}.sbott{font-family:Sora,sans-serif;font-size:1.5em;font-weight:600}.h1{align-items:flex-end;display:flex;gap:2vh;height:8vh;padding-left:2vh}.hicon{height:7vh;width:7vh}.htext{font-family:Major Mono Display,monospace;font-size:.8em}.slogan{align-items:flex-end;display:flex;height:8vh;padding-bottom:1vh;padding-right:3vh}.slogantext{color:#ffffffb2;font-family:Dancing Script,cursive;font-size:1.5em;font-weight:400;letter-spacing:.5px}#yt-player,.dlogan{display:none}.app{border:0;margin:8vh 0 0;padding:0}.sec1{background-color:#000;border:0;color:#fff;display:flex;flex-direction:column;height:92vh;margin:0 0 -4vh;overflow-y:scroll;padding:5vh 0 0 7vh}.sec1::-webkit-scrollbar{background-color:#000;width:6px}.sec1::-webkit-scrollbar-thumb{background-color:#9e9e9e;border-radius:10px;padding-right:2px}.featured-section{margin-bottom:20px}.featured-header{align-items:center;display:flex;justify-content:space-between;padding-right:10vh}.featured-title{color:#bdff7a;color:var(--color1);font-size:1.5rem;font-weight:700}.play-button{background-color:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;padding:5px 10px}.play-button:hover{background-color:#8d8d8d}.featured-details{display:flex;flex-direction:column;gap:1vh;margin-top:10px;padding-left:3vh}.featured-info{align-items:center;color:#ddd;display:flex;gap:1vh;justify-content:space-between;width:50%}.featured-info-txt{border:1px solid #bdff7a;border:1px solid var(--color1);border-radius:13px;color:#bdff7a;color:var(--color1);padding:.3vh 1vh}.find-song-section{margin-bottom:20px}.find-song-header{color:#bdff7a;color:var(--color1);font-size:1.25rem;font-weight:700;margin-bottom:10px}.song-search-input{background-color:initial;border:1px solid #424242;border-radius:10px;color:var(--text-color);margin-left:3vh;padding-bottom:10px;padding-left:3vh;padding-top:10px;width:75%}.song-search-input:focus{border-color:var(--highlight-color);outline:none}.search-icon{cursor:pointer;margin-left:-40px;transition:transform .3s}.search-icon:hover{transform:scale(1.1)}.customize-section{margin-bottom:20px}.customize-header{color:#bdff7a;color:var(--color1);font-size:1.25rem;font-weight:700;margin-bottom:10px}label{color:#ddd;font-size:1rem;font-weight:700}.option-group{margin-bottom:20px}.option-title{color:#698a49;color:var(--color2);font-size:1.1rem;font-weight:700;margin-bottom:10px;padding-left:3vh}.option-list{display:flex;flex-wrap:wrap;gap:10px;padding-left:3vh}.option-button{background-color:#000;background-color:var(--cat-btn-bg);border:1px solid #fff;border:1px solid var(--cat-btn-txt);border-radius:15px;color:#fff;color:var(--cat-btn-txt);cursor:pointer;font-size:.9em;margin:3px;padding:8px;transition:all .3s ease}.option-button.active{background-color:#fff!important;background-color:var(--cat-btn-a-bg)!important;color:#000!important;color:var(--cat-btn-a-txt)!important}.option-button:hover{background-color:#5b5b5b;background-color:var(--cat-btn-h-bg);color:#000;color:var(--cat-btn-h-txt)}.get-button-container{margin-top:20px;padding-left:3vh}.get-button{background-color:#bdff7a!important;background-color:var(--color1)!important;border:none;border-radius:5px;color:#000!important;cursor:pointer;font-size:16px;padding:5px 10px}.footerlap{margin-bottom:2vh;margin-top:4vh;text-align:center}.footerlap-text{color:#aaa;font-size:1.3em}.sec2,.sec2div{align-items:center;display:flex;flex-direction:column}.sec2div{background:linear-gradient(180deg,#696969,#121212);border-radius:20px;color:#f0f8ff;margin-top:5vh;width:80%}.sec2divnot{align-items:center;display:flex;font-size:1.5em;height:80vh;justify-content:center;padding-left:10vh;padding-right:10vh;text-align:center}.s2d0{display:flex;min-height:20vh;padding:3vh 4vh 4vh;width:100%}.s2d0t{font-size:1.5em}.s2d1{background-color:hsla(0,0%,100%,.067);border-radius:40px;height:40vh;width:40vh}.s2d1,.s2d2{align-items:center;display:flex;justify-content:center}.s2d2{background-color:#ff000014;background-color:var(--dynamic-color-1);border-radius:20px;gap:10%;height:10vh;margin-bottom:5vh;margin-top:3vh;transition:all .5s linear;width:80%}.s2d2btn{height:40px;width:40px}.s2d2btn:hover{color:rgba(175,212,231,.523)}@keyframes ripple{0%{box-shadow:0 0 0 0 red;box-shadow:0 0 0 0 var(--dynamic-color)}to{box-shadow:0 0 50px 100px red;box-shadow:0 0 50px 100px var(--dynamic-color);opacity:10%}}.playbtn{background-color:#ffffff24;border:none;border-radius:50%;color:#a9a9a9;outline:none;transition:.3s ease}.playbtn:hover{scale:1.3}.playing-effect{animation:ripple 1s infinite}.playicon{height:60px;width:60px}@media only screen and (max-width:480px){.app{display:flex;flex-direction:column-reverse}header{align-items:baseline;flex-direction:column;height:6.5vh}.app{margin-top:6.5vh}.hicon{height:5vh;width:5vh}.sec1{height:auto;margin-top:2vh;padding-left:2vh;padding-top:2vh}.featured-details,.song-search-input{padding-left:3vh}.option-list,.option-title{padding-left:1vh}.sec2,.sec2div{align-items:center;display:flex;flex-direction:column}.sec2div{background-color:#000;border-radius:10px;color:#f0f8ff;margin-top:2vh;width:80%}.sec2divnot{align-items:center;display:flex;font-size:1.1em;height:30vh;justify-content:center;padding-left:2vh;padding-right:2vh;text-align:center}.s2d1{background-color:hsla(0,0%,100%,.229);border-radius:40px;height:23vh;width:23vh}.s2d0{min-height:-webkit-max-content;min-height:max-content;padding:1.5vh;width:100%}.s2d0,.s2d2{display:flex}.s2d2{align-items:center;border-radius:20px;height:5vh;justify-content:center;margin-bottom:2vh;margin-top:2vh;width:90%}.s2d2btn{height:25px!important;width:25px!important}.playbtn{background-color:#ffffff24;border:none;border-radius:50%;color:#a9a9a9;outline:none;transition:.3s ease}.playicon{height:40px;width:40px}.bot{display:flex!important;justify-content:center;padding-top:3vh;width:100%}.bott{background-color:#000;font-family:Sora,sans-serif;font-size:1.2em}.sbot{display:none}.dlogan{background-color:#000;display:flex;justify-content:center;padding-bottom:1vh}.dlogantext{color:#ffffffb2;font-family:Dancing Script,cursive;font-size:1.5em;font-weight:400;letter-spacing:.5px;text-align:center}.slogan{display:none}.get-button-container{margin-top:20px;padding-left:1vh}.featured-info{width:75%}.footer{background-color:#000;bottom:0;color:#fff;font-size:.9em;padding:0}.footerlap{display:none}}
/*# sourceMappingURL=main.beb5ec28.css.map*/