.landing{width:100%;height:100vh;background-color:#000;position:relative;overflow:hidden;isolation:isolate}.overlayBackgroundLanding{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#000000e0,#000000c7 22%,#0000008c 45%,#000000b8 72%,#000000e6),linear-gradient(180deg,#00000061,#00000026 20%,#0000001a,#00000038 80%,#0000006b);-webkit-backdrop-filter:blur(16px) saturate(1.05);backdrop-filter:blur(16px) saturate(1.05)}.contentLanding,.container-lang,.modalOverlay{position:relative;z-index:1}.contentRight:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(to left,rgba(0,0,0,.38) 0%,transparent 22%),linear-gradient(to top,rgba(0,0,0,.22) 0%,transparent 18%),linear-gradient(to bottom,rgba(0,0,0,.22) 0%,transparent 18%)}.contentLanding{position:relative;width:100%;height:100%;display:flex;align-items:center}.contentLanding>div{flex:1}.titleContentLeft{margin-bottom:50px}.titleContentLeft h1{font-size:46px;font-weight:600;line-height:40px;max-width:490px;width:100%;padding:0 0 0 40px}.vinylLanding{position:relative;width:100%;transform:translate(200px);opacity:0;animation:slideInVinyl 1.2s cubic-bezier(.22,1,.36,1) forwards}.vinylLanding img{width:140%}@keyframes slideInVinyl{0%{transform:translate(200px);opacity:0}to{transform:translate(0);opacity:1}}.btnsContentLeft{position:relative;display:flex;width:100%;justify-content:flex-start;padding:0 110px 0 40px}.btnPrimary button{background:#fff;padding:15px 30px;border-radius:50px;text-align:center;font-size:14px;font-weight:500;font-family:inherit;border:none;cursor:pointer;color:#121212}.btnSecondary button{background:transparent;border:none;font-size:14px;font-family:inherit;color:#fff;padding:15px 30px;font-weight:200;cursor:pointer}.modalOverlay{position:fixed;inset:0;background:#00000026;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;animation:fadeIn .3s ease forwards}.modalContent{background:#f9f9f9;color:#121212;padding:80px 30px;border-radius:50px;width:70%;height:70%;max-width:90%;text-align:center;animation:scaleIn .3s ease forwards;position:relative;overflow:scroll;scrollbar-width:none}.closeModal{margin-top:20px;border-radius:30px;border:none;cursor:pointer;font-size:30px;font-family:inherit;width:50px;color:#121212;background:#fff;height:50px;transform:rotate(45deg);font-weight:400;position:absolute;left:20px;top:0;-webkit-box-shadow:3px 3px 30px -2px rgba(0,0,0,.34);box-shadow:3px 3px 30px -2px #00000057}.requirementsList{list-style:none;padding:0;text-align:center;line-height:1.6;width:80%;margin:20px auto 0}.noteRequirement{margin-top:20px;font-size:12px;opacity:.7}.requirementsContent{margin:70px 0}.lifetimeAccess,.spotifyConection,.appleMusic,.permission{width:100%;height:140px;background:#fff;padding:30px 10px;border-radius:30px;display:flex;align-items:center;text-align:left;border:.5px solid #f2f2f2;margin:15px 0;justify-content:space-around}.iconRequirement{width:50px;height:50px}.iconRequirement img{width:100%}.lifetimeAccess{background:#121212;color:#fff;overflow:hidden}.requirementsList p{font-size:14px;font-family:inherit;font-weight:200;width:50%}.lifetimeAccess .iconRequirement{width:220px;height:180px;position:relative;right:-80px}.rights svg{width:65px}@media(max-width:768px){.contentLanding{flex-direction:column;justify-content:center;text-align:center}.contentLanding>div{flex:unset;width:100%}.titleContentLeft h1{font-size:32px;line-height:34px;width:100%;padding:0 20px}.btnsContentLeft{padding:0;justify-content:center;flex-direction:column;align-items:center;gap:10px}.btnPrimary button,.btnSecondary button{width:220px}.vinylLanding{transform:translate(0);margin-top:40px}.vinylLanding img{width:110%}.modalContent{width:90%;height:85%;padding:60px 20px;border-radius:35px}.requirementsList{width:100%}.rights{width:70%}}@media(min-width:1200px){.titleContentLeft h1{font-size:56px;line-height:48px;width:560px}.btnsContentLeft{padding:0 160px 0 40px}.vinylLanding img{width:160%}.modalContent{width:60%;height:65%}.rights{width:25%}}@media(orientation:landscape){.titleContentLeft h1{font-size:38px;line-height:36px;width:420px;padding-left:40px}.btnsContentLeft{padding:0 40px}.vinylLanding img{width:140%}}@media(orientation:portrait){.landing{overflow:hidden}.contentLanding{flex-direction:column;justify-content:center;align-items:center;padding:0 24px}.contentLeft{width:100%;text-align:center;z-index:2}.titleContentLeft{margin-bottom:24px}.titleContentLeft h1{width:100%;padding:0;font-size:40px;line-height:38px;margin:0 auto}.btnsContentLeft{justify-content:center;padding:0;gap:12px;flex-direction:column;align-items:center}.contentRight{position:absolute;left:0;right:0;bottom:-28vh;height:60vh;display:flex;justify-content:center;align-items:flex-end;z-index:1;pointer-events:none}.vinylLanding{transform:none;opacity:1;animation:none;width:100%;display:flex;justify-content:center}.vinylLanding img{width:130vw;max-width:none}}.contentRight{position:relative;width:50%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:stretch}.chartsGrid{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,minmax(140px,180px));gap:18px;justify-content:end;align-items:start;overflow:hidden;padding:0 30px}.chartsColumn{display:flex;flex-direction:column;gap:18px;will-change:transform}.albumArtwork{width:100%;aspect-ratio:1 / 1;border-radius:0;overflow:hidden;flex-shrink:0}.albumArtwork img{width:100%;height:100%;object-fit:cover;display:block}.scrollUp{animation:landingScrollUp 48s linear infinite}.scrollDown{animation:landingScrollDown 50s linear infinite}.scrollUpSlow{animation:landingScrollUp 54s linear infinite}@keyframes landingScrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes landingScrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media(max-width:1100px){.chartsGrid{gap:14px;padding:0}.albumArtwork{border-radius:0}}.albumArtwork.skeleton{background:transparent;overflow:hidden}.albumArtwork .skeletonBox{width:100%;height:100%;border-radius:28px;background:#ffffff14}.languageSwitcher{width:100px;height:32px;border-radius:20px;cursor:pointer;display:flex;align-items:center;padding:0;transition:background .3s ease}.switch{position:relative;width:100%;height:100%;background:#ffffff54;border-radius:20px;display:flex;justify-content:space-around;align-items:center;padding:0 8px;font-size:12px;font-weight:600;color:#2d2d2d}.switch:before{content:"";position:absolute;width:48px;height:26px;background:#fff;border-radius:50px;left:6px;transition:transform .3s ease}.switch.active:before{transform:translate(41px)}.container{width:100%;height:100vh;padding:40px;position:relative}.backButton button{background-color:transparent;border:none}.backButton svg{width:25px;height:25px}.backButton svg .st0{fill:#fff}.login{width:100%;min-height:100vh;position:relative;overflow:hidden;background-color:#000;isolation:isolate}.overlayBackgroundLogin{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#000000e0,#000c 20%,#0000009e 45%,#000000bd 72%,#000000e6),linear-gradient(180deg,#00000057,#0000001f 22%,#00000014,#0000002e 78%,#0000005c);-webkit-backdrop-filter:blur(16px) saturate(1.05);backdrop-filter:blur(16px) saturate(1.05)}.container-lang,.container,.loginArtworksBottom{position:relative}.loginForm{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.material-form{background:#fff;padding:10px 40px;border-radius:40px;width:100%;max-width:400px;margin:30px auto;z-index:999}.material-form .input-field{position:relative;margin:2rem 0}.material-form input{width:100%;padding:.8rem 0;border:none;border-bottom:1px solid #ddd;outline:none;transition:.2s;background:transparent}.material-form label{position:absolute;top:.8rem;left:0;transition:.2s;color:#000;opacity:.4;font-weight:200;font-size:12px}.material-form .bar{position:relative;display:block;width:100%}.material-form .bar:before{content:"";height:1px;width:0;bottom:0;position:absolute;background:#121212;transition:.2s;left:50%}.material-form input:focus~.bar:before{width:100%;left:0}.material-form input:focus~label,.material-form input:valid~label{top:-1.2rem;font-size:.8rem;color:#121212}.material-form button{width:70%;padding:10px 20px;background:#121212;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:.3s;font-size:12px;font-family:inherit;font-weight:300;margin:20px auto 0;display:flex;flex-direction:row;justify-content:space-around}.material-form button:hover{transform:translateY(-1px)}.loginForm h1{font-size:26px;font-family:inherit;font-weight:500}.loginForm p{font-size:12px;font-family:inherit;font-weight:300}.loginForm span{font-size:12px;font-family:inherit;font-weight:100;margin:0 auto;text-align:center}.backButton{position:relative;z-index:9999}.alreadyHave{position:relative;display:flex;flex-direction:row;width:100%;margin:10px 0;justify-content:center}.alreadyHave p{font-size:12px;font-family:inherit;font-weight:300;color:#121212}.material-form .alreadyHave button{width:auto;padding:.8rem;background:transparent;color:#121212;border:none;border-radius:50px;cursor:pointer;transition:.3s;font-size:12px;font-family:inherit;font-weight:600;margin:0;display:contents}.error{color:red;font-size:.9rem;margin-top:.2rem;display:block}.loginArtworksBottom{position:absolute;left:0;right:0;bottom:-50px;display:flex;flex-direction:column;gap:12px;padding:0;pointer-events:none;z-index:1;max-width:760px;margin:0 auto}.loginArtworkRowFixed{display:grid;grid-template-columns:repeat(12,100px);justify-content:center;gap:12px}.loginArtworkCard{width:110px;height:110px;aspect-ratio:1 / 1;overflow:hidden;background:#ffffff05;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.loginArtworkCard img{width:100%;height:100%;object-fit:cover;display:block}.loginArtworkCard.isFlipping{transform:rotateX(180deg)}.loginArtworkCard.skeleton{background:transparent}.loginArtworkCard .skeletonBox{width:100%;height:100%;background:#ffffff14}.shimmer .skeletonBox{position:relative;overflow:hidden}.shimmer .skeletonBox:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:shimmerMove 1.8s infinite}@keyframes shimmerMove{to{transform:translate(100%)}}@media(max-width:768px){.loginArtworkRowFixed{grid-template-columns:repeat(4,78px);justify-content:center;gap:10px}.loginArtworkCard{width:78px;height:78px}.loginArtworksBottom{gap:10px;padding:0 12px 14px}.material-form{max-width:360px;margin:30px auto 120px;border-radius:30px;padding:10px 24px}}@media(max-width:520px){.loginArtworkRowFixed{grid-template-columns:repeat(4,64px);gap:8px}.loginArtworkCard{width:64px;height:64px}.loginArtworksBottom{padding:0 10px 12px;gap:8px}}.btnsConect{position:relative;margin:10px 0 100px;width:100%;max-width:320px}.btnsConect .comingSoon{position:absolute;background:#fd9a19;padding:5px 30px;border-radius:50px;bottom:-20px;right:10px;z-index:1000;font-weight:500!important}.btnsConect .btnPrimary{margin:15px 0;width:100%;display:flex;position:relative;flex-direction:row;align-items:center;justify-content:center}.btnsConect .btnPrimary button{background:#fff;padding:15px 30px;border-radius:50px;text-align:center;font-size:14px;font-weight:500;font-family:inherit;border:none;cursor:pointer;color:#121212;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.btnsConect .btnPrimary button img{width:25px;margin:0 10px}.comingSoon{position:absolute;background:#fd9a19;padding:0 30px;border-radius:50px;bottom:-20px;right:10px;z-index:1000}.loginForm .comingSoon span{font-size:8px;font-family:inherit;font-weight:400;margin:0 auto;text-align:center;color:#000;top:-2px;position:relative}@media(orientation:landscape)and (max-height:520px){.btnsConect{width:100%;max-width:260px;margin:10px auto 60px}.btnsConect .btnPrimary button{padding:12px 20px;font-size:13px}.btnsConect .btnPrimary button img{width:20px}.comingSoon{bottom:-16px;right:0;padding:0 18px}.loginForm{position:relative;height:auto;min-height:100%;padding-top:10px;padding-bottom:0}}.sonaBody{width:100%;height:100vh;background:#fda519;position:relative}.vinylPlay{display:flex;position:relative;flex-direction:row;height:100%;align-items:center;max-width:944px;margin:auto;max-height:708px;justify-content:center}.vinylContent{position:relative;width:75%;height:100%;display:flex;align-items:center}.vinyl{width:480px;position:relative;transform-origin:50% 50%}.vinyl img{width:100%}.pin{position:absolute;top:80px;width:40%;right:70px;height:100%}.pinTop{position:absolute;left:178px;top:113px;width:15px;height:15px;transform-origin:50% 50%;transform:rotate(1deg);transition:all 1.3s ease}.pinTop.active{transform:rotate(18deg)}.pinTop img{position:absolute;width:170px;left:50%;top:50%;transform:translate(-124px,-116px);display:block}.basePin{position:absolute;width:75px;right:55px;top:80px}.basePin img{width:100%}.musicInfoControlers{position:relative;right:90px}.albumImg{position:absolute;width:100%;display:flex;align-items:center;justify-content:center;height:100%;z-index:9}.albumImg.active{animation:rotating 6s linear infinite}.albumImg img{width:180px;height:180px;border-radius:150px;overflow:hidden}.musicInfoControlers .musicInfo h1{font-size:36px;color:#2d2d2d;font-weight:600;margin:0}.musicInfoControlers .musicInfo p{font-size:16px;font-weight:400;color:#2d2d2d}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.vinylImg.active{animation:rotating 8s linear infinite}.controlers{display:flex;margin:30px 0;width:170px;align-items:center;justify-content:space-between}.controlers div{cursor:pointer;transition:transform .08s ease,box-shadow .08s ease;display:inline-block}.controlers div{transform:translateY(0);box-shadow:0 3px #00000040;border-radius:14px;display:flex;width:55px}.controlers div img{width:100%}.controlers div:active{transform:translateY(2px);box-shadow:0 0 #00000040}.musicInfo{width:250px}.marquee{width:250px;overflow:hidden;white-space:nowrap;position:relative}.marquee span{display:inline-block;padding-left:0;transform:translate(0)}.marquee.run span{padding-left:100%;animation:marquee 10s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(orientation:portrait){.vinylContent{position:relative;width:170%}.vinyl{width:670px}.albumImg img{width:210px;height:210px}.pinTop img{position:absolute;width:210px;left:0%;top:0%;transform:translate(-144px,-134px);display:block}}*{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:100%}body{background-color:#2d2d2d;font-family:Poppins,sans-serif;color:#fff;margin:0!important}html,body{touch-action:manipulation}.sonaBody.bg-white{background:#fff}.sonaBody.bg-gray{background:#b2b1a9}.sonaBody.bg-yellow{background:#fca519}.sonaBody.bg-black{background:#121212}.sonaBody.bg-cover{background-color:#121212}.sonaBody.text-dark .musicInfo h1,.sonaBody.text-dark .musicInfo p{color:#2d2d2d}.overlayBackground{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#ffffff45,#0000003d);backdrop-filter:blur(55px);-webkit-backdrop-filter:blur(55px);box-shadow:0 10px 40px #00000059,inset 0 0 15px #ffffff1a;transition:all .3s ease}.menuTopOptions button svg path{fill:#2d2d2d}.sonaBody.bg-black .menuTopOptions button svg path{fill:#fff}.sonaBody.bg-white .menuItem.active button svg path{fill:#2d2d2d}.sonaBody.bg-white .menuTopOptions button svg path{fill:#2d2d2d}.sonaBody.bg-cover .menuTopOptions button svg path{fill:#fff}.sonaBody.text-light .musicInfo h1,.sonaBody.text-light .musicInfo p{color:#fff}.sonaBody.bg-white .backgrounds button.active{border:1px solid #000000}.coverItem.skeleton{width:160px}.skeletonBox{width:100%;aspect-ratio:1 / 1;border-radius:12px;background:linear-gradient(90deg,#ffffff15 25%,#ffffff35,#ffffff15 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}.musicInfo{display:flex;flex-direction:column;gap:8px}.skeletonText{border-radius:8px;background:linear-gradient(90deg,#ffffff26 25%,#ffffff59,#ffffff26 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}.skeletonText.title{width:70%;height:28px}.skeletonText.artist{width:45%;height:18px}:root{--skeleton-base: rgba(255,255,255,.15);--skeleton-highlight: rgba(255,255,255,.35)}.sonaBody.bg-white{--skeleton-base: #e8e8e8;--skeleton-highlight: #d5d5d5}.skeletonBox,.skeletonText,.skeletonLine{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}.topMenuWrapper,.bottomMenuWrapper{transition:opacity .35s ease,transform .35s ease;pointer-events:auto;z-index:99999;position:relative}.topMenuWrapper.hidden,.bottomMenuWrapper.hidden{opacity:0;pointer-events:none}.topMenuWrapper.visible,.bottomMenuWrapper.visible{opacity:1;pointer-events:auto}.topMenuWrapper.hidden{transform:translateY(-10px)}.bottomMenuWrapper.hidden{transform:translateY(10px)}.topMenuWrapper.visible,.bottomMenuWrapper.visible{transform:translateY(0)}.bottomMenuWrapper{transition:opacity .35s ease,transform .35s ease}.bottomMenuWrapper.visible{opacity:1;transform:translateY(0);pointer-events:auto}.bottomMenuWrapper.hidden{opacity:0;transform:translateY(12px);pointer-events:none}.menuBottomContent{transition:opacity .35s ease,transform .35s ease}.menuBottomContent.visible{opacity:1;transform:translateY(0);pointer-events:auto}.menuBottomContent.hidden{opacity:0;transform:translateY(12px);pointer-events:none}.menuContent{position:absolute;right:0;top:0}.menuTopOptions{display:flex;width:90px;justify-content:space-between;height:30px;align-items:center;margin-bottom:10px}.menuBottom{position:relative;width:30px;left:60px;top:0}.menuBottom button img{width:100%}.menuTop{position:absolute;right:50px;top:30px;height:90px;width:90px;z-index:99999}.share,.options{display:flex}.menuBottom button{border:none;padding:4px;background:linear-gradient(135deg,#ffffff2e,#ffffff0d);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 40px #00000059,inset 0 0 15px #ffffff1a;transition:all .3sease;border-radius:10px;display:flex}.menuTopOptions button{background:transparent;border:none;padding:4px}.menuDropdown{position:absolute;top:30px;left:-110px;transform:translate(-50%) translateY(10px);width:280px;display:none;transition:all .2s ease}.menuDropdown.open{display:block;pointer-events:auto;transition:all .2sease}.menuDropdown button{width:100%;padding:10px 12px;border-radius:12px;text-align:left;cursor:pointer;font-size:14px;background:transparent;box-shadow:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.menuDropdown button:hover{background:#0000000f}.menuDropdown .divider{height:1px;background:#0000001f;margin:8px 4px}.menuDropdown .danger{color:#d11a2a}.vinilosButtons{display:flex;justify-content:space-between;position:relative;margin:15px 0}.vinilos .vinilosButtons button{width:30px;padding:0}.backgroundsButtons{display:flex;justify-content:space-between;position:relative;margin:15px 0}.backgrounds button{width:30px;height:30px;padding:0;position:relative}button.white{background:#fff;border-radius:8px}button.gray{background:#b2b1a9;border-radius:8px}button.yellow{background:#fca519;border-radius:8px}button.black{background:#121212;border-radius:8px}button.cover .overlay{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#ffffff2e,#ffffff0d);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 40px #00000059,inset 0 0 15px #ffffff1a;border-radius:5px}button.cover img{border-radius:5px}.backgrounds button.active{border:1px solid #fff}.vinilos button.active{border:1px solid #fff;border-radius:50px}.backgrounds button.cover.active{border:1px solid #fff;border-radius:6px}.vinilosText p{font-size:12px;text-align:right;font-weight:400}.sonaBody.bg-white .vinilosText p{color:#2d2d2d}.modalOverlay{position:fixed;inset:0;background:#00000026;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;animation:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.optionsItem{margin:40px;padding:0}.optionsItem .title p{font-size:12px;text-align:left;font-family:inherit;font-weight:200;color:#c5c5c5}.optionsItemContent{background:#fff;margin:15px 0;padding:20px;border-radius:20px}.rights{width:30%;margin:auto}.rights p,.rights span{font-size:12px;font-family:inherit;color:#cecece;font-weight:200}.optionsItem .title{margin:0 40px}.optionsItem .item{font-size:12px;color:#2d2d2d;text-align:left;margin:20px}.item.clickable{cursor:pointer;display:flex;justify-content:space-between;align-items:center}.itemValue{font-size:12px;opacity:.5;font-weight:400}.backModal{position:absolute;left:20px;top:25px;background:transparent;border:none;border-radius:30px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer}.backModal svg{width:20px;height:20px}.providerList{display:flex;flex-direction:column;gap:12px;margin-top:30px;padding:0 20px}.providerItem{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:#0000000a;transition:background .2s}.providerItem.active{background:#1ed7601f;border:1px solid rgba(30,215,96,.3)}.providerItem.disabled{opacity:.5;cursor:not-allowed}.providerItem img{width:36px;height:36px;border-radius:8px}.providerItem span{font-size:14px;font-weight:500}.providerBadge{margin-left:auto;font-size:11px!important;font-weight:400!important;padding:4px 10px;border-radius:20px;background:#1ed76033;color:#1db954}.providerBadge.comingSoon{color:#2d2d2d;background:#fd9a19;right:40px;opacity:1!important}.item span{font-family:inherit;font-weight:200}.modalViewMain{animation:slideInLeft .3s ease forwards}.modalViewSub{animation:slideInRight .3s ease forwards}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.langItem{display:flex;justify-content:space-between;align-items:center}.langItem .languageSwitcher{transform:scale(.85)}.langItem .languageSwitcher{width:100px;height:32px;background:#02ba21;border-radius:20px;cursor:pointer;display:flex;align-items:center;padding:0;transition:background .3s ease;right:-10px;position:relative}.langItem .languageSwitcher .switch span{font-family:inherit;font-weight:600}.item{-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-select:none;user-select:none}.shareModal .modalContent{background:#000000c7;color:#121212;padding:80px 30px;border-radius:0;width:100%;height:100%;max-width:100%;text-align:center;animation:scaleIn .3s ease forwards;position:absolute;overflow:scroll;scrollbar-width:none;left:0}.shareModal .closeModal{margin-top:-40px;border-radius:30px;border:none;cursor:pointer;font-size:30px;font-family:inherit;width:50px;color:#fff;background:#ffffff1c;height:50px;transform:rotate(45deg);font-weight:400;position:absolute;left:20px;-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-select:none;user-select:none;top:60px;-webkit-box-shadow:3px 3px 30px -2px rgba(0,0,0,.34);box-shadow:3px 3px 30px -2px #00000057}.shareExportHidden{position:fixed;left:-200vw;top:0;width:1080px;height:1920px;opacity:0;pointer-events:none;z-index:-1}.cardPreview{transform:scale(.3);transform-origin:top center;border-radius:70px}.storyPrev{width:100%;height:100%}.shareBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;margin:0 20px}.shareIcon{width:100%;height:100%;padding:1px}.imgButton{background:#00000029;border-radius:50px;padding:10px;width:40px;height:40px;border:2px solid rgba(255,255,255,.15)}.imgButton.video{border:none}.shareButtoms span{font-size:12px;color:#fff;font-family:inherit;font-weight:500}.progressWrapper{position:relative}.progressRing{position:absolute;top:0;left:0;width:40px;height:40px;transform:rotate(-90deg)}.progressBg{fill:none;stroke:#ffffff26;stroke-width:2}.progressBar{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:113;stroke-dashoffset:113;transition:stroke-dashoffset .2s linear}@media(orientation:portrait){.menuTop{position:absolute;right:20px;top:30px}.optionsItem{margin:40px 10px}}.shareCard{width:1080px;height:1920px;position:relative;overflow:hidden;background-size:cover;background-position:center;border-radius:70px}.share-bg-white{background:#fff}.share-bg-gray{background:#cfcfcf}.share-bg-yellow{background:#f3d36a}.share-bg-black{background:#0b0b0b}.shareOverlay{position:absolute;inset:0;background:radial-gradient(900px 900px at 75% 70%,#00000040,#000000bf),linear-gradient(to bottom,#00000059,#0000008c);pointer-events:none}.shareCoverWrap{position:absolute;top:-180px;left:-370px;width:1350px;height:1350px;transform:rotate(11deg);border-radius:28px;overflow:visible;box-shadow:0 24px 70px #00000073}.shareCover{width:100%;height:100%;object-fit:cover;display:block}.shareVinylWrap{position:absolute;right:-320px;bottom:-230px;width:1200px;height:1200px;pointer-events:none}.shareVinylTilt{width:100%;height:100%;transform:rotate(10deg)}@keyframes sonaSpin{to{transform:rotate(360deg)}}.shareVinylSpin{width:100%;height:100%;position:relative;animation:sonaSpin 8s linear infinite;transform-origin:center}.shareVinyl{width:100%;height:100%;display:block}.shareVinylLabelWrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:translate(var(--label-offset-x, 0px),var(--label-offset-y, 0px))}.shareVinylLabel{width:420px;height:420px;object-fit:cover;border-radius:999px}.shareInfo{position:absolute;left:70px;bottom:60px;width:820px;color:#ffffffeb;text-align:left;z-index:9999999999}.shareNow{font-size:28px;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:10px}.shareTitle{font-size:64px;line-height:1.05;font-weight:700;margin-bottom:14px;word-break:break-word}.shareArtist{font-size:30px;opacity:.8;margin-bottom:22px}.shareBrand{font-size:34px;letter-spacing:.22em;opacity:.9}.shareBrand svg{width:115px}.shareBrand svg .st0{fill:#fff}.shareContentPrev{width:100%;display:flex;justify-content:center;height:70vh;flex-direction:column}.shareButtoms{width:100%;height:100%;position:relative;top:70px;display:flex;justify-content:center}.export-video-hide-vinyl .shareVinylWrap{display:none!important}@media(orientation:portrait){.shareCard{width:1080px;height:1920px;position:relative;overflow:hidden;background-size:cover;background-position:center;border-radius:70px;right:370px;top:150px}}.shareData{position:relative;top:-70px;z-index:9999999999}.shareData h1{font-size:64px;font-family:inherit;font-weight:700;margin:0}.shareData p{font-size:30px;font-family:inherit;font-weight:400}.menuBottomContent{position:absolute;bottom:20px;width:100%;padding:10px}.menuBottomElements{position:relative;display:flex;justify-content:space-around;align-items:center;width:200px;height:55px;margin:auto;padding:0 25px;border-radius:60px;background:#ffffff24;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 40px #00000059,inset 0 0 15px #ffffff1a;transition:all .3s ease}.menuItem{display:flex;height:100%;justify-content:center;align-items:center}.menuItem button{background:transparent;border:none}.menuItem button svg path{fill:#ffffff9c;transition:all .3s}.menuItem button svg path{fill:#ffffff6b;transition:all .3s}.menuItem.active button svg path{fill:#fff;transition:all .3s}.sonaBody.bg-white .menuItem button svg path{fill:#2d2d2d6b}.sonaBody.bg-yellow .menuItem button svg path{fill:#2d2d2d6b}.sonaBody.bg-gray .menuItem button svg path{fill:#2d2d2d6b}.sonaBody.bg-gray .menuItem.active button svg path{fill:#2d2d2d}.sonaBody.bg-yellow .menuItem.active button svg path{fill:#2d2d2d}.menuBottomElements{transition:transform .2s ease}.menuBottomElements.menuZoom{transform:scale(1.06)}.listCovers{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;max-height:100vh;overflow-x:auto;overflow-y:hidden;gap:5px;position:absolute;inset:0;align-content:flex-start;justify-content:center;scrollbar-width:none}.coverItem{width:250px;flex-shrink:0}.coverItem img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px}.listCovers::-webkit-scrollbar{height:6px}.listCovers::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.listCovers:after{content:"";flex-basis:100%;width:0}button.tracksBack{background-color:transparent;border:none}.tracksBackFloating svg{width:25px;height:25px}.tracksBackFloating svg .st0{fill:#fff}.sonaBody.bg-white .tracksBackFloating svg .st0{fill:#2d2d2d}.sonaBody.bg-gray .tracksBackFloating svg .st0{fill:#2d2d2d}.sonaBody.bg-yellow .tracksBackFloating svg .st0{fill:#2d2d2d}.splitLayout{display:flex;position:absolute;inset:80px 0 0;padding:40px;gap:60px;height:80vh}.albumColumn{width:320px;display:flex;flex-direction:column;align-items:flex-start;position:relative}.albumCoverLarge img{width:100%;border-radius:20px;box-shadow:0 20px 40px #00000040}.albumTitleLarge{margin-top:20px;font-size:22px;font-weight:600}.tracksBackFloating{position:absolute;top:-80px;left:0;background:none;border:none;cursor:pointer}.tracksColumn{flex:1;overflow-y:auto;padding-right:10px;scrollbar-width:none}.tracksList{display:flex;flex-direction:column;gap:5px}.trackRow{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.trackLeft{display:flex;gap:14px;align-items:baseline}.trackIndex{opacity:.5;font-variant-numeric:tabular-nums;width:40px;font-size:12px}.trackName{font-weight:500;font-size:12px}.trackDuration{opacity:.6;font-variant-numeric:tabular-nums;font-size:12px}.trackRow.skeleton{display:flex;justify-content:space-between;align-items:center}.skeletonLine{height:16px;border-radius:6px;background:linear-gradient(90deg,#ffffff26 25%,#ffffff59,#ffffff26 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}.skeletonLine.short{width:200px}.skeletonLine.tiny{width:40px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sonaBody.bg-white .tracksList,.sonaBody.bg-white .albumTitleLarge,.sonaBody.bg-gray .tracksList,.sonaBody.bg-gray .albumTitleLarge{color:#2d2d2d}.sonaBody.bg-white .skeletonBox,.sonaBody.bg-white .skeletonLine{background:linear-gradient(90deg,#e8e8e8 25%,#d5d5d5,#e8e8e8 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}.sonaBody.bg-yellow .tracksList,.sonaBody.bg-yellow .albumTitleLarge{color:#2d2d2d}.albumsStage{width:100%;height:100%}.fadeOut{animation:fadeOut .22s ease forwards}.fadeIn{animation:fadeIn .22s ease forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes fadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.albumsContent.fadeIn{opacity:1;transform:translateY(0);animation:fadeIn .22s ease forwards}.albumsContent.fadeOut{animation:fadeOut .22s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.trackRow.clickable{cursor:pointer;transition:transform .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.trackRow.clickable:hover{opacity:.85;transform:translateY(-1px)}.trackRow.clickable:active{transform:translateY(0)}.listVertical{display:flex;flex-direction:column;gap:12px}.listRow{display:flex;align-items:center;gap:15px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:.2s ease}.listRow img{width:55px;height:55px;object-fit:cover;border-radius:8px}.listRow:hover{background:#ffffff14;transform:translate(4px)}.stack3D{display:flex;flex-direction:row;align-items:center;height:80vh;overflow-x:auto;overflow-y:hidden;padding:0;gap:0;scrollbar-width:none;width:100vw;margin-left:calc(-50vw + 50%)}.stack3D::-webkit-scrollbar{display:none}.album3D{flex:0 0 auto;width:450px;height:450px;position:relative;transform-style:preserve-3d;cursor:pointer;margin-left:-360px;perspective:860px;pointer-events:none}.albumFront,.albumBack,.albumSpine{pointer-events:auto}.album3D:first-child{margin-left:0}.albumBox{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(var(--rot, 65deg))}.albumFront{position:absolute;inset:0;transform:translateZ(7px);overflow:hidden}.albumFront img{width:100%;height:100%;object-fit:cover;display:block}.albumBack{position:absolute;inset:0;transform:translateZ(-6px);overflow:hidden}.albumBack img{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}.albumSpine{position:absolute;width:15px;height:100%;left:-18px;background:var(--spine-bg, rgb(30, 30, 30));transform:rotateY(-90deg) translateZ(-10px);display:flex;align-items:center;justify-content:center;border-radius:3px}.albumSpine span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:90%;letter-spacing:.4px;color:var(--spine-text, rgba(255, 255, 255, .4));text-transform:uppercase}.listCovers.fadeIn .coverItem{opacity:0;animation:coverFlipIn .6s ease forwards}.listCovers.fadeIn .coverItem:nth-child(5n+1){animation-delay:.05s}.listCovers.fadeIn .coverItem:nth-child(5n+2){animation-delay:.15s}.listCovers.fadeIn .coverItem:nth-child(5n+3){animation-delay:.08s}.listCovers.fadeIn .coverItem:nth-child(5n+4){animation-delay:.22s}.listCovers.fadeIn .coverItem:nth-child(5n+5){animation-delay:.12s}.listCovers.fadeIn .coverItem:nth-child(7n+1){--flip: rotateY(180deg)}.listCovers.fadeIn .coverItem:nth-child(7n+2){--flip: rotateX(180deg)}.listCovers.fadeIn .coverItem:nth-child(7n+3){--flip: rotateY(-180deg)}.listCovers.fadeIn .coverItem:nth-child(7n+4){--flip: rotateX(-180deg) rotateZ(20deg)}.listCovers.fadeIn .coverItem:nth-child(7n+5){--flip: rotateY(180deg) rotateZ(-15deg)}.listCovers.fadeIn .coverItem:nth-child(7n+6){--flip: rotateX(180deg) rotateZ(10deg)}.listCovers.fadeIn .coverItem:nth-child(7n+7){--flip: rotateY(-180deg) rotateZ(-20deg)}@keyframes coverFlipIn{0%{opacity:0;transform:perspective(800px) var(--flip, rotateY(180deg)) scale(.8)}60%{opacity:1;transform:perspective(800px) rotateY(-8deg) scale(1.02)}to{opacity:1;transform:perspective(800px) rotateY(0) scale(1)}}.stack3D.fadeIn .album3D{opacity:0;animation:vinylSlideIn .5s ease forwards}.stack3D.fadeIn .album3D:nth-child(1){animation-delay:.03s}.stack3D.fadeIn .album3D:nth-child(2){animation-delay:.07s}.stack3D.fadeIn .album3D:nth-child(3){animation-delay:.11s}.stack3D.fadeIn .album3D:nth-child(4){animation-delay:.15s}.stack3D.fadeIn .album3D:nth-child(5){animation-delay:.19s}.stack3D.fadeIn .album3D:nth-child(6){animation-delay:.23s}.stack3D.fadeIn .album3D:nth-child(7){animation-delay:.27s}.stack3D.fadeIn .album3D:nth-child(8){animation-delay:.31s}.stack3D.fadeIn .album3D:nth-child(9){animation-delay:.35s}.stack3D.fadeIn .album3D:nth-child(10){animation-delay:.39s}.stack3D.fadeIn .album3D:nth-child(n+11){animation-delay:.43s}@keyframes vinylSlideIn{0%{opacity:0;transform:translate(200px)}70%{opacity:1;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.menuAlbumItem{width:210px;height:38px;border-radius:60px;cursor:pointer;display:flex;align-items:center;padding:0;transition:background .3s ease;margin:auto}.menuAlbumItem button.label{background:transparent;border:none;font-size:12px;font-family:inherit;font-weight:400}.menuAlbumItem .switch{position:relative;width:100%;height:100%;background:#ffffff54;border-radius:20px;display:flex;justify-content:space-around;align-items:center;padding:0 8px;font-size:12px;font-weight:600;color:#2d2d2d;z-index:999;cursor:pointer}.menuAlbumItem .switch:before{content:"";position:absolute;width:114px;height:32px;background:#fff;border-radius:50px;left:6px;transition:transform .3s ease}.menuAlbumItem .switch.active:before{transform:translate(105px);width:94px;transition:transform .3s ease}.label{z-index:1}.container-lang{position:absolute;width:auto;height:115px;padding:40px;z-index:99999;right:0}.sonaBody.bg-white .switch{background:#0000001a}@media(orientation:landscape)and (max-height:520px){.menuAlbumItem{margin:0}.searchMenuTop{top:20px;height:auto;width:30%}.album3D{flex:0 0 auto;width:450px;height:240px}.tracksBackFloating{position:absolute;top:-40px}.albumColumn{width:150px}.albumCoverLarge img{border-radius:10px}.albumTitleLarge{font-size:12px}.splitLayout{padding:0 40px;gap:70px;top:120px;height:50vh}}@media(orientation:portrait){.menuAlbumItem{top:70px;position:relative}.listCovers{height:80%;max-height:100vh;gap:5px;top:10%}}.searchMenuTop{position:absolute;right:40px;top:40px;height:50px;width:30%;z-index:9999}.searchMenuTopContent{width:100%;display:flex;justify-content:right;align-items:center}.searchMenuItem{width:38px;height:38px;margin:0 10px;position:relative}.searchMenuItem button{background:#ffffff54;border-radius:20px;display:flex;justify-content:space-around;align-items:center;padding:0 8px;font-size:12px;font-weight:600;color:#2d2d2d;border:none;width:100%;height:100%;transition:all .3s;z-index:9;cursor:pointer;position:relative}.listView svg path{fill:#2b2b2b}.listView{position:relative;overflow:hidden}.viewIcon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);cursor:pointer}.viewIcon.iconActive{transform:rotateY(0) scale(1);opacity:1}.viewIcon.iconHidden{transform:rotateY(90deg) scale(.8);opacity:0;pointer-events:none}.searchInput{width:0;opacity:0;border:none;outline:none;color:inherit;font-size:14px;padding:6px 10px;border-radius:8px;position:absolute}.searchExpandable .searchInput{width:38px;opacity:0;right:0;left:0;transition:all .3s;top:0;height:100%;border-radius:50px;background:transparent}.searchOpen .searchInput{width:260px;opacity:1;margin-left:0;position:absolute;top:0;right:0;left:-260px;height:100%;border-radius:50px 0 0 50px;background:#ffffff54;font-size:12px;font-family:inherit;padding:0 30px;color:#2d2d2d;transition:all .3s}.searchOpen button{background:#ffffff54;border-radius:0 20px 20px 0;transition:all .3s}.searchOpen .searchInput::placeholder{color:#2d2d2d}@media(orientation:landscape)and (max-height:520px){.searchMenuTop{top:20px;height:auto;width:30%}}@media(orientation:portrait){.searchMenuTop{position:absolute;right:20px;top:20px;height:auto;width:30%;z-index:9999}}.viewToggle{transition:opacity .28s ease,transform .28s ease,visibility .28s ease;opacity:1;transform:translate(0);visibility:visible}.viewToggle.fadeOut{opacity:0;transform:translate(8px);visibility:hidden;pointer-events:none}.viewToggle.fadeIn{opacity:1;transform:translate(0);visibility:visible;pointer-events:auto}.searchMenuTop{transition:opacity .28s ease}.searchMenuVisible{opacity:1;pointer-events:auto}.searchMenuHidden{opacity:0;pointer-events:none}.titleQueue h1{font-size:14px;font-family:inherit;font-weight:600;text-align:center}.queueTracks{width:100%;display:flex;flex-direction:column;gap:8px;padding:10px 0;overflow-y:auto}.queueItem{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;cursor:pointer;transition:background .2s}.queueItem:hover{background:#ffffff1a}.queueItem img{width:50px;height:50px;border-radius:6px;object-fit:cover;flex-shrink:0}.queueItemInfo{flex:1;min-width:0}.queueItemInfo h2{font-size:13px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queueItemInfo p{font-size:11px;margin:2px 0 0;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queueDuration{font-size:11px;opacity:.5;flex-shrink:0}.nowPlaying{background:#ffffff14;border-left:3px solid currentColor}.titleQueue h1{font-size:14px;font-family:inherit;font-weight:600;text-align:center;margin-bottom:10px}.queueArtistName{font-size:12px;opacity:.6;text-align:center;margin-top:4px}.skippingOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:0;z-index:10;font-size:14px;font-weight:600}.sonaBody.bg-white .titleQueue h1{color:#2d2d2d}.warn{padding:30px}.warn p{font-size:10px;text-align:center;color:#fff}.skippingOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999}.skippingLogoWrap{display:flex;align-items:center;justify-content:center}.skippingLogoWrap svg{width:140px;height:140px}