.home .title .title-text{font-weight:600}.home .home-wrapper{padding:5px 15px 90px}.home .home-wrapper .top{display:flex;margin-bottom:40px}.home .home-wrapper .top .title{align-items:center;display:flex;margin-bottom:12px}.home .home-wrapper .top .title img{width:40px}.home .home-wrapper .top .top-artists{flex:6.5 1;margin-right:25px;min-width:480px}.home .home-wrapper .top .top-songs{flex:5.5 1;min-width:400px}.home .home-wrapper .top .top-songs .songs{display:flex;flex-direction:column;height:300px;justify-content:space-between;overflow-y:hidden}@media only screen and (max-width:575px){.home .home-wrapper{padding-bottom:136px}.home .home-wrapper .top{display:block}.home .home-wrapper .top .top-artists{margin-bottom:30px;min-width:auto;width:100%}.home .home-wrapper .top .top-songs{min-width:auto}}@media only screen and (min-width:576px)and (max-width:768px){.home .home-wrapper .top{display:block}}@media only screen and (min-width:769px)and (max-width:992px){.home .home-wrapper .top{display:block}}.songItem{align-items:center;border-radius:6px;display:flex;flex:1 1;justify-content:space-between;padding:8px}.songItem.played .left .songItem-info .name{color:#effe62}.songItem .left{align-items:center;display:flex;flex:7.5 1;min-width:0}.songItem .left .songItem-img{align-items:center;aspect-ratio:1;display:flex;height:100%;justify-content:center;margin-right:15px;min-width:44px;position:relative;width:44px}.songItem .left .songItem-img img{height:100%;object-fit:cover;width:100%}.songItem .left .songItem-img .button{color:#fff;position:absolute}.songItem .left .songItem-img .button .icon{opacity:0;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.songItem .left .songItem-img .button .icon.play{font-size:32px}.songItem .left .songItem-img .button .icon.pause{font-size:28px}.songItem .left .songItem-img .button .icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.songItem .left .songItem-info{min-width:0}.songItem .left .songItem-info .name{cursor:pointer;font-size:14px;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.songItem .left .songItem-info .artists{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .1s ease;white-space:nowrap}.songItem .left .songItem-info .artists span{color:#ccc;cursor:pointer}.songItem .right{align-items:center;display:flex;flex:4.5 1;justify-content:space-between}.songItem .right .like-btn{align-items:center;display:flex;flex:5 1;font-size:22px;justify-content:center;padding:8px}.songItem .right .listeners{align-items:center;display:flex;flex:4 1;margin-right:5px;transition:color .1s ease}.songItem .right .listeners .text{color:#ccc;cursor:default;font-size:14px;font-weight:500;margin-right:5px}.songItem .right .listeners .icon{color:#969696;font-size:16px}.songItem .right .more{flex:3 1}@media(hover:hover)and (pointer:fine){.songItem:focus .left .songItem-img img,.songItem:focus-within .left .songItem-img img,.songItem:hover .left .songItem-img img{-webkit-filter:brightness(.6);filter:brightness(.6)}.songItem:focus .left .songItem-img .button .icon,.songItem:focus-within .left .songItem-img .button .icon,.songItem:hover .left .songItem-img .button .icon{opacity:1}.songItem:focus .left .songItem-img .music-wave,.songItem:focus-within .left .songItem-img .music-wave,.songItem:hover .left .songItem-img .music-wave{opacity:0}.songItem:focus .left .songItem-info .artists span:not(.comma),.songItem:focus-within .left .songItem-info .artists span:not(.comma),.songItem:hover .left .songItem-info .artists span:not(.comma){color:#fff}.songItem:focus .right .like-btn .icon.liked,.songItem:focus-within .right .like-btn .icon.liked,.songItem:hover .right .like-btn .icon.liked{opacity:1}.songItem:focus .right .listeners .icon,.songItem:focus .right .listeners .text,.songItem:focus-within .right .listeners .icon,.songItem:focus-within .right .listeners .text,.songItem:hover .right .listeners .icon,.songItem:hover .right .listeners .text{color:#fff}.songItem:focus .right .more .button .icon,.songItem:focus-within .right .more .button .icon,.songItem:hover .right .more .button .icon{color:#fff}.songItem:focus,.songItem:focus-within{background-color:hsla(0,0%,59%,.541)}.songItem:not(:focus,:focus-within):hover{background-color:rgba(56,57,59,.659)}.songItem .left .songItem-info .artists span:not(.comma):hover,.songItem .left .songItem-info .name:hover{text-decoration:underline}.songItem .right .like-btn .icon.liked{opacity:0}}@media only screen and (max-width:575px){.songItem .left{flex:9 1;margin-right:20px}.songItem .right{flex:3 1;justify-content:flex-end}.songItem .right .like-btn{display:none}}.more .button .more-icon{color:#969696;font-size:22px;transition:color .1s ease}.more .button:hover .more-icon{color:#fff}.more .popper-list{z-index:3333}.more .popper-list .list{background-color:#333}.more .popper-list .list .list-item{color:#fff;font-family:inherit;font-size:12px;font-weight:500;padding:8px 16px}.more .popper-list .list .list-item:focus,.more .popper-list .list .list-item:hover{background-color:hsla(0,0%,59%,.314)}.more .popper-list .list .list-item.artist,.more .popper-list .list .list-item.playlist{align-items:center;display:flex;justify-content:space-between}.more .popper-list .list .list-item.artist.is-open,.more .popper-list .list .list-item.playlist.is-open{background-color:hsla(0,0%,59%,.314)}.more .popper-list .list .list-item.artist .more-icon,.more .popper-list .list .list-item.playlist .more-icon{font-size:18px;transition:none}.more .popper-list .list .list-item.artist .more-icon.arrow,.more .popper-list .list .list-item.playlist .more-icon.arrow{margin-left:20px}.more .divider{border-color:hsla(0,0%,59%,.314);margin:0!important}.more .popper-artists{z-index:3333}.more .popper-artists .artists{background-color:#414040}.more .popper-artists .artists .artist-item{color:#fff;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500}.more .popper-artists .artists .artist-item:focus,.more .popper-artists .artists .artist-item:hover{background-color:hsla(0,0%,59%,.314)}.more .popper-playlists{z-index:3333}.more .popper-playlists .playlists{background-color:#414040;width:200px}.more .popper-playlists .playlists .playlist-item{color:#fff}.more .popper-playlists .playlists .playlist-item:focus,.more .popper-playlists .playlists .playlist-item:hover{background-color:hsla(0,0%,59%,.314)}.more .popper-playlists .playlists .playlist-item:focus .more-icon,.more .popper-playlists .playlists .playlist-item:hover .more-icon{color:#fff}.more .popper-playlists .playlists .more-top{display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.more .popper-playlists .playlists .more-top::-webkit-scrollbar{width:6px}.more .popper-playlists .playlists .more-top::-webkit-scrollbar-track{background-color:transparent}.more .popper-playlists .playlists .more-top::-webkit-scrollbar-thumb{background-color:hsla(0,0%,59%,.525);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.more .popper-playlists .playlists .more-top .no-playlist{color:#fff;font-size:13px;font-weight:400;padding:10px 15px}.more .popper-playlists .playlists .more-top .playlist-item{font-family:inherit;font-size:13px;font-weight:500;width:100%}.more .popper-playlists .playlists .more-top .playlist-item .name{align-items:center;display:flex;justify-content:space-between;width:100%}.more .popper-playlists .playlists .more-top .playlist-item .name .text{text-wrap:nowrap;flex:11 1;margin-right:15px;overflow:hidden;text-overflow:ellipsis}.more .popper-playlists .playlists .more-top .playlist-item .name .icon{flex:1 1}.more .popper-playlists .playlists .more-top .playlist-item .name .icon .more-icon{font-size:16px}.more .popper-playlists .playlists .more-bottom .divider{margin:8px 0}.more .popper-playlists .playlists .more-bottom .playlist-item{font-family:inherit;font-size:12px;font-weight:500;padding-left:8px;width:100%}.more .popper-playlists .playlists .more-bottom .playlist-item .more-icon{font-size:22px;margin-right:5px}.more .popper-playlists .playlists .more-bottom .form-create-playlist{display:none;padding:10px}.more .popper-playlists .playlists .more-bottom .form-create-playlist.true{display:block}.more .popper-playlists .playlists .more-bottom .form-create-playlist .form-group{margin-bottom:15px}.more .popper-playlists .playlists .more-bottom .form-create-playlist .form-group .form-label{color:#fff;font-family:inherit;font-size:12px;font-weight:500}.more .popper-playlists .playlists .more-bottom .form-create-playlist .form-group .form-input{color:#fff;font-family:inherit;font-size:14px;font-weight:500}.more .popper-playlists .playlists .more-bottom .form-create-playlist .form-group .form-input:before{border-bottom:2px solid #ccc}.more .popper-playlists .playlists .more-bottom .form-create-playlist .form-group .form-input:after{border-bottom:2px solid #effe62}.more .popper-playlists .playlists .more-bottom .form-create-playlist .form-group .form-input.type{width:100%}.more .popper-playlists .playlists .more-bottom .form-create-playlist .form-group .form-input.type svg{color:#fff}.more .popper-playlists .playlists .more-bottom .form-create-playlist .form-group .form-input.type option{background-color:#333;font-size:14px;font-weight:500;padding:5px}.more .popper-playlists .playlists .more-bottom .form-create-playlist .wrapper-button{display:flex;justify-content:flex-end;width:100%}.more .popper-playlists .playlists .more-bottom .form-create-playlist .wrapper-button button{background:none;border:2px solid #fff;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;left:0;padding:6px 12px;position:relative;transition:all .1s ease}.more .popper-playlists .playlists .more-bottom .form-create-playlist .wrapper-button button:not(:disabled):hover{background-color:#effe62;border:2px solid #effe62;color:#000;font-weight:700}.more .popper-playlists .playlists .more-bottom .form-create-playlist .wrapper-button button:disabled{border-color:#969696;color:#ccc;cursor:default}.snackbar .MuiPaper-root{background-color:#effe62;color:#000;font-family:inherit;font-size:13px;font-weight:600}.music-wave{position:absolute}.music-wave .loader{align-items:center;display:flex;height:20px}.music-wave .loader .stroke{-webkit-animation:animate 1.2s linear infinite;animation:animate 1.2s linear infinite;background-color:#effe62;border:1px solid #333;border-radius:50px;display:block;height:100%;margin:0 1px;position:relative;width:5px}.music-wave .loader .stroke:first-child{-webkit-animation-delay:0s;animation-delay:0s}.music-wave .loader .stroke:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.music-wave .loader .stroke:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.music-wave .loader .stroke:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.music-wave .loader .stroke:nth-child(5){-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes animate{50%{height:20%}to{height:100%}}@keyframes animate{50%{height:20%}to{height:100%}}.like-btn{margin:0 15px}.like-btn .wrapper-like-btn{align-items:center;display:flex;justify-content:center}.like-btn .wrapper-like-btn .icon{color:#969696;cursor:pointer;font-size:inherit;transition:color .1s ease}.like-btn .wrapper-like-btn .icon.unliked{color:#effe62;opacity:1}@media(hover:hover)and (pointer:fine){.like-btn .wrapper-like-btn .icon:not(.unliked):hover{color:#fff}.like-btn .wrapper-like-btn .icon.unliked:hover{opacity:.8}}.login-popover{background-color:#4361ee;color:#fff;padding:15px}.login-popover .content h4{font-size:16px;font-weight:800;margin-bottom:10px}.login-popover .content p{font-size:13px;font-weight:500;margin-bottom:15px}.login-popover .buttons{display:flex;justify-content:flex-end}.login-popover .buttons button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600}.login-popover .buttons button.exit{color:#ccc;margin-right:15px;transition:color .1s ease,scale .1s ease}.login-popover .buttons button.exit:hover{color:#fff;scale:1.1}.login-popover .buttons button.log-in{background-color:#fff;border-radius:30px;padding:10px;transition:scale .1s ease}.login-popover .buttons button.log-in:hover{scale:1.05}.follow-button .wrapper{background-color:rgba(51,51,51,.643);border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;width:-webkit-min-content;width:min-content}.follow-button .wrapper .icon{font-size:22px}.follow-button .wrapper .icon.unfollowed{color:#ccc}.follow-button .wrapper .icon.followed{color:#effe62;opacity:.8}.follow-button .wrapper:hover{background-color:rgba(63,63,63,.702);box-shadow:inset 1px 3px 4px #333}.follow-button .wrapper:hover .icon.unfollowed{color:#fff}.follow-button .wrapper:hover .icon.followed{opacity:1}.play-button button{align-items:center;background-color:rgba(51,51,51,.643);border:none;border-radius:10px;color:#ccc;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;padding:8px 15px;transition:all .1s ease}.play-button button .icon{margin-right:5px}.play-button button.played{color:#effe62}.play-button button:not(.played):hover{background-color:rgba(63,63,63,.702);box-shadow:inset 1px 2px 4px #333;color:#fff}.artist-item{position:relative}.artist-item .img-wrapper{border-radius:10px;height:300px;overflow:hidden;width:100%}.artist-item .img-wrapper img{-webkit-filter:brightness(.88);filter:brightness(.88);height:100%;object-fit:cover;width:100%}.artist-item .artist-info{bottom:60px;left:30px;position:absolute}.artist-item .artist-info .artist-name{font-size:34px;font-weight:700}.artist-item .artist-info .artist-name a:hover{text-decoration:underline}.artist-item .artist-info .artist-listeners{font-size:14px;font-weight:500;margin-top:3px}.artist-item .play-button{bottom:10px;left:30px;position:absolute}.artist-item .follow-button{bottom:10px;left:48%;position:absolute}@media only screen and (max-width:575px){.artist-item .follow-button{left:65%}}section{margin-bottom:45px}section .title{align-items:last baseline;display:flex;justify-content:space-between;margin-bottom:20px}section .title .title-text a{cursor:pointer}section .title .expanded{color:#ccc;cursor:pointer;font-size:13px;font-weight:600;padding-right:20px}section .cards{align-items:center;display:flex}@media(hover:hover)and (pointer:fine){section .title .expanded:hover,section .title .title-text a:hover{text-decoration:underline}}@media only screen and (max-width:575px){section .title .expanded{padding-right:0}section .cards{overflow-x:auto}}.wrapper-item{min-width:20%;width:20%}.wrapper-item .item{margin-right:20px;position:relative}.wrapper-item .item .card{--x-px:calc(var(--x)*1px);--y-px:calc(var(--y)*1px);background:hsla(0,0%,50%,.2);border-radius:10px;box-shadow:0 0 10px #000;cursor:pointer;overflow:hidden;padding:3px;position:relative;width:100%}.wrapper-item .item .card:after,.wrapper-item .item .card:before{background:radial-gradient(550px circle at var(--x-px) var(--y-px),#fff,transparent 30%);content:"";display:block;height:100%;left:0;position:absolute;top:0;inset:0;opacity:0;transition:opacity .4s ease;width:100%}.wrapper-item .item .card:before{z-index:1}.wrapper-item .item .card:after{z-index:-1}.wrapper-item .item .card.artist .inner .card-img,.wrapper-item .item .card.profile .inner .card-img{padding:10px}.wrapper-item .item .card.artist .inner .card-img img,.wrapper-item .item .card.profile .inner .card-img img{border-radius:50%}.wrapper-item .item .card .inner{background-color:rgba(26,26,26,.8);border-radius:10px;height:100%;min-height:235px;overflow:hidden;position:relative}.wrapper-item .item .card .inner .card-button{opacity:0;position:absolute;right:10px;top:45%;transition:top .25s ease,scale .1s ease-in-out;z-index:2}.wrapper-item .item .card .inner .card-button.played{opacity:1;top:50%}.wrapper-item .item .card .inner .card-img{aspect-ratio:1;display:flex;overflow:hidden;width:100%}.wrapper-item .item .card .inner .card-img img{box-shadow:0 1px 3px #232323;height:100%;object-fit:cover;width:100%}.wrapper-item .item .card .inner .card-img .wrapper-img{flex:1 1;height:50%}.wrapper-item .item .card .inner .card-content{padding:10px}.wrapper-item .item .card .inner .card-content .wrapper-card-content{aspect-ratio:2.5}.wrapper-item .item .card .inner .card-content .wrapper-card-content .name{font-size:16px;font-weight:500;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapper-item .item .card .inner .card-content .wrapper-card-content .content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;font-weight:400;line-height:1.6;overflow:hidden;text-overflow:ellipsis}.wrapper-item .item .card .inner .card-content .wrapper-card-content .content p span{color:#ccc}@media(hover:hover)and (pointer:fine){.wrapper-item .item .card:hover .inner .card-button{opacity:1;top:50%}.wrapper-item .item .card:hover .inner .card-button:hover{scale:1.1}.wrapper-item .item .card:hover:after{opacity:1}}@media only screen and (max-width:575px){.wrapper-item{min-width:48%;width:48%}.wrapper-item .item .card .inner .card-content .wrapper-card-content{aspect-ratio:2}}@media only screen and (min-width:576px)and (max-width:768px){.wrapper-item{min-width:33.33%;width:33.33%}}@media only screen and (min-width:769px)and (max-width:992px){.wrapper-item{min-width:33.33%;width:33.33%}}@media only screen and (min-width:993px)and (max-width:1200px){.wrapper-item{min-width:25%;width:25%}}@media only screen and (min-width:1401px){.wrapper-item{min-width:16.67%;width:16.67%}}.play-pause-vibe img{width:45px}.playlist .playlist-wrapper{padding:5px 15px 90px}.playlist .playlist-wrapper .top-playlist{align-items:center;display:flex;margin-bottom:20px}.playlist .playlist-wrapper .top-playlist:before{background-image:var(--background-src);background-repeat:no-repeat;background-size:cover;content:"";display:block;-webkit-filter:blur(30px);filter:blur(30px);height:320px;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.playlist .playlist-wrapper .top-playlist .left{flex:5 1}.playlist .playlist-wrapper .top-playlist .left .wrapper-left{align-items:center;display:flex;margin-right:140px;position:relative}.playlist .playlist-wrapper .top-playlist .left .wrapper-left .playlist-img{border-radius:10px;box-shadow:0 3px 10px #000;height:250px;overflow:hidden;width:250px}.playlist .playlist-wrapper .top-playlist .left .wrapper-left .playlist-img img{height:100%;object-fit:cover;width:100%}.playlist .playlist-wrapper .top-playlist .left .wrapper-left .disk{align-items:center;box-shadow:0 0 10px #000;display:flex;justify-content:center;z-index:-1}.playlist .playlist-wrapper .top-playlist .left .wrapper-left .disk .outside{background-color:#fff;background:var(--color);background-blend-mode:multiply;background-image:linear-gradient(to right,hsla(0,0%,100%,.5),var(--color-second));border-radius:50%;height:200px;position:absolute;width:200px}.playlist .playlist-wrapper .top-playlist .left .wrapper-left .disk .outside.played{-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite}.playlist .playlist-wrapper .top-playlist .left .wrapper-left .disk .inner{background-color:rgba(44,44,44,.8);border-radius:50%;height:25%;position:absolute;width:25%}.playlist .playlist-wrapper .top-playlist .right{flex:7 1;position:relative}.playlist .playlist-wrapper .top-playlist .right .type{font-size:13px;font-weight:500;margin-bottom:5px}.playlist .playlist-wrapper .top-playlist .right .playlist-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:32px;font-weight:700;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis}.playlist .playlist-wrapper .top-playlist .right .playlist-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:13px;font-weight:500;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis}.playlist .playlist-wrapper .top-playlist .right .owner{align-items:center;display:flex;margin-bottom:15px}.playlist .playlist-wrapper .top-playlist .right .owner .owner-img{border-radius:50%;height:30px;margin-right:8px;overflow:hidden;width:30px}.playlist .playlist-wrapper .top-playlist .right .owner .owner-img img{height:100%;object-fit:cover;width:100%}.playlist .playlist-wrapper .top-playlist .right .owner .owner-name{cursor:pointer;font-size:13px;font-weight:600}.playlist .playlist-wrapper .top-playlist .right .owner .owner-name:hover{text-decoration:underline}.playlist .playlist-wrapper .top-playlist .right .playlist-summary{color:#ccc;font-size:12px;font-weight:500}.playlist .playlist-wrapper .top-playlist .right .playlist-summary b{color:#fff}.playlist .playlist-wrapper .bottom-playlist .buttons{align-items:center;display:flex;padding:20px 0}.playlist .playlist-wrapper .bottom-playlist .buttons img{cursor:pointer;margin-right:10px;transition:scale .1s ease;width:55px}.playlist .playlist-wrapper .bottom-playlist .buttons img:hover{scale:1.1}.playlist .playlist-wrapper .bottom-playlist .buttons .like-btn,.playlist .playlist-wrapper .bottom-playlist .buttons .more-icon{font-size:36px}@media only screen and (max-width:575px){.playlist .playlist-wrapper{padding-bottom:136px}.playlist .playlist-wrapper .top-playlist{display:block;margin-bottom:0}.playlist .playlist-wrapper .top-playlist:before{height:500px}.playlist .playlist-wrapper .top-playlist .left{align-items:center;display:flex;margin-bottom:15px}.playlist .playlist-wrapper .top-playlist .right .isAdmin,.playlist .playlist-wrapper .top-playlist .right .playlist-summary .numb-of-songs{display:none}.playlist .playlist-wrapper .bottom-playlist .buttons img{width:48px}.playlist .playlist-wrapper .bottom-playlist .buttons .like-btn,.playlist .playlist-wrapper .bottom-playlist .buttons .more-icon{font-size:30px}}@media only screen and (min-width:576px)and (max-width:992px){.playlist .playlist-wrapper .top-playlist .right .playlist-summary .numb-of-songs{display:none}}.song-row{border-radius:3px;padding:5px}.song-row,.song-row .number{align-items:center;display:flex}.song-row .number{justify-content:center;position:relative}.song-row .number .text{color:#ccc;font-size:14px;font-weight:500}.song-row .number .icon{opacity:0;position:absolute;transition:scale .1s ease}.song-row .number .icon.play{font-size:26px}.song-row .number .icon:hover{scale:1.1}.song-row .song-info{align-items:center;display:flex;min-width:0}.song-row .song-info .wrapper-img{aspect-ratio:1;height:100%;margin-right:15px;min-width:44px;width:44px}.song-row .song-info .wrapper-img img{height:100%;object-fit:cover;width:100%}.song-row .song-info .wrapper-text{min-width:0}.song-row .song-info .wrapper-text .name{cursor:pointer;font-size:14px;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row .song-info .wrapper-text .name.played{color:#effe62}.song-row .song-info .wrapper-text .artists{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row .song-info .wrapper-text .artists span{color:#ccc;cursor:pointer;font-size:12px;font-weight:500}.song-row .song-album{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row .song-album .text{cursor:pointer}.song-row .song-album .text,.song-row .song-createdAt{color:#ccc;font-size:13px;font-weight:500}.song-row .song-duration,.song-row .song-plays{color:#ccc;font-size:14px;font-weight:500}.song-row .button{align-items:center;display:flex;justify-content:center}.song-row .button .icon{cursor:pointer;font-size:20px}.song-row .like-btn{font-size:20px;margin-right:20px}@media(hover:hover)and (pointer:fine){.song-row:focus,.song-row:focus-within,.song-row:hover{background-color:hsla(0,0%,59%,.314)}.song-row:focus .number .music-wave,.song-row:focus .number .text,.song-row:focus-within .number .music-wave,.song-row:focus-within .number .text,.song-row:hover .number .music-wave,.song-row:hover .number .text{opacity:0}.song-row:focus .number .icon,.song-row:focus-within .number .icon,.song-row:hover .number .icon{opacity:1}.song-row:focus .song-info .wrapper-text .artists span:not(.comma),.song-row:focus-within .song-info .wrapper-text .artists span:not(.comma),.song-row:hover .song-info .wrapper-text .artists span:not(.comma){color:#fff}.song-row:focus .song-album .text,.song-row:focus .song-plays .text,.song-row:focus-within .song-album .text,.song-row:focus-within .song-plays .text,.song-row:hover .song-album .text,.song-row:hover .song-plays .text{color:#fff}.song-row:focus .button.like .like-btn .wrapper-like-btn .icon:not(.unliked),.song-row:focus-within .button.like .like-btn .wrapper-like-btn .icon:not(.unliked),.song-row:hover .button.like .like-btn .wrapper-like-btn .icon:not(.unliked){opacity:1}.song-row:focus .button.more .button,.song-row:focus-within .button.more .button,.song-row:hover .button.more .button{opacity:1}.song-row:focus .button.more .button .icon,.song-row:focus-within .button.more .button .icon,.song-row:hover .button.more .button .icon{color:#fff}.song-row:focus,.song-row:focus-within{background-color:hsla(0,0%,59%,.541)}.song-row .song-album .text:hover,.song-row .song-info .wrapper-text .artists span:not(.comma):hover,.song-row .song-info .wrapper-text .name:hover{text-decoration:underline}.song-row .button.like .like-btn .wrapper-like-btn .icon:not(.unliked),.song-row .button.more .button{opacity:0}}.song-table{padding:10px}.song-table .title{align-items:center;border-bottom:1px solid hsla(0,0%,59%,.314);color:#ccc;display:flex;flex-direction:row;font-size:13px;font-weight:500;margin-bottom:15px;padding:0 5px 15px;width:100%}.song-table .title .number{font-size:1.2em}.song-table .number{flex:.5 1;margin-right:10px;text-align:center}.song-table .song-info{margin-right:30px}.song-table .song-info.playlist{flex:4 1}.song-table .song-info.album{flex:5.5 1}.song-table .song-plays{flex:4 1;margin-right:40px;text-align:right}.song-table .song-album{flex:3.5 1;margin-right:30px}.song-table .song-createdAt{display:flex;flex:2 1;justify-content:flex-start}.song-table .button{flex:.5 1;min-width:0}.song-table .song-duration{flex:1 1;text-align:center}.song-table .collapse-button{margin:10px 0 0}.song-table .collapse-button .text{color:#ccc;cursor:default;font-size:13px;font-weight:500;padding:0 10px;transition:all .1s ease}@media(hover:hover)and (pointer:fine){.song-table .collapse-button .text:hover{color:#fff}}@media only screen and (max-width:575px){.song-table{padding:0}.song-table .button{flex:1 1}.song-table .number,.song-table .song-album,.song-table .song-createdAt,.song-table .song-duration,.song-table .title{display:none}.song-table .song-plays{flex:2 1}.song-table.album .song-plays,.song-table.artist .button.liked{display:none}}@media only screen and (min-width:576px)and (max-width:992px){.song-table .song-createdAt{display:none}}.audio-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(1,10,25,.843);bottom:0;box-shadow:0 0 2px #969696;left:0;position:fixed;width:100vw;z-index:3}.audio-player .audio-player-wrapper{align-items:center;display:flex;padding:8px 15px}.audio-player .audio-player-wrapper .left{align-items:center;display:flex;flex:3.5 1;min-width:0}.audio-player .audio-player-wrapper .left .img-wrapper{aspect-ratio:1;border-radius:10px;cursor:pointer;margin-right:15px;min-width:60px;overflow:hidden;width:60px}.audio-player .audio-player-wrapper .left .img-wrapper img{height:100%;object-fit:cover;width:100%}.audio-player .audio-player-wrapper .left .song-info{margin-right:15px;min-width:0}.audio-player .audio-player-wrapper .left .song-info .name{cursor:pointer;font-size:13px;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-player .audio-player-wrapper .left .song-info .artists{cursor:pointer;font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;transition:color .1s ease;white-space:nowrap}.audio-player .audio-player-wrapper .left .song-info .artists span{color:#ccc}.audio-player .audio-player-wrapper .left .song-info .artists span:not(.comma):hover{color:#fff}.audio-player .audio-player-wrapper .left .like-btn{font-size:20px}.audio-player .audio-player-wrapper .middle{align-items:center;display:flex;flex:5 1;flex-direction:column;justify-content:center}.audio-player .audio-player-wrapper .middle .control-button{align-items:center;display:flex;justify-content:space-around;width:40%}.audio-player .audio-player-wrapper .middle .control-button .icon{color:#969696;font-size:30px;transition:color .1s ease}.audio-player .audio-player-wrapper .middle .control-button .replay-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.audio-player .audio-player-wrapper .middle .control-button .replay-wrapper .replay-all{align-items:center;display:flex;justify-content:center;position:absolute;right:-2px;top:-5px}.audio-player .audio-player-wrapper .middle .control-button .replay-wrapper .replay-all .replay-all-text{color:#effe62;cursor:default;font-size:10px;font-weight:500}.audio-player .audio-player-wrapper .middle .control-button .replay,.audio-player .audio-player-wrapper .middle .control-button .shuffle{font-size:24px}.audio-player .audio-player-wrapper .middle .control-button .play-pause .icon{color:#effe62;font-size:42px;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.audio-player .audio-player-wrapper .middle .control-button .selected{color:#effe62;transition:opacity .1s ease}.audio-player .audio-player-wrapper .middle .control-timeline{align-items:center;display:flex;justify-content:center;width:100%}.audio-player .audio-player-wrapper .middle .control-timeline .time{color:#ccc;cursor:default;font-size:12px;font-weight:400;width:32px}.audio-player .audio-player-wrapper .middle .control-timeline .time.duration{margin-left:8px}.audio-player .audio-player-wrapper .middle .control-timeline .slider{width:85%}.audio-player .audio-player-wrapper .middle .control-timeline .slider .MuiSlider-rail{color:#969696}.audio-player .audio-player-wrapper .middle .control-timeline .slider .MuiSlider-thumb,.audio-player .audio-player-wrapper .middle .control-timeline .slider .MuiSlider-track{color:#effe62}.audio-player .audio-player-wrapper .middle .control-timeline .slider .MuiSlider-thumb{height:0;transition:width .1s ease,height .1s ease;width:0}.audio-player .audio-player-wrapper .middle .control-timeline .slider .MuiSlider-thumb.Mui-focusVisible{box-shadow:none!important}.audio-player .audio-player-wrapper .middle .control-timeline .slider .MuiSlider-thumb.Mui-active{height:12px;width:12px}.audio-player .audio-player-wrapper .right{align-items:center;display:flex;flex:3.5 1;justify-content:flex-end;padding-right:5px}.audio-player .audio-player-wrapper .right .icon{color:#969696;font-size:24px;margin-right:10px;transition:color .1s ease}.audio-player .audio-player-wrapper .right .icon.lyrics{font-size:20px}.audio-player .audio-player-wrapper .right .divider{border-color:hsla(0,0%,59%,.541);margin-right:22px}.audio-player .audio-player-wrapper .right .selected{color:#effe62;transition:opacity .1s ease}.audio-player .audio-player-wrapper .right .volume-wrapper{align-items:center;display:flex;width:30%}.audio-player .audio-player-wrapper .right .volume-wrapper .volume-control .MuiSlider-rail{color:#969696}.audio-player .audio-player-wrapper .right .volume-wrapper .volume-control .MuiSlider-thumb,.audio-player .audio-player-wrapper .right .volume-wrapper .volume-control .MuiSlider-track{color:#fff}.audio-player .audio-player-wrapper .right .volume-wrapper .volume-control .MuiSlider-thumb{height:0;transition:width .1s ease,height .1s ease;width:0}.audio-player .audio-player-wrapper .right .volume-wrapper .volume-control .MuiSlider-thumb.Mui-focusVisible{box-shadow:none!important}.audio-player .queue-list{background-color:#0b182e;border-radius:10px 0 0 0;max-height:230px;overflow-y:auto;padding:15px;width:350px}.audio-player .queue-list .title{font-size:16px;font-weight:500;margin-bottom:10px;text-align:center}.audio-player .queue-list .no-item-text{color:#ccc;font-size:13px;font-weight:500;margin-bottom:10px}.audio-player .queue-list .wrapper-img{display:flex;justify-content:center}.audio-player .queue-list .wrapper-img .no-item-img{width:120px}.audio-player .queue-list .item-type-text{color:#ccc;font-size:13px;font-weight:500;margin-bottom:5px}.audio-player .queue-list .divider{border-color:hsla(0,0%,59%,.541);margin:10px 0}.audio-player .queue-list::-webkit-scrollbar{background-color:#333;width:12px}.audio-player .queue-list::-webkit-scrollbar-thumb{background-color:hsla(0,0%,59%,.651);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}@media(hover:hover)and (pointer:fine){.audio-player .audio-player-wrapper .left .song-info .name:hover a{text-decoration:underline}.audio-player .audio-player-wrapper .left .song-info span:not(.comma):hover{color:#fff;text-decoration:underline}.audio-player .audio-player-wrapper .middle .control-button .icon:not(.selected,.play,.pause):hover{color:#fff}.audio-player .audio-player-wrapper .middle .control-button .play-pause .icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.audio-player .audio-player-wrapper .middle .control-button .selected:hover{opacity:.8}.audio-player .audio-player-wrapper .middle .control-timeline .slider:hover .MuiSlider-thumb{box-shadow:none!important;height:12px;width:12px}.audio-player .audio-player-wrapper .right .icon:not(.selected):hover{color:#fff}.audio-player .audio-player-wrapper .right .selected:hover{opacity:.8}.audio-player .audio-player-wrapper .right .volume-wrapper:hover .icon{color:#fff}.audio-player .audio-player-wrapper .right .volume-wrapper:hover .volume-control{cursor:default}.audio-player .audio-player-wrapper .right .volume-wrapper:hover .volume-control .MuiSlider-thumb,.audio-player .audio-player-wrapper .right .volume-wrapper:hover .volume-control .MuiSlider-track{color:#effe62}.audio-player .audio-player-wrapper .right .volume-wrapper:hover .volume-control .MuiSlider-thumb{box-shadow:none!important;height:12px;width:12px}}@media only screen and (max-width:575px){.audio-player{bottom:70px}.audio-player .audio-player-wrapper .left{flex:9.5 1}.audio-player .audio-player-wrapper .left .img-wrapper{min-width:45px;width:45px}.audio-player .audio-player-wrapper .left .more{display:none}.audio-player .audio-player-wrapper .middle{flex:1.5 1}.audio-player .audio-player-wrapper .middle .control-button .icon:not(.play,.pause),.audio-player .audio-player-wrapper .middle .control-button .replay-wrapper{display:none}.audio-player .audio-player-wrapper .middle .control-timeline{display:block;left:0;position:absolute;top:-20%;z-index:1}.audio-player .audio-player-wrapper .middle .control-timeline .time{display:none}.audio-player .audio-player-wrapper .middle .control-timeline .slider{padding:3px 0;width:100%}.audio-player .audio-player-wrapper .right{flex:1 1;padding-right:0}.audio-player .audio-player-wrapper .right .divider{margin:0 15px}.audio-player .audio-player-wrapper .right .icon{margin-right:0}.audio-player .audio-player-wrapper .right .icon.download,.audio-player .audio-player-wrapper .right .icon.lyrics,.audio-player .audio-player-wrapper .right .volume-wrapper{display:none}.audio-player .queue-list{max-height:300px;width:100vw}}@media only screen and (min-width:576px)and (max-width:768px){.audio-player .audio-player-wrapper .left{flex:4.5 1}.audio-player .audio-player-wrapper .middle{flex:6 1}.audio-player .audio-player-wrapper .right{flex:1.5 1}.audio-player .audio-player-wrapper .right .icon.download,.audio-player .audio-player-wrapper .right .icon.lyrics,.audio-player .audio-player-wrapper .right .volume-wrapper{display:none}}@media only screen and (min-width:769px)and (max-width:992px){.audio-player .audio-player-wrapper .left{flex:4.5 1}.audio-player .audio-player-wrapper .middle{flex:6 1}.audio-player .audio-player-wrapper .right{flex:1.5 1}.audio-player .audio-player-wrapper .right .icon.download,.audio-player .audio-player-wrapper .right .icon.lyrics,.audio-player .audio-player-wrapper .right .volume-wrapper{display:none}}.queue-item{border-radius:3px;justify-content:space-between;padding:5px 8px}.queue-item,.queue-item .left{align-items:center;display:flex}.queue-item .left{flex:1 1;justify-content:center;margin-right:10px;position:relative}.queue-item .left .number{color:#ccc;cursor:default;font-size:14px;font-weight:400}.queue-item .left .icon{opacity:0;position:absolute}.queue-item .left .play{font-size:24px}.queue-item .left .pause{font-size:22px}.queue-item .middle{align-items:center;display:flex;flex:8.5 1;min-width:0}.queue-item .middle .img-wrapper{align-items:center;aspect-ratio:1;display:flex;height:100%;justify-content:center;margin-right:10px;min-width:32px;width:32px}.queue-item .middle .img-wrapper img{height:100%;object-fit:cover;width:100%}.queue-item .middle .song-info{margin-right:15px;min-width:0}.queue-item .middle .song-info .name{font-size:12px;font-weight:500;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item .middle .song-info .artists{color:#ccc;font-size:10px;font-weight:400;overflow:hidden;text-overflow:ellipsis;transition:color .1s ease;white-space:nowrap}.queue-item .middle .song-info .artists span{cursor:pointer}.queue-item .right{align-items:center;display:flex;flex:2.5 1;min-width:0}.queue-item .right .first{align-items:center;display:flex;flex:6 1;justify-content:center;margin-right:8px;min-width:0;position:relative}.queue-item .right .first .text{color:#ccc;cursor:default;font-size:11px;font-weight:400}.queue-item .right .first .like-btn{font-size:18px;position:absolute}.queue-item .right .first .like-btn .wrapper-like-btn{opacity:0}.queue-item .right .second{align-items:center;display:flex;flex:6 1;min-width:0;position:relative}.queue-item .right .second .music-wave .loader{height:13px}.queue-item .right .second .music-wave .loader .stroke{width:4px}.queue-item .right .third{align-items:center;display:flex}.queue-item .icon{color:#969696;font-size:18px;transition:color .1s ease}@media(hover:hover)and (pointer:fine){.queue-item:hover{background-color:hsla(0,0%,59%,.314)}.queue-item:hover .left .number{opacity:0}.queue-item:hover .left .icon{opacity:1}.queue-item:hover .right .text{opacity:0}.queue-item:hover .right .like-btn .wrapper-like-btn{opacity:1}.queue-item .icon:hover{color:#fff}.queue-item .middle .song-info .name a:hover{text-decoration:underline}.queue-item .middle .song-info .artists span:not(.comma):hover{color:#fff;text-decoration:underline}}.sidebar{background-color:#010a19;flex:2 1;height:100vh;left:0;padding:15px;position:-webkit-sticky;position:sticky;top:0}.sidebar.expanded{flex:3 1}.sidebar.expanded .hamburger-menu .menu-line:first-child{top:14px;-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}.sidebar.expanded .hamburger-menu .menu-line:nth-child(2){opacity:0}.sidebar.expanded .hamburger-menu .menu-line:nth-child(3){top:14px;-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}.sidebar.expanded .sidebar-button .sidebar-icon{margin-right:10px}.sidebar.expanded .sidebar-button .sidebar-text{opacity:1}.sidebar .logo{cursor:pointer;height:auto;margin-bottom:15px;padding-left:10px;width:84px}.sidebar .hamburger-menu{box-sizing:border-box;cursor:pointer;display:none;height:28px;margin:10px;position:relative;width:18px}.sidebar .hamburger-menu .menu-line{background:#fff;border-radius:3px;height:2px;opacity:1;position:absolute;transition-duration:.3s;width:18px}.sidebar .hamburger-menu .menu-line:first-child{top:5px}.sidebar .hamburger-menu .menu-line:nth-child(2){top:13px}.sidebar .hamburger-menu .menu-line:nth-child(3){top:21px}.sidebar .sidebar-divider{border-color:hsla(0,0%,59%,.541);margin-bottom:15px;padding-top:15px}.sidebar .sidebar-button{align-items:center;border-radius:5px;color:#969696;cursor:pointer;display:flex;padding:8px;transition:all .1s ease-in-out}.sidebar .sidebar-button .sidebar-icon{margin-right:10px}.sidebar .sidebar-button .sidebar-text{font-size:14px;font-weight:500}.sidebar .sidebar-button.selected{color:#effe62}.sidebar .sidebar-button:hover:not(.selected){color:#fff}.sidebar .sidebar-button:hover .sidebar-icon.recentListen{-webkit-animation:rotate 1s;animation:rotate 1s}@media only screen and (max-width:575px){.sidebar{align-items:center;bottom:0;display:flex;height:auto;justify-content:space-around;left:0;position:fixed;top:auto;width:100vw;z-index:33333}.sidebar .link-logo{display:none}.sidebar .sidebar-button{flex:1 1}.sidebar .sidebar-button .sidebar-text,.sidebar .sidebar-divider{display:none}}@media only screen and (min-width:576px)and (max-width:992px){.sidebar{flex:.6 1;overflow:hidden;transition:flex .3s ease}.sidebar .link-logo{display:none}.sidebar .hamburger-menu{display:block}.sidebar .sidebar-button .sidebar-text{text-wrap:nowrap;opacity:0;transition:opacity .15s ease-in}}.navbar{left:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:6}.navbar.scrolled{background-color:#010a19;box-shadow:0 7px 10px 5px #010a19}.navbar .navbar-wrapper{align-items:center;display:flex;padding:15px}.navbar .navbar-wrapper .left{display:flex;flex:6 1}.navbar .navbar-wrapper .left .wrapper-left{align-items:center;background-color:#0b182e;border-radius:30px;display:flex;height:30px;min-width:295px;padding:20px 10px;width:70%}.navbar .navbar-wrapper .left .wrapper-left .icon{color:#ccc;margin-right:3px}.navbar .navbar-wrapper .left .wrapper-left .search-input{background-color:transparent;border:none;color:#fff;font-family:inherit;font-size:13px;font-weight:500;width:100%}.navbar .navbar-wrapper .left .wrapper-left .search-input:focus{outline:none}.navbar .navbar-wrapper .left .wrapper-left:focus-within{outline:1.5px solid #fff}.navbar .navbar-wrapper .left .wrapper-left:focus-within .icon{color:#fff}.navbar .navbar-wrapper .right{align-items:center;display:flex;flex:6 1;justify-content:flex-end}.navbar .navbar-wrapper .right .logIn-btn{border-radius:30px;color:#fff;font-size:13px;font-weight:700;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:color .3s}.navbar .navbar-wrapper .right .logIn-btn:after{border-radius:30px;bottom:0;content:"";height:100%;left:0;position:absolute;width:100%;z-index:-2}.navbar .navbar-wrapper .right .logIn-btn:before{background-color:#effe62;border-radius:50%;content:"";height:5px;position:absolute;right:10px;top:10px;transition:all .3s;width:5px;z-index:-1}.navbar .navbar-wrapper .right .logIn-btn:hover{color:#010a19}.navbar .navbar-wrapper .right .logIn-btn:hover:before{border-radius:30px;height:100%;right:0;top:0;width:100%}.navbar .navbar-wrapper .right .logIn-btn.true{color:#010a19}.navbar .navbar-wrapper .right .logIn-btn.true:after{background-color:#effe62}.navbar .navbar-wrapper .right .avatar{border-radius:50%;cursor:pointer;height:32px;margin-right:10px;object-fit:cover;transition:opacity .1s ease;width:32px}.navbar .navbar-wrapper .right .avatar:hover{opacity:.8}.navbar .navbar-wrapper .right .user-info .username{font-size:13px;font-weight:500}.navbar .navbar-wrapper .right .user-info .email{color:#effe62;font-size:11px;font-weight:500}.navbar .navbar-wrapper .right .list{background-color:#333;color:#fff;margin-top:10px}.navbar .navbar-wrapper .right .list .list-item{font-family:inherit;font-size:12px;font-weight:500;padding:8px 16px}.navbar .navbar-wrapper .right .list .list-item:focus,.navbar .navbar-wrapper .right .list .list-item:hover{background-color:hsla(0,0%,59%,.314)}.navbar .navbar-wrapper .right .list .list-item.premium{position:relative}.navbar .navbar-wrapper .right .list .divider{border-color:hsla(0,0%,59%,.314)}@media(hover:hover)and (pointer:fine){.navbar .navbar-wrapper .left .wrapper-left:hover{background-color:#0f2242;box-shadow:inset 0 0 2px #ccc}.navbar .navbar-wrapper .left .wrapper-left:hover .icon{color:#fff}}@media only screen and (max-width:575px){.navbar .navbar-wrapper .left{flex:7.5 1}.navbar .navbar-wrapper .left .wrapper-left{min-width:100px;width:100%}.navbar .navbar-wrapper .right{flex:4.5 1}.navbar .navbar-wrapper .right .avatar{margin-right:0}.navbar .navbar-wrapper .right .user-info{display:none}}.app{display:flex}.app .app-wrapper{flex:10 1;height:100vh;overflow-y:auto;position:relative}.app .app-wrapper::-webkit-scrollbar{width:6px}.app .app-wrapper::-webkit-scrollbar-track{background-color:transparent}.app .app-wrapper::-webkit-scrollbar-thumb{background-color:hsla(0,0%,59%,.525);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.app .app-wrapper .chip{background-color:hsla(0,0%,100%,.102);border-radius:8px;color:#f1f1f1;font-family:inherit;font-size:13px;font-weight:600;margin-right:12px;padding:0 12px}.app .app-wrapper .chip.selected{background-color:#effe62;color:#000}.app .app-wrapper .chip:not(.selected):hover{background-color:hsla(0,0%,100%,.2)}.app .app-wrapper .chip .MuiChip-label{padding:0}.app .app-wrapper .skeleton{background-color:rgba(44,43,43,.831);cursor:default;height:100%;width:100%}.app .app-wrapper .skeleton.card{aspect-ratio:.68}.app .app-wrapper .skeleton.song-item{flex:1 1;margin:8px;width:auto!important}.app .skeleton{background-color:rgba(44,43,43,.831);cursor:default;height:100%;width:100%}.app .skeleton.card{aspect-ratio:.68}.app .skeleton.song-item{flex:1 1;margin:8px;width:auto!important}@media only screen and (max-width:575px){.app .app-wrapper{overflow-x:hidden;width:100vw}.app .app-wrapper::-webkit-scrollbar{display:none}}.modal{align-items:center;display:flex;justify-content:center;z-index:4600!important}.modal .wrapper-img{height:80vh;max-width:80%;position:relative}.modal .wrapper-img img{height:100%;object-fit:contain;width:100%}.modal .wrapper-img .wrapper-icon{align-items:center;background-color:#0b0b0b;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:5px;top:5px;width:30px}.modal .wrapper-img .wrapper-icon .icon{color:#ccc}.modal .wrapper-img .wrapper-icon:hover{background-color:#121212}.modal .wrapper-img .wrapper-icon:hover .icon{color:#fff}.artist .artist-wrapper{padding-bottom:30px}.artist .artist-wrapper .artist-top{margin-bottom:30px}.artist .artist-wrapper .artist-top .artist-background{height:44vh;margin-bottom:20px;position:relative;width:100%}.artist .artist-wrapper .artist-top .artist-background:not(.loading){border-radius:50%;box-shadow:0 20px 100px var(--color);transition:box-shadow 4s ease}.artist .artist-wrapper .artist-top .artist-background.bg img{height:100%;object-fit:cover;width:100%}.artist .artist-wrapper .artist-top .artist-background.noBg img{display:none}.artist .artist-wrapper .artist-top .artist-background.noBg .no-background{background-color:var(--color);height:100%;width:100%}.artist .artist-wrapper .artist-top .artist-header{align-items:center;display:flex;justify-content:space-between;padding:5px 24px}.artist .artist-wrapper .artist-top .artist-header .left{align-items:center;display:flex}.artist .artist-wrapper .artist-top .artist-header .left .first{margin-right:20px}.artist .artist-wrapper .artist-top .artist-header .left .first .artist-avatar{aspect-ratio:1;border-radius:50%;overflow:hidden;width:120px}.artist .artist-wrapper .artist-top .artist-header .left .first .artist-avatar img{height:100%;object-fit:cover;width:100%}.artist .artist-wrapper .artist-top .artist-header .left .second .artist-name{font-size:40px;font-weight:600;margin-bottom:10px}.artist .artist-wrapper .artist-top .artist-header .left .second .artist-listeners{color:#effe62;font-size:14px;font-weight:500}.artist .artist-wrapper .artist-top .artist-header .right{align-items:center;display:flex}.artist .artist-wrapper .artist-top .artist-header .right .play-button{margin-right:15px}.artist .artist-wrapper .artist-bottom section.popular-songs{margin-bottom:30px;padding:0 24px}.artist .artist-wrapper .artist-bottom section.popular-songs .title-section{padding-bottom:15px}.artist .artist-wrapper .artist-bottom section.popular-songs .title-section .title-text{font-weight:600}.artist .artist-wrapper .artist-bottom section.tabs .tablist-box{background-color:#010a19;position:-webkit-sticky;position:sticky;top:70px;z-index:3}.artist .artist-wrapper .artist-bottom section.tabs .tablist-box .tablist .MuiTabs-indicator{background-color:#effe62}.artist .artist-wrapper .artist-bottom section.tabs .tablist-box .tablist .tab{font-family:inherit;font-size:14px;font-weight:500}.artist .artist-wrapper .artist-bottom section.tabs .tablist-box .tablist .tab:hover .MuiTouchRipple-root{color:#fff}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel .title-section{padding-bottom:15px}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel .title-section .title-text{font-weight:500}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel .cards.custom{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel .cards.custom .wrapper-item .item{padding-bottom:40px}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel .contents{margin-top:20px}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .switch{color:#fff}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-img{display:flex;justify-content:center;margin-bottom:20px}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-img .carousel{width:100%}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-img .carousel .wrapper-img{background-color:#000;height:42vh;transition:scale .3s ease;width:100%}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-img .carousel .wrapper-img img{height:100%;object-fit:contain;width:100%}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-img .carousel .css-1abc02a:hover button,.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-img .carousel .css-hn784z:hover button{background-color:#121212;opacity:1!important}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-img .carousel .css-1abc02a .MuiButtonBase-root,.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-img .carousel .css-hn784z .MuiButtonBase-root{background-color:#0b0b0b;color:#969696}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-img .carousel .css-1abc02a .MuiButtonBase-root:hover,.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-img .carousel .css-hn784z .MuiButtonBase-root:hover{color:#fff;opacity:1!important}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info{display:flex}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left{flex:3 1}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left .wrapper-left{padding:10px}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left .wrapper-left section{margin-bottom:40px}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left .wrapper-left section:last-child{margin-bottom:0}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left .wrapper-left section .number{font-size:32px;font-weight:600;margin-bottom:10px}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left .wrapper-left section .title{color:#ccc;font-size:12px;font-weight:500}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left .wrapper-left section.contact div{align-items:center;cursor:pointer;display:flex;margin-bottom:12px}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left .wrapper-left section.contact div .icon,.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left .wrapper-left section.contact div .text{transition:color .1s ease}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left .wrapper-left section.contact div .icon{color:#969696;font-size:22px;margin-right:5px}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left .wrapper-left section.contact div .text{color:#ccc;font-size:12px;font-weight:500}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left .wrapper-left section.contact div:hover .icon,.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-left .wrapper-left section.contact div:hover .text{color:#fff}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-right{flex:9 1}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel.fifth .artist-info .artist-info-right .wrapper-right{color:#ccc;font-size:15px;font-weight:400;line-height:1.6;padding:10px}@media(hover:hover)and (pointer:fine){.artist .artist-wrapper .artist-bottom section .tabs .tab-panels .tab-panel.fifth .artist-img .carousel .wrapper-img:hover{scale:1.02}}@media only screen and (max-width:575px){.artist .artist-wrapper{padding-bottom:70px}.artist .artist-wrapper .artist-top .artist-background{height:30vh}.artist .artist-wrapper .artist-top .artist-header{display:block}.artist .artist-wrapper .artist-top .artist-header .left{margin-bottom:20px}.artist .artist-wrapper .artist-top .artist-header .left .first .artist-avatar{width:84px}.artist .artist-wrapper .artist-top .artist-header .left .second .text{font-size:.85em}.artist .artist-wrapper .artist-bottom section.tabs .tab-panels .tab-panel .cards.custom{justify-content:space-between}.artist .artist-wrapper .artist-bottom .wrapper-item .item .card .inner{min-height:238px}}@media only screen and (min-width:576px)and (max-width:992px){.artist .artist-wrapper .artist-top .artist-background{height:30vh}.artist .artist-wrapper .artist-top .artist-header{display:block}.artist .artist-wrapper .artist-top .artist-header .left{margin-bottom:20px}}.album .album-wrapper{padding:5px 15px 90px}.album .album-wrapper .top-album{align-items:center;display:flex;margin-bottom:20px}.album .album-wrapper .top-album:before{background-image:var(--background-src);background-repeat:no-repeat;background-size:cover;content:"";display:block;-webkit-filter:blur(30px);filter:blur(30px);height:320px;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.album .album-wrapper .top-album .left{flex:5 1}.album .album-wrapper .top-album .left .wrapper-left{align-items:center;display:flex;margin-right:140px;position:relative}.album .album-wrapper .top-album .left .wrapper-left .album-img{border-radius:10px;box-shadow:0 3px 10px #000;height:250px;overflow:hidden;width:250px}.album .album-wrapper .top-album .left .wrapper-left .album-img img{height:100%;object-fit:cover;width:100%}.album .album-wrapper .top-album .left .wrapper-left .disk{align-items:center;box-shadow:0 0 10px #000;display:flex;justify-content:center;z-index:-1}.album .album-wrapper .top-album .left .wrapper-left .disk .outside{background:var(--color);background-blend-mode:multiply;background-image:linear-gradient(to right,hsla(0,0%,100%,.5),var(--color-second));border-radius:50%;height:200px;position:absolute;width:200px}.album .album-wrapper .top-album .left .wrapper-left .disk .outside.played{-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.album .album-wrapper .top-album .left .wrapper-left .disk .inner{background-color:rgba(44,44,44,.8);border-radius:50%;height:25%;position:absolute;width:25%}.album .album-wrapper .top-album .right{flex:7 1;position:relative}.album .album-wrapper .top-album .right .type{font-size:14px;font-weight:500;margin-bottom:5px}.album .album-wrapper .top-album .right .album-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:32px;font-weight:700;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis}.album .album-wrapper .top-album .right .owner{align-items:center;display:flex;margin-bottom:15px}.album .album-wrapper .top-album .right .owner .owner-img{border-radius:50%;height:34px;margin-right:8px;overflow:hidden;width:34px}.album .album-wrapper .top-album .right .owner .owner-img img{height:100%;object-fit:cover;width:100%}.album .album-wrapper .top-album .right .owner .owner-name{cursor:default;font-size:14px;font-weight:600}.album .album-wrapper .top-album .right .owner .owner-name span:hover{text-decoration:underline}.album .album-wrapper .top-album .right .album-summary{color:#ccc;font-size:13px;font-weight:500}.album .album-wrapper .top-album .right .album-summary b{color:#fff}.album .album-wrapper .bottom-album .buttons{align-items:center;display:flex;padding:20px 0}.album .album-wrapper .bottom-album .buttons img{cursor:pointer;margin-right:10px;transition:scale .1s ease;width:55px}.album .album-wrapper .bottom-album .buttons img:hover{scale:1.1}.album .album-wrapper .bottom-album .buttons .icon{color:#969696;cursor:pointer;font-size:36px;transition:color .1s ease}.album .album-wrapper .bottom-album .buttons .icon:hover{color:#fff}.album .album-wrapper .bottom-album .buttons .icon.unliked{color:#effe62}.album .album-wrapper .bottom-album .buttons .more-icon{font-size:36px}.album .album-wrapper .bottom-album .songs{margin-bottom:30px}@media only screen and (max-width:575px){.album .album-wrapper{padding-bottom:110px}.album .album-wrapper .top-album{display:block;margin-bottom:0}.album .album-wrapper .top-album .left{align-items:center;display:flex;margin-bottom:20px}.album .album-wrapper .top-album .right .album-summary .total-duration{display:none}.album .album-wrapper .bottom-album .buttons img{width:48px}.album .album-wrapper .bottom-album .buttons .icon,.album .album-wrapper .bottom-album .buttons .more-icon{font-size:30px}}.show-more .show-more-wrapper{padding:5px 15px 90px}.show-more .show-more-wrapper .section-name{font-weight:600;margin-bottom:20px}.show-more .show-more-wrapper .cards{align-items:center;display:flex;flex-wrap:wrap}.show-more .show-more-wrapper .cards .wrapper-item .item{padding-bottom:40px}@media only screen and (max-width:575px){.show-more .show-more-wrapper{padding-bottom:136px}.show-more .show-more-wrapper .cards{justify-content:space-between}.show-more .show-more-wrapper .cards .wrapper-item .item{margin-right:0}}.playlist-item{width:20%}.playlist-item .playlist-item-wrapper{display:flex;padding-bottom:40px;padding-right:20px}.playlist-item .playlist-item-wrapper .playlist-item-left{cursor:pointer;display:flex;flex-direction:column;margin-right:5px}.playlist-item .playlist-item-wrapper .playlist-item-left:hover .playlist-img img{scale:1.1}.playlist-item .playlist-item-wrapper .playlist-item-left .playlist-img{aspect-ratio:1;border-radius:10px;margin-bottom:12px;overflow:hidden;width:100%}.playlist-item .playlist-item-wrapper .playlist-item-left .playlist-img img{height:100%;object-fit:cover;transition:scale .2s ease;width:100%}.playlist-item .playlist-item-wrapper .playlist-item-left .playlist-info .name{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis}.playlist-item .playlist-item-wrapper .playlist-item-left .playlist-info .type{color:#ccc;font-size:13px;font-weight:500}.playlist-item .playlist-item-wrapper .playlist-item-right .icon{color:#969696;cursor:pointer;transition:color .1s ease}.playlist-item .playlist-item-wrapper .playlist-item-right .icon:hover{color:#fff}@media only screen and (max-width:575px){.playlist-item{width:50%}}@media only screen and (min-width:576px)and (max-width:992px){.playlist-item{width:33.33%}}.edit-dialog .wrapper-dialog{background-color:#333;color:#fff;padding:20px;width:550px}.edit-dialog .wrapper-dialog .dialog-top{display:flex;justify-content:center;margin-bottom:10px;position:relative}.edit-dialog .wrapper-dialog .dialog-top .title .text{font-weight:600}.edit-dialog .wrapper-dialog .dialog-top .icon{color:#969696;cursor:pointer;position:absolute;right:0;top:0;transition:color .1s ease}.edit-dialog .wrapper-dialog .dialog-top .icon:hover{color:#ccc}.edit-dialog .wrapper-dialog .dialog-bottom{display:flex}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left{flex:6 1}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left{align-items:center;display:flex;justify-content:center;padding-right:18px;position:relative}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left:hover .playlist-img img{-webkit-filter:brightness(.8);filter:brightness(.8)}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left:hover .upload-button{border-color:#fff;color:#fff}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left .playlist-img{aspect-ratio:1;border-radius:10px;overflow:hidden;width:100%}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left .playlist-img img{height:100%;object-fit:cover;transition:-webkit-filter .1s ease;transition:filter .1s ease;transition:filter .1s ease,-webkit-filter .1s ease;width:100%}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left .upload-button{border:2px solid #ccc;color:#ccc;cursor:pointer;font-size:14px;font-weight:500;padding:5px;position:absolute;transition:color .1s ease}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right{flex:6 1;position:relative}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group{margin-bottom:20px}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-label{color:#fff;font-family:inherit;font-size:12px;font-weight:500}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-input{color:#fff;font-family:inherit;font-size:14px;font-weight:500;width:100%}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-input:before{border-bottom:2px solid #ccc}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-input:after{border-bottom:2px solid #effe62}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-input.type svg{color:#fff}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-input.type option{background-color:#333;font-size:14px;font-weight:500;padding:5px}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-input.desc{background-color:#414040;border-radius:10px 10px 0 0;margin-top:5px;padding:5px}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .button{display:flex;justify-content:flex-end}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .button .save-button{background:none;border:2px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-weight:500;padding:5px 25px}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .button .save-button:not(:disabled):hover{background-color:#effe62;border:2px solid #effe62;color:#000;font-weight:700}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .button .save-button:disabled{border-color:#969696;color:#ccc;cursor:default}@media only screen and (max-width:575px){.edit-dialog .wrapper-dialog{width:80vw}.edit-dialog .wrapper-dialog .dialog-bottom{flex-direction:column}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left{margin-bottom:10px}.edit-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left .playlist-img{height:150px;width:150px}}.dialog .wrapper-dialog{background-color:#333;color:#fff;padding:20px}.dialog .wrapper-dialog .title{font-weight:600;margin-bottom:10px}.dialog .wrapper-dialog .content{font-size:14px;font-weight:400;line-height:1.4;margin-bottom:10px}.dialog .wrapper-dialog .buttons{align-items:center;display:flex;justify-content:flex-end}.dialog .wrapper-dialog .buttons .button{background:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-weight:500;padding:5px 25px}.dialog .wrapper-dialog .buttons .button.no{border:2px solid #fff;margin-right:20px}.dialog .wrapper-dialog .buttons .button.no:active{scale:.9}.dialog .wrapper-dialog .buttons .button.yes{background-color:#dd2f44;border:2px solid #dd2f44}.dialog .wrapper-dialog .buttons .button.yes:hover{background-color:#bb1e31}.dialog .wrapper-dialog .buttons .button.yes:active{scale:.9}.my-playlists .my-playlists-wrapper{padding:5px 15px 90px}.my-playlists .my-playlists-wrapper .add-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;margin-bottom:15px}.my-playlists .my-playlists-wrapper .add-button:hover .icon,.my-playlists .my-playlists-wrapper .add-button:hover .text{color:#effe62}.my-playlists .my-playlists-wrapper .add-button .icon{color:#fff;margin-right:8px;transition:color .1s ease}.my-playlists .my-playlists-wrapper .add-button .text{color:#fff;font-size:14px;font-weight:500;transition:color .1s ease}.my-playlists .my-playlists-wrapper .playlists{display:flex;flex-wrap:wrap}.add-dialog .wrapper-dialog{background-color:#333;color:#fff;padding:20px;width:550px}.add-dialog .wrapper-dialog .dialog-top{display:flex;justify-content:center;margin-bottom:10px;position:relative}.add-dialog .wrapper-dialog .dialog-top .title .text{font-weight:600}.add-dialog .wrapper-dialog .dialog-top .icon{color:#969696;cursor:pointer;position:absolute;right:0;top:0;transition:color .1s ease}.add-dialog .wrapper-dialog .dialog-top .icon:hover{color:#ccc}.add-dialog .wrapper-dialog .dialog-bottom{display:flex}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left{flex:6 1}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left{align-items:center;display:flex;justify-content:center;padding-right:18px;position:relative}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left:hover .playlist-img img{-webkit-filter:brightness(.8);filter:brightness(.8)}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left:hover .upload-button{border-color:#fff;color:#fff}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left .playlist-img{aspect-ratio:1;border-radius:10px;overflow:hidden;width:100%}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left .playlist-img img{height:100%;object-fit:cover;transition:-webkit-filter .1s ease;transition:filter .1s ease;transition:filter .1s ease,-webkit-filter .1s ease;width:100%}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left .upload-button{border:2px solid #ccc;color:#ccc;cursor:pointer;font-size:14px;font-weight:500;padding:5px;position:absolute;transition:color .1s ease}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right{flex:6 1;position:relative}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group{margin-bottom:20px}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-label{color:#fff;font-family:inherit;font-size:12px;font-weight:500}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-input{color:#fff;font-family:inherit;font-size:14px;font-weight:500;width:100%}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-input:before{border-bottom:2px solid #ccc}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-input:after{border-bottom:2px solid #effe62}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-input.type svg{color:#fff}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-input.type option{background-color:#333;font-size:14px;font-weight:500;padding:5px}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .form-group .form-input.desc{background-color:#414040;border-radius:10px 10px 0 0;margin-top:5px;padding:5px}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .button{display:flex;justify-content:flex-end}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .button .save-button{background:none;border:2px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-weight:500;padding:5px 25px}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .button .save-button:not(:disabled):hover{background-color:#effe62;border:2px solid #effe62;color:#000;font-weight:700}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-right .wrapper-right .button .save-button:disabled{border-color:#969696;color:#ccc;cursor:default}@media only screen and (max-width:575px){.add-dialog .wrapper-dialog{width:80vw}.add-dialog .wrapper-dialog .dialog-bottom{flex-direction:column}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left{margin-bottom:10px}.add-dialog .wrapper-dialog .dialog-bottom .dialog-bottom-left .wrapper-left .playlist-img{height:150px;width:150px}}.library .library-wrapper{padding:5px 15px 90px}.library .library-wrapper .chips{background-color:#010a19;padding:10px 0 20px;position:-webkit-sticky;position:sticky;top:70px;z-index:5}.library .library-wrapper .contents .cards{align-items:center;display:flex;flex-wrap:wrap}.library .library-wrapper .contents .cards .wrapper-item{padding-bottom:40px}@media only screen and (max-width:575px){.library .library-wrapper{padding-bottom:136px}.library .library-wrapper .cards{justify-content:space-between}.library .library-wrapper .cards .wrapper-item .item{margin-right:0}}.recent-listen .recent-listen-wrapper{padding:5px 15px 90px}.recent-listen .recent-listen-wrapper .title{font-weight:600;margin-bottom:20px}.recent-listen .recent-listen-wrapper .cards{align-items:center;display:flex;flex-wrap:wrap}.recent-listen .recent-listen-wrapper .cards .wrapper-item .item{padding-bottom:40px}@media only screen and (max-width:575px){.recent-listen .recent-listen-wrapper{padding-bottom:136px}.recent-listen .recent-listen-wrapper .cards{justify-content:space-between}.recent-listen .recent-listen-wrapper .cards .wrapper-item .item{margin-right:0}}.reset-password .content,.reset-password .form-control,.reset-password .title,.reset-password button{font-family:inherit}.reset-password .title{font-size:24px;font-weight:800}.reset-password .content{color:inherit;font-size:13px;font-weight:500;margin-bottom:32px}.reset-password .form-control{display:flex;flex-direction:column;font-size:18px;margin-bottom:20px;width:100%}.reset-password .form-control label{font-size:13px;font-weight:600;margin-bottom:8px}.reset-password .form-control input{border:none;border-bottom:1px solid #969696;font-family:inherit;font-size:14px;font-weight:500;padding-bottom:8px;transition:all .1s ease}.reset-password .form-control input:focus{border-bottom:1px solid #000;outline:none}.reset-password .cancel-button,.reset-password .password-button{border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:24px;outline:none;padding:10px 0;text-transform:uppercase;transition:background-color .1s ease;width:30%}.reset-password .cancel-button.cancel-button:not(:disabled):hover,.reset-password .password-button.cancel-button:not(:disabled):hover{background-color:#d7d7d7}.reset-password .cancel-button.password-button,.reset-password .password-button.password-button{background-color:#effe62}.reset-password .cancel-button.password-button:not(:disabled):hover,.reset-password .password-button.password-button:not(:disabled):hover{background-color:#eafe2f}.reset-password .cancel-button:disabled,.reset-password .password-button:disabled{background-color:#969696;cursor:default}.reset-password .cancel-button:focus,.reset-password .password-button:focus{outline:none}.reset-password .cancel-button:not(:disabled):active,.reset-password .password-button:not(:disabled):active{scale:.9}.login{padding:10px 15px 110px}.login .login-wrapper{align-items:center;display:flex;height:100%;justify-content:center}.login .login-wrapper .login-container{background-color:#fff;border-radius:20px;box-shadow:0 14px 28px rgba(0,0,0,.25);height:450px;max-width:100%;overflow:hidden;position:relative;width:65vw}.login .login-wrapper .login-container.right-panel-active .login-form{-webkit-transform:translateX(100%);transform:translateX(100%)}.login .login-wrapper .login-container.right-panel-active .register-form{opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%);z-index:2}.login .login-wrapper .login-container.right-panel-active .overlay-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.login .login-wrapper .login-container.right-panel-active .overlay-container .overlay{-webkit-transform:translateX(50%);transform:translateX(50%)}.login .login-wrapper .login-container.right-panel-active .overlay-container .overlay .overlay-left{-webkit-transform:translateX(0);transform:translateX(0)}.login .login-wrapper .login-container.right-panel-active .overlay-container .overlay .overlay-right{-webkit-transform:translateX(20%);transform:translateX(20%)}.login .login-wrapper .login-container .login-form,.login .login-wrapper .login-container .register-form{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:all .6s ease-in-out;width:50%}.login .login-wrapper .login-container .register-form{opacity:0;z-index:1}.login .login-wrapper .login-container .login-form{flex-direction:column;z-index:2}.login .login-wrapper .login-container form{align-items:center;background-color:#fff;color:#000;display:flex;flex-direction:column;height:100%;justify-content:center;padding:25px 40px;width:100%}.login .login-wrapper .login-container form .title{font-size:24px;font-weight:800;margin-bottom:15px}.login .login-wrapper .login-container form .form-control{display:flex;flex-direction:column;font-size:18px;margin-bottom:20px;width:100%}.login .login-wrapper .login-container form .form-control label{font-size:13px;font-weight:600;margin-bottom:8px}.login .login-wrapper .login-container form .form-control input{border:none;border-bottom:1px solid #969696;font-family:inherit;font-size:14px;font-weight:500;padding-bottom:8px;transition:all .1s ease}.login .login-wrapper .login-container form .form-control input:focus{border-bottom:1px solid #000;outline:none}.login .login-wrapper .login-container form .form-control .wrapper-password{align-items:center;display:flex;justify-content:space-between;position:relative}.login .login-wrapper .login-container form .form-control .wrapper-password .password,.login .login-wrapper .login-container form .form-control .wrapper-password .password-signin{padding-right:30px;width:100%}.login .login-wrapper .login-container form .form-control .wrapper-password .wrapper-icon{cursor:pointer;position:absolute;right:0}.login .login-wrapper .login-container form .form-control .note{color:#f26725;font-size:13px;font-weight:500;margin-top:5px}.login .login-wrapper .login-container form .forget-pass{cursor:pointer;display:block;font-size:13px;font-weight:500;margin-bottom:10px;text-align:right;width:100%}.login .login-wrapper .login-container form .forget-pass:hover{text-decoration:underline}.login .login-wrapper .login-container form .forget-pass.true{margin-top:15px}.login .login-wrapper .login-container form button:not(.close-button){background-color:#effe62;border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:30px;outline:none;padding:10px 0;text-transform:uppercase;width:75%}.login .login-wrapper .login-container form button:not(.close-button).signin-button.true{margin-top:15px}.login .login-wrapper .login-container form button:not(.close-button):disabled{background-color:#969696;cursor:default}.login .login-wrapper .login-container form button:not(.close-button):focus{outline:none}.login .login-wrapper .login-container form button:not(.close-button):not(:disabled):active{scale:.9}.login .login-wrapper .login-container form button:not(.close-button):not(:disabled):hover{background-color:#eafe2f}.login .login-wrapper .login-container .overlay-container{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:50%;z-index:3}.login .login-wrapper .login-container .overlay-container .overlay{background-image:url(/static/media/loginBackground.11737552ad078773c12b.png);background-size:cover;color:#fff;height:100%;left:-100%;position:relative;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:200%}.login .login-wrapper .login-container .overlay-container .overlay .overlay-left,.login .login-wrapper .login-container .overlay-container .overlay .overlay-right{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:25px 40px;position:absolute;text-align:center;top:0;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:50%}.login .login-wrapper .login-container .overlay-container .overlay .overlay-left .title,.login .login-wrapper .login-container .overlay-container .overlay .overlay-right .title{font-size:32px;font-weight:700;margin-bottom:10px}.login .login-wrapper .login-container .overlay-container .overlay .overlay-left p,.login .login-wrapper .login-container .overlay-container .overlay .overlay-right p{font-size:13px;font-weight:400;line-height:1.4;margin-bottom:30px}.login .login-wrapper .login-container .overlay-container .overlay .overlay-left button,.login .login-wrapper .login-container .overlay-container .overlay .overlay-right button{background:none;background-color:hsla(0,0%,100%,.161);border:3px solid #fff;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 0;text-transform:uppercase;width:75%}.login .login-wrapper .login-container .overlay-container .overlay .overlay-left button:hover,.login .login-wrapper .login-container .overlay-container .overlay .overlay-right button:hover{background-color:hsla(0,0%,80%,.161)}.login .login-wrapper .login-container .overlay-container .overlay .overlay-left button:active,.login .login-wrapper .login-container .overlay-container .overlay .overlay-right button:active{scale:.9}.login .login-wrapper .login-container .overlay-container .overlay .overlay-left{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.login .login-wrapper .login-container .overlay-container .overlay .overlay-right{right:0;-webkit-transform:translateX(0);transform:translateX(0)}@media only screen and (max-width:575px){.login{padding-bottom:156px}.login .login-wrapper .login-container{height:90vh;width:100vw}.login .login-wrapper .login-container.right-panel-active .login-form{-webkit-transform:translateY(100%);transform:translateY(100%)}.login .login-wrapper .login-container.right-panel-active .register-form{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%);z-index:2}.login .login-wrapper .login-container.right-panel-active .overlay-container{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.login .login-wrapper .login-container.right-panel-active .overlay-container .overlay{-webkit-transform:translateY(50%);transform:translateY(50%)}.login .login-wrapper .login-container.right-panel-active .overlay-container .overlay .overlay-left{-webkit-transform:translateY(0);transform:translateY(0)}.login .login-wrapper .login-container.right-panel-active .overlay-container .overlay .overlay-right{-webkit-transform:translateY(100%);transform:translateY(100%)}.login .login-wrapper .login-container .login-form,.login .login-wrapper .login-container .register-form{height:50%;width:100%}.login .login-wrapper .login-container .overlay-container{height:50%;left:0;top:50%;width:100%}.login .login-wrapper .login-container .overlay-container .overlay{height:200%;left:0;top:-100%;width:100%}.login .login-wrapper .login-container .overlay-container .overlay .overlay-left,.login .login-wrapper .login-container .overlay-container .overlay .overlay-right{height:50%;width:100%}.login .login-wrapper .login-container .overlay-container .overlay .overlay-left{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.login .login-wrapper .login-container .overlay-container .overlay .overlay-right{-webkit-transform:translateY(100%);transform:translateY(100%)}}@media only screen and (min-width:576px)and (max-width:992px){.login .login-wrapper .login-container{width:100vw}}.search .wrapper-search{padding:5px 15px 90px}.search .wrapper-search .loading-wrapper{align-items:center;display:flex;justify-content:center}.search .wrapper-search .loading-wrapper .circular{color:#effe62}.search .wrapper-search .not-found{align-items:center;display:flex;flex-direction:column;font-size:24px;font-weight:600;height:70vh;justify-content:center}.search .wrapper-search .not-found p{margin-bottom:15px}.search .wrapper-search .not-found img{height:180px}.search .wrapper-search .chips{align-items:center;background-color:#010a19;display:flex;overflow-x:auto;padding:10px 0 20px;position:-webkit-sticky;position:sticky;top:70px;z-index:5}.search .wrapper-search .results section .cards{overflow-x:auto}.search .wrapper-search .results section.first{display:flex}.search .wrapper-search .results section.first .title{font-weight:600}.search .wrapper-search .results section.first .results-first-left{flex:5 1;margin-right:25px;min-width:0}.search .wrapper-search .results section.first .results-first-left .top-result-box{align-items:center;border-radius:10px;display:flex;height:300px;overflow:hidden;padding:20px;position:relative}.search .wrapper-search .results section.first .results-first-left .top-result-box:before{background-image:var(--background-src);background-repeat:no-repeat;background-size:cover;content:"";display:block;-webkit-filter:blur(30px);filter:blur(30px);height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.search .wrapper-search .results section.first .results-first-left .top-result-box .wrapper-img{aspect-ratio:1;box-shadow:0 3px 10px #333;flex:5 1;margin-right:25px}.search .wrapper-search .results section.first .results-first-left .top-result-box .wrapper-img img{height:100%;object-fit:cover;width:100%}.search .wrapper-search .results section.first .results-first-left .top-result-box .content{flex:7 1}.search .wrapper-search .results section.first .results-first-left .top-result-box .content .name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:700;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis}.search .wrapper-search .results section.first .results-first-left .top-result-box .content .artists{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search .wrapper-search .results section.first .results-first-left .top-result-box .content .artists span{color:#ccc;cursor:pointer;font-size:13px;font-weight:500;transition:color .1s ease}.search .wrapper-search .results section.first .results-first-left .top-result-box .content .artists span:not(.comma):hover{color:#fff;text-decoration:underline}.search .wrapper-search .results section.first .results-first-left .top-result-box .content .desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:13px;font-weight:500;line-height:1.6;overflow:hidden;text-overflow:ellipsis}.search .wrapper-search .results section.first .results-first-left .top-result-box .button{bottom:20px;position:absolute;right:25px}.search .wrapper-search .results section.first .results-first-left .top-result-box:not(.artist) .wrapper-img{border-radius:10px;overflow:hidden}.search .wrapper-search .results section.first .results-first-left .top-result-box:not(.artist) .button{bottom:5px;transition:scale .1s ease}.search .wrapper-search .results section.first .results-first-left .top-result-box:not(.artist) .button:hover{scale:1.1}.search .wrapper-search .results section.first .results-first-left .top-result-box:not(.artist) .content .name{font-size:24px;line-height:1.3}.search .wrapper-search .results section.first .results-first-left .top-result-box.artist .wrapper-img{border-radius:0 180px 180px 180px;overflow:hidden}.search .wrapper-search .results section.first .results-first-left .top-result-box.artist .content .name{font-size:32px}.search .wrapper-search .results section.first .results-first-right{flex:5 1;min-width:0}.search .wrapper-search .results section.first .results-first-right .songs{height:300px}.search .wrapper-search .results section.first .results-first-right .songs.true{display:flex;flex-direction:column;justify-content:space-between}.search .wrapper-search .results .cards-specific-type{align-items:center;display:flex;flex-wrap:wrap}.search .wrapper-search .results .cards-specific-type .wrapper-item .item{padding-bottom:40px}@media only screen and (max-width:575px){.search .wrapper-search{padding-bottom:136px}.search .wrapper-search .results section.first{display:block}.search .wrapper-search .results section.first .results-first-left{margin-bottom:45px;margin-right:0}.search .wrapper-search .results section.first .results-first-left .top-result-box{height:200px}.search .wrapper-search .results section.first .results-first-right .songs{height:auto}.search .wrapper-search .results .cards-specific-type{justify-content:space-between}.search .wrapper-search .results .cards-specific-type .wrapper-item .item{margin-right:0}}@media only screen and (min-width:576px)and (max-width:992px){.search .wrapper-search .results section.first{display:block}.search .wrapper-search .results section.first .results-first-left{margin-bottom:45px}.search .wrapper-search .results section.first .results-first-right .songs{height:auto}}.reset-pass .wrapper-reset-pass{align-items:center;display:flex;justify-content:center;padding:10px 15px 110px}.reset-pass .wrapper-reset-pass form{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 14px 28px rgba(0,0,0,.25);color:#000;display:flex;flex-direction:column;justify-content:center;padding:25px 40px;position:relative;width:500px}.reset-pass .wrapper-reset-pass form .title{font-size:24px;font-weight:800;margin-bottom:15px}.reset-pass .wrapper-reset-pass form .form-control{display:flex;flex-direction:column;font-size:18px;margin-bottom:20px;width:100%}.reset-pass .wrapper-reset-pass form .form-control label{font-size:13px;font-weight:600;margin-bottom:8px}.reset-pass .wrapper-reset-pass form .form-control input{border:none;border-bottom:1px solid #969696;font-family:inherit;font-size:14px;font-weight:500;padding-bottom:8px;transition:all .1s ease}.reset-pass .wrapper-reset-pass form .form-control input:focus{border-bottom:1px solid #000;outline:none}.reset-pass .wrapper-reset-pass form .form-control .wrapper-password{align-items:center;display:flex;justify-content:space-between;position:relative}.reset-pass .wrapper-reset-pass form .form-control .wrapper-password .password{padding-right:30px;width:100%}.reset-pass .wrapper-reset-pass form .form-control .wrapper-password .wrapper-icon{cursor:pointer;position:absolute;right:0}.reset-pass .wrapper-reset-pass form button:not(.close-button){background-color:#effe62;border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:15px;outline:none;padding:10px 40px;text-transform:uppercase}.reset-pass .wrapper-reset-pass form button:not(.close-button).signin-button.true{margin-top:15px}.reset-pass .wrapper-reset-pass form button:not(.close-button):disabled{background-color:#969696;cursor:default}.reset-pass .wrapper-reset-pass form button:not(.close-button):focus{outline:none}.reset-pass .wrapper-reset-pass form button:not(.close-button):not(:disabled):active{scale:.9}.reset-pass .wrapper-reset-pass form button:not(.close-button):not(:disabled):hover{background-color:#eafe2f}.reset-pass .wrapper-reset-pass form .link{text-decoration:underline}.user-followers-dialog .MuiPaper-root,.user-following-dialog .MuiPaper-root{background-color:#333;width:300px}.user-followers-dialog .MuiPaper-root .content,.user-followers-dialog .MuiPaper-root .title,.user-following-dialog .MuiPaper-root .content,.user-following-dialog .MuiPaper-root .title{color:#fff;font-family:inherit}.user-followers-dialog .MuiPaper-root .title,.user-following-dialog .MuiPaper-root .title{font-weight:700}.user-followers-dialog .MuiPaper-root .content .item,.user-following-dialog .MuiPaper-root .content .item{align-items:center;border-radius:3px;display:flex;padding:5px}.user-followers-dialog .MuiPaper-root .content .item .item-left,.user-following-dialog .MuiPaper-root .content .item .item-left{align-items:center;display:flex;flex:11 1;min-width:0}.user-followers-dialog .MuiPaper-root .content .item .item-left .img,.user-following-dialog .MuiPaper-root .content .item .item-left .img{align-items:center;aspect-ratio:1;border-radius:50%;display:flex;justify-content:center;margin-right:15px;min-width:34px;overflow:hidden;width:34px}.user-followers-dialog .MuiPaper-root .content .item .item-left .img img,.user-following-dialog .MuiPaper-root .content .item .item-left .img img{height:100%;object-fit:cover;width:100%}.user-followers-dialog .MuiPaper-root .content .item .item-left .name,.user-following-dialog .MuiPaper-root .content .item .item-left .name{font-size:14px;font-weight:500;margin-right:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-followers-dialog .MuiPaper-root .content .item .item-left .name .text,.user-following-dialog .MuiPaper-root .content .item .item-left .name .text{cursor:pointer}.user-followers-dialog .MuiPaper-root .content .item .item-left .name .text:hover,.user-following-dialog .MuiPaper-root .content .item .item-left .name .text:hover{text-decoration:underline}.user-followers-dialog .MuiPaper-root .content .item .item-left .name .type,.user-following-dialog .MuiPaper-root .content .item .item-left .name .type{color:#ccc;font-size:11px;font-weight:400}.user-followers-dialog .MuiPaper-root .content .item .item-right,.user-following-dialog .MuiPaper-root .content .item .item-right{flex:1 1;min-width:0}.user-followers-dialog .MuiPaper-root .cancel-button,.user-following-dialog .MuiPaper-root .cancel-button{background:none;background-color:#e2504c;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:8px 15px}.user-followers-dialog .MuiPaper-root .cancel-button:hover,.user-following-dialog .MuiPaper-root .cancel-button:hover{background-color:#d82823}.user-followers-dialog .MuiPaper-root .cancel-button:active,.user-following-dialog .MuiPaper-root .cancel-button:active{scale:.9}.user-edit-dialog .MuiPaper-root{background-color:#333;width:500px}.user-edit-dialog .MuiPaper-root .content,.user-edit-dialog .MuiPaper-root .title{font-family:inherit}.user-edit-dialog .MuiPaper-root .title{align-items:center;display:flex;justify-content:space-between}.user-edit-dialog .MuiPaper-root .title span{color:#fff;font-weight:700}.user-edit-dialog .MuiPaper-root .title .close{color:#969696;transition:color .1s ease}.user-edit-dialog .MuiPaper-root .title .close:hover{color:#ccc}.user-edit-dialog .MuiPaper-root .content{align-items:center;display:flex}.user-edit-dialog .MuiPaper-root .content .avatar{align-items:center;display:flex;flex:4 1;justify-content:center;padding-right:18px;position:relative}.user-edit-dialog .MuiPaper-root .content .avatar:hover img{-webkit-filter:brightness(.8);filter:brightness(.8)}.user-edit-dialog .MuiPaper-root .content .avatar:hover .upload-button{border-color:#fff;color:#fff}.user-edit-dialog .MuiPaper-root .content .avatar:hover .upload-button:disabled{border-color:#969696;color:#ccc;cursor:default}.user-edit-dialog .MuiPaper-root .content .avatar .user-img{aspect-ratio:1;border-radius:50%;overflow:hidden;width:100%}.user-edit-dialog .MuiPaper-root .content .avatar .user-img img{height:100%;object-fit:cover;transition:-webkit-filter .1s ease;transition:filter .1s ease;transition:filter .1s ease,-webkit-filter .1s ease;width:100%}.user-edit-dialog .MuiPaper-root .content .avatar .upload-button{border:2px solid #ccc;color:#ccc;cursor:pointer;font-size:14px;font-weight:500;padding:5px;position:absolute;transition:color .1s ease}.user-edit-dialog .MuiPaper-root .content form{flex:8 1}.user-edit-dialog .MuiPaper-root .content form .form-group{margin-bottom:20px}.user-edit-dialog .MuiPaper-root .content form .form-group .form-label{color:#fff;font-family:inherit;font-size:13px;font-weight:500}.user-edit-dialog .MuiPaper-root .content form .form-group .form-input{color:#fff;font-family:inherit;font-size:16px;font-weight:500;width:100%}.user-edit-dialog .MuiPaper-root .content form .form-group .form-input:before{border-bottom:2px solid #ccc}.user-edit-dialog .MuiPaper-root .content form .form-group .form-input:after{border-bottom:2px solid #effe62}.user-edit-dialog .MuiPaper-root .save-button{background:none;border:2px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-weight:500;padding:5px 25px}.user-edit-dialog .MuiPaper-root .save-button:not(:disabled):hover{background-color:#effe62;border:2px solid #effe62;color:#000;font-weight:700}.user-edit-dialog .MuiPaper-root .save-button:disabled{border-color:#969696;color:#ccc;cursor:default}.user .user-wrapper{padding-bottom:90px}.user .user-wrapper .user-top{margin-bottom:30px}.user .user-wrapper .user-top .user-background{background-color:var(--color);height:44vh;margin-bottom:20px;position:relative;width:100%}.user .user-wrapper .user-top .user-background:after{border-radius:50%;box-shadow:0 20px 100px var(--color);content:"";height:100%;left:0;position:absolute;top:0;transition:box-shadow 4s ease;width:100%;z-index:-1}.user .user-wrapper .user-top .user-background img{display:none}.user .user-wrapper .user-top .user-header{align-items:center;display:flex;justify-content:space-between;padding:5px 24px}.user .user-wrapper .user-top .user-header .user-header-left{align-items:center;display:flex}.user .user-wrapper .user-top .user-header .user-header-left .first .user-avatar{aspect-ratio:1;border-radius:50%;margin-right:20px;overflow:hidden;width:120px}.user .user-wrapper .user-top .user-header .user-header-left .first .user-avatar img{height:100%;object-fit:cover;width:100%}.user .user-wrapper .user-top .user-header .user-header-left .second .second-top{align-items:center;display:flex}.user .user-wrapper .user-top .user-header .user-header-left .second .second-top .user-name{font-size:40px;font-weight:600;margin-bottom:10px;margin-right:15px}.user .user-wrapper .user-top .user-header .user-header-left .second .second-top .edit{color:#969696;cursor:pointer;transition:color .1s ease}.user .user-wrapper .user-top .user-header .user-header-left .second .second-top .edit:hover{color:#fff}.user .user-wrapper .user-top .user-header .second-below ul,.user .user-wrapper .user-top .user-header .user-header-middle ul{color:#ccc;display:flex;font-family:inherit;font-size:13px;font-weight:400}.user .user-wrapper .user-top .user-header .second-below ul li,.user .user-wrapper .user-top .user-header .user-header-middle ul li{cursor:default;margin-left:20px}.user .user-wrapper .user-top .user-header .second-below ul li b,.user .user-wrapper .user-top .user-header .user-header-middle ul li b{color:#fff;font-size:18px;font-weight:500}.user .user-wrapper .user-top .user-header .second-below ul li.user-follower span,.user .user-wrapper .user-top .user-header .second-below ul li.user-following span,.user .user-wrapper .user-top .user-header .user-header-middle ul li.user-follower span,.user .user-wrapper .user-top .user-header .user-header-middle ul li.user-following span{cursor:pointer}.user .user-wrapper .user-top .user-header .second-below ul li.user-follower span:hover,.user .user-wrapper .user-top .user-header .second-below ul li.user-following span:hover,.user .user-wrapper .user-top .user-header .user-header-middle ul li.user-follower span:hover,.user .user-wrapper .user-top .user-header .user-header-middle ul li.user-following span:hover{text-decoration:underline}.user .user-wrapper .user-top .user-header .user-header-middle{display:none;margin-bottom:20px}.user .user-wrapper .user-top .user-header .user-header-middle ul{align-items:center;display:flex;justify-content:space-between;width:100%}.user .user-wrapper .user-top .user-header .user-header-middle ul li{align-items:center;display:flex;flex-direction:column;margin-left:0}.user .user-wrapper .user-bottom .title{font-weight:600;margin-bottom:20px}.user .user-wrapper .user-bottom .cards{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:20px}.user .user-wrapper .user-bottom .cards .wrapper-item .item{padding-bottom:40px}@media only screen and (max-width:575px){.user .user-wrapper{padding-bottom:136px}.user .user-wrapper .user-top .user-background{height:30vh}.user .user-wrapper .user-top .user-header{display:block}.user .user-wrapper .user-top .user-header .user-header-left{margin-bottom:20px}.user .user-wrapper .user-top .user-header .user-header-left .first .user-avatar{width:84px}.user .user-wrapper .user-top .user-header .user-header-left .second .text{font-size:.85em}.user .user-wrapper .user-top .user-header .user-header-left .second .second-below{display:none}.user .user-wrapper .user-top .user-header .user-header-middle{display:block}.user .user-wrapper .user-bottom{padding:0 15px}.user .user-wrapper .user-bottom .cards{justify-content:space-between}.user .user-wrapper .user-bottom .cards .wrapper-item .item{margin-right:0}}
/*# sourceMappingURL=main.f60a5b9e.css.map*/