.side-nav__desktop_container{z-index:110;-webkit-backdrop-filter:blur(46px);backdrop-filter:blur(46px);background:linear-gradient(270deg,#fff0 0%,#ffffff1a 100%);flex-direction:column;justify-content:center;align-items:center;width:4rem;height:100vh;padding:1rem 0;transition:all .3s;display:flex;position:fixed;top:0;left:0}.side-nav__desktop_container:hover{width:12rem}.side-nav__logo-container{flex-direction:column;gap:1.5rem;width:100%;padding-left:0;list-style:none;display:flex;position:absolute;top:1rem}.side-nav__logo{align-items:center;gap:.5rem;width:100%;margin-bottom:2rem;margin-left:.5rem;text-decoration:none;display:flex}.side-nav__logo-label{color:#fff;opacity:0;white-space:nowrap;font-size:1.5rem;font-weight:500;transition:opacity .2s}.side-nav:hover .side-nav__logo-label{opacity:1}.side-nav__list{flex-direction:column;gap:1.5rem;width:100%;margin-top:0;padding-left:0;list-style:none;display:flex}.side-nav__item{width:100%;text-decoration:none}.side-nav__link{color:#b3a6c8;align-items:center;gap:1rem;justify-content:unset;border-radius:.375rem;padding:.5rem 1rem;text-decoration:none;transition:background .2s;display:flex}.side-nav__link:hover{background:#ffffff0d}.side-nav__icon-bg{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.side-nav__label{color:#fff;opacity:0;white-space:nowrap;align-items:center;font-size:1rem;font-weight:500;line-height:1;transition:opacity .2s;display:flex}.side-nav:hover .side-nav__label{opacity:1}.mobile-top-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;width:100%;display:none;position:fixed;top:0;left:0}.mobile-top-nav .container{justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;display:flex}.mobile-top-nav__left{align-items:center;gap:6px;display:flex}.mobile-top-nav__back-btn{color:#fffc;border-radius:6px;justify-content:center;align-items:center;padding:4px;text-decoration:none;transition:color .2s;display:inline-flex}.mobile-top-nav__back-btn:hover{color:#fff}.mobile-top-nav__logo-link{display:inline-flex}.mobile-top-nav__menu-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.mobile-top-nav__page-title{align-items:center;gap:.5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.mobile-top-nav__page-label{color:#fff;white-space:nowrap;font-size:1.5rem;font-weight:600}.mobile-menu-overlay{-webkit-backdrop-filter:blur(23.1px);backdrop-filter:blur(23.1px);z-index:200;opacity:0;visibility:hidden;background:linear-gradient(#fff0 0%,#ffffff3b 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}.mobile-menu-overlay.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-overlay__close-button{cursor:pointer;background:0 0;border:none;padding:.5rem;position:absolute;top:1.5rem;right:1.5rem}.mobile-menu-overlay__close-button img{filter:brightness(0)invert()}.mobile-menu-overlay__list{flex-direction:column;align-items:flex-start;gap:1.5rem;width:60%;max-height:70vh;margin:0 auto;padding:0;list-style:none;display:flex;overflow-y:auto}.mobile-menu-overlay__link{color:#fff;background:0 0;border:none;align-items:center;gap:1rem;padding:.5rem 0;font-family:Manrope;font-size:20px;line-height:1;text-decoration:none;display:flex}.mobile-menu-overlay__link img{flex-shrink:0;width:24px;height:24px}.mobile-menu-overlay__label{color:#fff;align-items:center;font-family:Manrope;font-size:20px;line-height:1;display:flex}.mobile-menu-overlay__divider{background:#fff3;width:100%;height:1px;margin:1.5rem 0 1rem;display:none}.mobile-menu-overlay__profile-section{align-items:center;gap:1rem;width:100%;margin:1.5rem 0 1rem;display:flex}.mobile-menu-overlay__section-text{color:#fff9;white-space:nowrap;font-family:Manrope;font-size:1.3rem;font-weight:400}.mobile-menu-overlay__section-line{background:#fff3;flex:1;min-width:20px;height:1px}.mobile-menu-overlay__section-header{color:#fff9;align-items:center;gap:1rem;margin:1.5rem 0 1rem;padding:0;font-family:Manrope;font-size:1.3rem;font-weight:400;display:flex;position:relative}.mobile-menu-overlay__section-header:after{content:"";background:#fff3;flex:1;min-width:20px;height:1px}.mobile-menu-overlay__option-wrapper{width:100%}.mobile-menu-overlay__complete-profile-badge{color:#000;cursor:pointer;white-space:nowrap;background:gold;border:1px solid #ffc1074d;border-radius:8px;margin:15px 0 0 35px;padding:8px 12px;font-family:Manrope;font-size:1rem;font-weight:600;transition:all .2s}.mobile-menu-overlay__complete-profile-badge:hover{background:#ffed4e;border-color:#ffc10799}.mobile-menu-overlay__complete-profile-badge:active{background:#ffe135;transform:translateY(1px)}.mobile-bottom-nav{-webkit-backdrop-filter:blur(46px);backdrop-filter:blur(46px);width:100%;padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom,0px));z-index:99;background:linear-gradient(270deg,#fff0 0%,#ffffff1a 100%);border-top:1px solid #ffffff1a;flex-direction:row;justify-content:space-around;align-items:center;gap:.5rem;min-height:4rem;display:none;position:fixed;bottom:0;left:0}.mobile-bottom-nav__link{flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:120px;min-height:2.5rem;padding:0;text-decoration:none;transition:opacity .2s,color .2s;display:flex}.mobile-bottom-nav__link:active{opacity:.7}.mobile-bottom-nav__link.active .mobile-bottom-nav__label{color:#fff;font-weight:600}.mobile-bottom-nav__link:not(.active) .mobile-bottom-nav__label{color:#fff9}.mobile-bottom-nav__label{display:none}@media (max-width:768px){.side-nav__desktop_container{display:none}.mobile-top-nav,.mobile-bottom-nav{display:flex}}
.mini-player-container .toast-container{z-index:11000;pointer-events:none;max-width:300px;position:fixed;top:20px;right:20px}.mini-player-container .toast{color:var(--white);pointer-events:all;opacity:.95;word-wrap:break-word;background:linear-gradient(145deg,#1e1f54,#191b45);border:1px solid #ffffff1a;border-radius:8px;max-width:100%;margin-bottom:10px;padding:14px 18px;animation:.3s forwards toast-slide-in;box-shadow:0 4px 12px #0006}.mini-player-container .toast-title{margin-bottom:5px;font-size:1.05rem;font-weight:700}.mini-player-container .toast-message{opacity:.9;font-size:.9rem}.mini-player-container .toast-exit{animation:.3s forwards toast-slide-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(110%)}to{opacity:.95;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:.95;transform:translate(0)}to{opacity:0;transform:translate(110%)}}.mini-player-container .pause-play__button{justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:static}.mini-player-container .mini-player-btn-group{z-index:3;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.mini-player-container .pause-play__button__icon.pause-icon{height:32%}.mini-player-container .pause-play__button__icon.play-icon{height:44%}.mini-player-root{z-index:20;justify-content:center;align-items:flex-end;width:100vw;height:130px;display:flex;position:fixed;bottom:0;left:0}.mini-player-root .mini-player-close{z-index:30;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:15px;height:15px;padding:0;display:flex;position:absolute;top:10px;right:10px}.mini-player-root .mini-player-close-x{width:15px;height:15px;display:block;position:relative}.mini-player-root .mini-player-close-x:before,.mini-player-root .mini-player-close-x:after{content:"";background:#fff;border-radius:2px;width:2px;height:15px;position:absolute;top:0;left:9px}.mini-player-root .mini-player-close-x:before{transform:rotate(45deg)}.mini-player-root .mini-player-close-x:after{transform:rotate(-45deg)}.mini-player-root .mini-player-bg{-webkit-backdrop-filter:blur(41.15px);backdrop-filter:blur(41.15px);z-index:0;background:linear-gradient(#fff0 0%,#1616163b 100%);border-radius:0;width:100vw;height:100%;position:absolute;bottom:0;left:0}.mini-player-root .mini-player{z-index:1;flex-direction:row;justify-content:space-between;align-items:center;gap:15px;width:100%;height:100%;padding:0 20px;display:flex;position:relative}.mini-player-root .mini-player-thumb{background:#2c2642;border:.82px solid #6153bd;border-radius:7.4px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;display:flex}.mini-player-root .mini-player-thumb-img{object-fit:cover;border-radius:7.4px;width:90px;height:90px}.mini-player-root .mini-player-thumbnail-title-section{flex-direction:row;align-items:center;gap:8px;width:40%;display:flex}.mini-player-root .mini-player-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;min-width:150px;max-width:100%;font-family:Manrope;font-size:1.2rem;font-style:normal;font-weight:500;line-height:38px;overflow:hidden}.mini-player-root .mini-player-progress-row{z-index:5;flex-direction:row;align-items:center;gap:12px;width:100%;max-width:600px;height:24px;margin-bottom:16px;display:flex;position:relative}.mini-player-root .mini-player-time{color:#fff;opacity:.7;justify-content:center;align-items:center;font-family:Manrope;font-size:.9rem;font-style:normal;font-weight:500;display:flex}.mini-player-root .mini-player-progress-bar{cursor:pointer;z-index:6;align-items:center;width:100%;height:24px;padding:10px 0;display:flex;position:relative}.mini-player-root .mini-player-progress-bar:hover .mini-player-progress-knob{transform:translateY(-50%)scale(1.1);box-shadow:0 3px 6px #0000004d}.mini-player-root .mini-player-progress-bar:active,.mini-player-root .mini-player-progress-bar.dragging{cursor:grabbing}.mini-player-root .mini-player-progress-bar.dragging .mini-player-progress-knob{transform:translateY(-50%)scale(1.2);box-shadow:0 4px 8px #0006}.mini-player-root .mini-player-progress-bar.dragging .mini-player-progress-fg{opacity:.8}.mini-player-root .mini-player-progress-bg{z-index:1;pointer-events:none;background-color:#424242;border-radius:2px;width:100%;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.mini-player-root .mini-player-progress-fg{z-index:2;pointer-events:none;background-color:#fff;border-radius:2px;width:0%;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.mini-player-root .mini-player-progress-knob{z-index:3;pointer-events:none;cursor:grab;background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s,box-shadow .15s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 4px #0003}.mini-player-root .mini-player-progress-knob:active{cursor:grabbing}.mini-player-root .mini-player-expand{color:#fff;cursor:pointer;background:0 0;border:none;display:inline-block;position:relative;bottom:0;right:5px}.mini-player-root .share{color:#fff;cursor:pointer;background:0 0;border:none;position:relative;bottom:-20px;right:5px}.mini-player-root .mini-player-controls{z-index:1;flex-direction:row;justify-content:center;align-items:center;gap:37.58px;width:100%;max-width:600px;display:flex}.mini-player-root .mini-player-ctrl-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.mini-player-root .mini-player-ctrl-label{color:#fff;opacity:.7;margin-top:2px;font-family:Manrope;font-size:14.8px}.mini-player-root .mini-player-content-section{flex-direction:column;flex:2;justify-content:center;align-items:center;max-width:600px;margin:0;display:flex}.mobile-mini-player-root{z-index:1000;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:fixed;bottom:10px;left:0}.mobile-mini-player{background:#140d2c;border:1px solid #6153bd;border-radius:50px;flex-direction:column;width:90%;margin:auto;display:flex;box-shadow:0 -2px 10px #0000001a}.mobile-mini-player-progress{cursor:pointer;box-sizing:border-box;z-index:100;background-color:#0000;border-radius:12px;width:80%;height:5px;margin:7px auto 0}.mobile-mini-player-progress-fg{pointer-events:none;background-color:#6153bd;border-radius:12px;height:3px}.mobile-mini-player-content{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mobile-mini-player-thumb{border-radius:6px;width:40px;height:40px;margin-right:12px;overflow:hidden}.mobile-mini-player-thumb-img{object-fit:cover;width:100%;height:100%}.mobile-mini-player-info{flex-direction:column;flex:1;justify-content:center;padding-right:12px;display:flex;overflow:hidden}.mobile-mini-player-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:500;overflow:hidden}.mobile-mini-player-label{color:#ffffffb3;font-size:12px}.mobile-mini-player-controls{justify-content:flex-end;align-items:center;display:flex}@media screen and (max-width:768px){.desktop-mini-player{display:none!important}.mobile-mini-player-root{bottom:calc(3.75rem + 10px + env(safe-area-inset-bottom));display:block!important}}@media screen and (min-width:769px){.mobile-mini-player-root{display:none}.desktop-mini-player{display:block!important}}.mini-player-loader{z-index:10;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.mini-player-spinner{border:4px solid #fff;border-top-color:#6153bd;border-radius:50%;width:40px;height:40px;animation:1s linear infinite mini-player-spin}@keyframes mini-player-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mini-player-container-minimized .mobile-mini-player-root{display:block!important}.mini-player-container-minimized .mobile-mini-player-info{display:none}.mini-player-container-minimized .mobile-mini-player{width:35%;max-width:130px}@media screen and (min-width:768px){.mini-player-container-minimized .mobile-mini-player{position:absolute;bottom:30px;right:2.5rem;width:120px!important}}.mini-player-container-minimized .mobile-mini-player-content{justify-content:space-around;padding:5px 10px}.mini-player-container-minimized .mobile-mini-player-controls .pause-play__button{width:35px!important;height:35px!important}