@import"https://fonts.googleapis.com/css2?family=Kanit:wght@100;300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Mulish:wght@200;600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Prompt:wght@100;400;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0}body,#root,html{top:0;left:0;margin:0;min-height:95vh;width:100%;font-family:Mulish;color:#303030;background-color:#dfdfdf;font-size:1vw}.body{position:relative;top:0;min-height:100vh;width:100%;overflow:hidden;color:#dfdfdf;cursor:none}.no-scroll{height:95vh;overflow:hidden}.black-bg{background-color:#303030}.white-bg{background-color:#dfdfdf}.black-text{color:#303030}.divider-waves{position:relative;padding:40px 0}.divider-waves svg{width:200vw;margin:-30px 0}.mobile-only{display:none}.page-indicator{width:6px;height:6px;position:absolute;background-color:#dfdfdf;border-radius:50%;left:-15px;vertical-align:middle;top:50%;transform:translateY(-50%)}.hidden{display:none!important}.absolute-position{position:absolute}.center{position:absolute;display:flex;flex-direction:column;justify-content:center;top:50vh;left:50vw;transform:translate(-50%,-50%);align-items:center;width:25vw}.pointer{cursor:none}.point-cursor-wrapper{position:fixed;top:0;left:0;z-index:11;pointer-events:none;mix-blend-mode:difference}.point-cursor{width:6px;height:6px;border:1.5px solid #dfdfdf;border-radius:50%;transform:translate(-50%,-50%)}.invert-circle-wrapper{position:fixed;top:0;left:0;z-index:10;pointer-events:none;display:flex;justify-content:center;align-items:center;mix-blend-mode:difference}.invert-circle{background-color:#fff;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%)}.count-down-circle{position:absolute;top:0;left:0;transform:translate(-50%,-50%);background-color:transparent}.no-results>span:last-child{font-family:Prompt,sans-serif;font-weight:400;transform:rotate(90deg);font-size:4rem}.loading>span,.no-results>span{font-family:Prompt,sans-serif;font-size:2rem;font-weight:100}.loading>img{margin-top:20px;width:30px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}@media only screen and (max-width: 700px){.cursor{display:none}.burger{display:block;right:0;height:25px;margin-right:5vw}nav{height:280px;position:absolute;display:flex;justify-content:space-between;flex-direction:column;background-color:#303030;width:100vw;padding:0 5vw 0 0;z-index:-1;top:5vh;transition:top .5s ease;right:0;margin:0}nav>div{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center}nav a{height:100%;margin-left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;border-top:1px solid white;font-size:2.5rem;width:100vw;padding:0 5vw}.navClosed{top:-280px}.no-results>span:last-child{font-size:12rem;width:fit-content}.loading>span,.no-results>span{font-size:8rem;width:80vw}}@media only screen and (min-width: 701px) and (max-width: 1024px){nav>a{font-size:1.5rem}.no-results>span:last-child{font-size:8rem}.loading>span,.no-results>span{font-size:3rem;width:60vw;width:fit-content}}.logo{z-index:10;top:16px;left:20px;padding:5px 20px 7px;position:fixed;font-family:Mulish,sans-serif;font-style:italic;font-weight:700;font-size:3vh;border-radius:25px;overflow:hidden;color:#dfdfdf;text-decoration:none;pointer-events:auto;cursor:none;mix-blend-mode:difference;-webkit-user-select:none;user-select:none}nav{top:20px;right:20px;z-index:2;position:fixed;background-color:#202020;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content;font-family:Kanit,sans-serif;font-weight:300;font-size:.8rem;display:flex;justify-content:flex-end;align-items:center;border-radius:25px;height:40px;pointer-events:auto;cursor:none}.links{left:0;width:30vw;position:absolute;display:flex;justify-content:space-evenly;height:100%}.links>a{text-decoration:none;color:#fff;position:relative;cursor:none;width:12%;display:flex;align-items:center;justify-content:center;text-align:center;padding-bottom:2px;border-radius:50px;margin:8px}.links>a:nth-child(4){background-color:#fff;color:#202020}.links>a:last-child{width:22%}.links a:hover{text-decoration:none;position:relative;font-size:.9rem}.burger{z-index:10;padding:10px;border-radius:50%;height:3rem;height:40px;width:40px}.toggle{display:flex;align-items:center;justify-content:center}.toggle-label{font-size:.7em;font-weight:800;margin-right:15px}.toggle-track{border:3px solid #dfdfdf;border-radius:20px;width:32px;height:20px;position:relative;display:flex;align-items:center;overflow:hidden}.toggle-thumb{position:absolute;height:16px;aspect-ratio:1;transform:translate(-20%);background-color:#dfdfdf}.toggle-state{width:24px;margin-left:5px;font-size:.8em}.volume-controller{background-color:#ffffffc4;position:fixed;width:40px;height:40px;bottom:40px;left:40px;z-index:1;display:flex;align-items:center;border-radius:20px}.volume-track{box-sizing:border-box;position:absolute;background-color:#303030;width:40%;border-radius:25px;opacity:0;bottom:38px;left:50%;transform:translate(-50%);overflow:hidden}.volume-thumb{position:absolute;width:80%;aspect-ratio:1/1;left:50%;background-color:#fff;border-radius:50%;mix-blend-mode:difference;transform:translate(-50%)}.volume-state{position:absolute;bottom:0;transform:translate(1px);width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.volume-state>img{position:relative;left:0;width:70%;aspect-ratio:1/1;-webkit-user-select:none;user-select:none}.playlist-search-button{top:36px;right:388px;position:absolute;background-color:200;width:40px;height:40px;z-index:6;border:1px solid #303030;color:303030;border-radius:20px;background-color:tr}.playlist-menu-wrapper{position:fixed;right:0;top:0;margin:22px;height:68px;width:350px;min-height:68px;max-height:calc(100vh - 44px);border-radius:14px;background-color:transparent;color:#303030;overflow:hidden}.playlist-menu-background{top:0;right:0;bottom:0;left:0;background-color:transparent;-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1);position:absolute}.playlist-menu-content{top:0;isolation:isolate;background-color:#dfdfdf72;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;height:100%}.menu-arrow{top:20px;position:absolute;left:18px;width:30px;aspect-ratio:1/1;padding:6px;cursor:pointer}.menu-arrow path{-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1)}.current-playlist{position:relative;width:100%;height:68px;border-radius:12px;z-index:20}.current-playlist-image{position:absolute;height:68px;aspect-ratio:1/1;top:0;right:0}.current-playlist-details{position:absolute;mix-blend-mode:difference;top:12px;left:60px}.current-playlist-details>span{display:block;font-weight:200;font-size:.6rem;line-height:.8rem}.current-playlist-details>span:first-child{font-weight:400;font-size:1.1rem;font-family:Prompt;line-height:1.3rem}.list-wrapper{font-size:1rem;flex:1;overflow:hidden;margin-top:0;margin-bottom:16px}.list{height:100%;overflow:scroll;touch-action:pan-y;padding:0 0 22px}.list-separator{width:200%;margin-top:10px}.playlist-song{height:60px;background-color:"transparent";border-radius:8px;margin:2px 16px;overflow:hidden;display:flex;align-items:center}.playlist-song-image{margin-left:6px;height:80%;border-radius:4px}.playlist-song-details{margin-left:10px}.playlist-song-details>span{display:block;white-space:nowrap;font-size:.55rem}.playlist-song-details>span:first-child{font-size:.6rem;font-weight:600}.back-button{background-color:#303030;color:#fff;position:fixed;height:40px;width:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;right:50%;top:0;z-index:10;margin-top:20px;transform:translateY(-300%);font-size:20px;text-decoration:none;font-weight:800;mix-blend-mode:difference;background-color:#dfdfdf;color:#303030;cursor:none;-webkit-user-select:none;user-select:none}.song-page{box-shadow:0 150px 1000px #303030;top:0;transform:translateY(150%);padding-top:82px;background-color:#fff;position:absolute;min-height:100%;height:100%;overflow-x:hidden;width:100%;overflow-y:auto;z-index:5;scroll-behavior:smooth;color:#303030}.song-details-container{position:relative;display:flex;align-items:flex-end;margin-bottom:50px;width:100vw}.song-details-container>img{width:75vh;height:75vh;object-fit:cover;max-width:50vw;max-height:50vw;background-color:#d3d3d3}.song-info{width:50vw;padding-left:30px}.song-info>h1{font-family:Prompt;font-size:3.5rem;line-height:90%;margin-bottom:10px}.song-info>h2{font-size:1.5rem;font-weight:400;margin-bottom:40px}.song-link a{font-size:1.1rem;color:#303030;text-decoration:none}.song-link a:hover{text-decoration:underline}.song-link img{height:1.1rem;padding-left:15px}.song-details{display:flex;flex-direction:column;width:14vw;align-items:flex-end;margin-right:5vw}.detail-label{font-weight:700}.detail{margin-bottom:40px}.song-extra-info-container{display:flex;justify-content:center;margin-top:20px;margin-bottom:50px}.song-extra-info-section{width:25vw;margin:0 2vw}.song-extra-info-container h2{font-weight:300;margin-bottom:5px}.song-extra-info-container h1{line-height:100%;font-family:Prompt;font-size:3.6rem}.song-extra-info-container ol{word-break:break-all;margin:30px 0 0;padding:0}.song-extra-info-container li{margin-bottom:15px;font-size:1.1rem;list-style-position:inside}.song-extra-info-container li:before{content:"";width:20px;display:inline-block;text-align:right}.bio{margin-top:30px;margin-bottom:40px;width:25vw;font-weight:400;font-size:1.1rem}.artist-image{width:25vw;height:auto}footer{position:relative}@media only screen and (max-width: 700px){.go-back a{font-size:5rem}.go-back img{height:3rem;padding-right:10px;margin-left:10px}.song-details-container{display:flex;flex-direction:column;margin-bottom:20px;width:100vw}.song-details-container>img{width:100vw;object-fit:cover}.song-info{width:100vw;padding:5vw}.song-info>h1{font-size:9rem}.song-info>h2{font-size:6rem}.song-link{text-align:end}.song-link a{font-size:4rem;text-decoration:underline}.song-link img{height:4rem}.song-details{width:100%;align-items:flex-start;margin:20px 0 0;font-size:4rem;padding-left:5vw}.song-extra-info-container{flex-direction:column;justify-content:center}.song-extra-info-container>div{width:100%;padding:5vw}.song-extra-info-container h2{font-size:4rem}.song-extra-info-container h1{font-size:8rem}.song-extra-info-container li{font-weight:400;font-size:4rem}.bio{width:100%;font-size:4rem}.artist-image{width:100%;height:auto}.mobile-only{display:block;transform:translate(-5vw)}}@media only screen and (min-width: 701px) and (max-width: 1024px){.go-back a{font-size:3rem}.go-back img{height:2rem;padding-right:10px;margin-left:10px}.song-info>h1{font-size:3rem}.song-info>h2{font-size:2rem}.song-link a{font-size:2rem}.song-link img{height:2rem}.song-details{font-size:1.5rem}.song-extra-info-container{flex-direction:column;justify-content:center}.song-extra-info-container>div{width:100%;padding:5vw}.song-extra-info-container h2{font-size:3rem}.song-extra-info-container h1{font-size:6rem}.song-extra-info-container li{font-weight:400;font-size:3rem}.bio{width:100%;font-size:2rem}.artist-image{width:50%;height:auto}.mobile-only{display:block;transform:translate(-5vw)}}#canvas{touch-action:none;height:100vh;width:100%;-webkit-user-select:none;user-select:none}#radial-blur-mask{position:absolute;top:0;width:100%;height:100vh;pointer-events:none;-webkit-mask:-webkit-radial-gradient(center,closest-side,transparent 60%,#dfdfdf 90%);mask:radial-gradient(circle at center,transparent 60%,#dfdfdf 90%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#explorer{left:0;position:absolute;top:0;height:100vh;width:100vw}.playback-state{z-index:2;pointer-events:none;mix-blend-mode:difference}.overlay-background{position:absolute;top:0;width:100vw;height:100vh;background-color:#fff;mix-blend-mode:difference;pointer-events:none}.overlay-container{background-color:#303030c6;color:#dfdfdf;position:absolute;top:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.interaction-prompt-text{margin-bottom:30px}.interaction-prompt-text>p{margin-top:0}.interaction-button{position:relative}.interaction-button>button{border:1px solid #dfdfdf;background-color:transparent;color:#dfdfdf;font-family:Prompt,sans-serif;font-size:.8em;border-radius:25px;cursor:none;width:150px;overflow:hidden}.loader-container{position:absolute;right:0;top:0;width:20px;transform:translate(140%,13%)}.loader{width:100%;aspect-ratio:1;--_c: no-repeat linear-gradient(rgb(255, 255, 255) 0 0) 50%;background:var(--_c) / 100% 50%,var(--_c) / 50% 100%;border-radius:50%;animation:l29 2s infinite linear}@keyframes l29{to{transform:rotate(1turn)}}.search-input{position:relative;color:#303030;font-family:Prompt,sans-serif;font-size:.7rem;outline:none;display:flex;align-items:center}.search-overlay-title{margin-bottom:10px;font-size:1.8rem;font-weight:600;color:#dfdfdf}.search-input>input{width:30vw;height:36px;border:none;border-radius:20px;background-color:#dfdfdf;color:#303030;font-family:Prompt,sans-serif;font-size:.7rem;outline:none;padding:1px 14px 0}.search-result{top:0;position:relative;width:200px;border-radius:10px;background-color:#dfdfdf;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#303030;margin-bottom:20px}.search-result img{width:100%;aspect-ratio:1/1;right:100%;border-radius:10px 10px 0 0}.result-details{width:100%;padding:10px 15px;display:flex;flex-direction:column}.result-details>span{text-wrap:nowrap}.result-details-name{font-weight:400;font-size:1.1rem;font-family:Prompt;line-height:1.3rem}.result-details-owner{font-weight:200;font-size:.7rem;line-height:.8rem}.result-details-total{font-weight:600;font-size:.7rem;position:absolute;top:102%;line-height:.8rem;color:#dfdfdf}.search-button{width:40px;aspect-ratio:1/1;background-color:#dfdfdf;border-radius:50%;margin-left:10px}