@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}.logo{z-index:10;top:16px;left:16px;padding:5px 20px 7px;position:fixed;font-family:Mulish,sans-serif;font-style:italic;font-weight:700;font-size:36px;line-height:36px;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}.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;width:0;height: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%;flex-shrink:0;transition:transform .2s ease-out}.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}}.circle-button{width:40px;height:40px;border-radius:50%;border:none;background-color:#303030d0;color:#dfdfdf;display:flex;justify-content:center;cursor:none;align-items:center;transition:transform .2s ease-out;-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1)}.circle-button:hover{transform:scale(1.2)}.circle-button:active{transform:scale(.9)}.circle-button.inverted{background-color:#dfdfdfd0;color:#303030}.pill-button{position:relative}.pill-button>button{border:1px solid transparent;background-color:#dfdfdf;color:#303030;font-family:Prompt,sans-serif;font-size:.8em;border-radius:25px;cursor:none;width:150px;overflow:hidden;transition:all .3s,color .3s}.pill-button>button:hover{scale:1.1}.pill-button>button:active{scale:.9}.pill-button>button.pill-disabled{border-color:#dfdfdf;background-color:transparent;color:#dfdfdf;padding:1px 0 0;pointer-events:none}.loader-container{position:absolute;right:0;top:0;width:20px;transform:translate(140%,13%);transition:opacity .2s}.loader-container.is-hidden{opacity:0;transition:opacity 1s .1s}.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:loaderRotation 2s infinite linear}@keyframes loaderRotation{to{transform:rotate(1turn)}}.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:#303030d0;position:fixed;width:40px;height:40px;bottom:40px;left:40px;z-index:1;display:flex;align-items:center;border-radius:20px;-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1)}.volume-controller.inverted{background-color:#dfdfdf}.volume-track{box-sizing:border-box;position:absolute;background-color:#dfdfdf;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:#dfdfdf;border-radius:50%;mix-blend-mode:difference;transform:translate(-50%)}.volume-state{position:absolute;bottom:0;width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;color:#dfdfdf}.inverted .volume-track{background-color:#303030}.inverted .volume-thumb{background-color:#fff}.inverted .volume-state{color:#303030}.count-down-circle{position:absolute;top:0;left:0;transform:translate(-50%,-50%) scale(1.1);pointer-events:none}.playlist-menu{display:flex;align-items:flex-start;justify-content:flex-end}.playlist-search-button{margin-top:36px;z-index:2}.playlist-menu-wrapper{position:relative;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:#dfdfdf;overflow:hidden;transition:color 1s ease-out}.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:#303030d2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;height:100%;transition:background-color 1s ease-out}.menu-arrow{top:20px;position:absolute;left:18px;width:30px;aspect-ratio:1/1;padding:6px;cursor:none;transition:scale .2s ease-out}.menu-arrow:hover{scale:1.5}.menu-arrow #arrow-down{fill:#dfdfdf;transition:fill 1s ease-out}.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:14px;line-height:18px}.current-playlist-details>span:first-child{font-weight:400;font-size:20px;font-family:Prompt;line-height:20px}.current-playlist,.list-separator{flex-shrink:0}.list-wrapper{font-size:1rem;flex:1;min-height:0;overflow:hidden;margin-top:0;margin-bottom:16px}.list{height:100%;overflow-y:auto;touch-action:pan-y;padding:0 0 40px}.list-separator{width:200%;margin-top:20px}.list-separator path{stroke:#dfdfdf;transition:stroke 1s ease-out}.playlist-song{height:60px;border-radius:8px;margin:2px 16px;overflow:hidden;display:flex;align-items:center;color:#dfdfdf;background-color:transparent;transition:background-color .6s,color .6s}.playlist-song:hover{color:#303030;background-color:#dfdfdf;transition-duration:.2s}.playlist-song.inverted{color:#303030}.playlist-song.inverted:hover{color:#dfdfdf;background-color:#303030}.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:13px}.playlist-song-details>span:first-child{font-size:14px;font-weight:600}.playlist-menu-wrapper.inverted{color:#303030}.inverted .playlist-menu-content{background-color:#dfdfdf}.inverted .menu-arrow #arrow-down{fill:#303030}.inverted .list-separator path{stroke:#303030}.back-button{background-color:#303030;color:#fff;position:absolute;top:82px;right:5vw;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:hidden;z-index:5;scroll-behavior:smooth;color:#303030}.song-details-container{position:relative;display:flex;align-items:flex-end;margin-bottom:20px;width:100vw;justify-content:space-between}.song-details-container>img{width:75vh;height:75vh;object-fit:cover;max-width:50vw;max-height:50vw;background-color:#d3d3d3}.song-details{display:flex;flex-direction:column;align-items:flex-end;margin-right:5vw;text-align:right}.song-info{width:45vw;padding-left:30px;display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;flex-shrink:0}.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:20px}.song-link{display:flex;align-items:center;border:1px solid #303030;background-color:#303030;width:fit-content;padding:5px 8px 5px 6px;border-radius:20px;cursor:none;transition:scale .2s;font-size:16px;text-decoration:none;color:#fff;font-weight:500}.song-link:hover{scale:1.05}.song-link:active{scale:.9}.song-link svg{height:20px;padding-right:6px;color:#fff}.detail-label{font-weight:700}.detail{margin-bottom:40px}.song-progress{position:relative;width:60px;height:60px;padding:0;border:none;background:none;cursor:none}.song-progress_ring{display:block;width:100%;height:100%}.song-progress_icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;pointer-events:none}.song-progress_icon svg{width:20px;height:20px;transition:scale .2s}.song-progress:hover:not(:disabled) .song-progress_icon svg{scale:1.2}.song-progress:active:not(:disabled) .song-progress_icon svg{scale:.9}.song-progress:disabled{opacity:.3}@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)}}.overlay-background,.overlay-backdrop,.overlay-container{position:absolute;top:0;width:100vw;height:100vh;opacity:0;visibility:hidden;transition:opacity 1s ease-out,visibility 0s linear 1s}.is-visible{opacity:1;visibility:visible;transition:opacity 1s ease-out,visibility 0s}.overlay-background{background-color:#fff;mix-blend-mode:difference;pointer-events:none}.overlay-backdrop{background-color:#303030c6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.overlay-container{color:#dfdfdf;display:flex;justify-content:center;align-items:center}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:15px;animation:overlay-content-in .4s ease-out}@keyframes overlay-content-in{0%{opacity:0}}.interaction-prompt-text{margin-bottom:30px}.interaction-prompt-text>p{margin-top:0}.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;margin-right:10px;background-color:#dfdfdf;color:#303030;font-family:Prompt,sans-serif;font-size:.7rem;outline:none;padding:1px 14px 0}.search-result{top:4px;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 14px;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}#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}