.header-wrapper{padding:0 100px;padding:0 var(--mainPadding);background-color:#fff;display:flex;align-items:center;border-bottom:1px solid #ebe9e9}.header-wrapper .left-side{padding:15px 18px 15px 0;display:flex;align-items:center}.header-wrapper .left-side .logo-wrapper{display:flex;align-items:center;margin-right:30px}.header-wrapper .left-side .logo-wrapper .header-logo{height:32px;width:32px}.header-wrapper .left-side .logo-wrapper .brand-name{margin-left:12px;font-size:28px;font-weight:700}.header-wrapper .right-side{display:flex;align-items:center;justify-content:space-between;flex-grow:1;position:relative;bottom:-1px}.header-wrapper .right-side .menu-wrapper{display:flex;flex-grow:1;margin:0 3%}.header-wrapper .right-side .menu-wrapper .menu-items-list{display:flex;align-items:center;list-style-type:none;flex-grow:1}.header-wrapper .right-side .menu-wrapper .menu-items-list li{height:100%}.header-wrapper .right-side .menu-wrapper .menu-items-list .menu-item{height:100%;display:flex;margin-right:20px;padding:22px 14px;list-style:none;font-weight:600;cursor:pointer;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-focus:none;font-size:16px;border-bottom:3px solid transparent}.header-wrapper .right-side .menu-wrapper .menu-items-list .menu-item.active{transition:all .3s ease-in-out;border-bottom:3px solid #ff1f3a;border-bottom:3px solid var(--brandColor);height:100%}.header-wrapper .right-side .menu-wrapper .menu-right-items .menu-items-list .menu-item{margin-right:0}.header-wrapper .right-side .menu-wrapper .menu-right-items .menu-items-list .menu-item svg{width:26px;height:26px}.header-wrapper .right-side .menu-wrapper .menu-right-items .menu-items-list .notifications{position:relative}.header-wrapper .right-side .menu-wrapper .menu-right-items .menu-items-list .notifications .badge{background-color:#ff1f3a;background-color:var(--brandColor);width:8px;height:8px;color:#fff;border-radius:50%;position:absolute;top:22px;left:28px}.header-wrapper .right-side .profile-dropdown-wrapper{height:70px;display:flex;align-items:center}.header-wrapper .right-side .profile-dropdown-wrapper .user-avatar{height:36px;width:36px;border-radius:50%;object-fit:cover}.header-wrapper .right-side .profile-dropdown-menu{position:absolute;top:70px;right:0;background-color:#fff;padding:20px 0;z-index:101;border-radius:4px;width:200px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.header-wrapper .right-side .profile-dropdown-menu .menu-item{display:flex;align-items:center;cursor:pointer;font-size:15px;color:#282828;font-weight:500;padding:8px 30px}.header-wrapper .right-side .profile-dropdown-menu .menu-item:first-child{border-radius:4px 4px 0 0}.header-wrapper .right-side .profile-dropdown-menu .menu-item:last-child{border-radius:0 0 4px 4px}.header-wrapper .right-side .profile-dropdown-menu .menu-item:hover{background-color:#f4f4f4}.header-wrapper .right-side .profile-dropdown-menu .menu-item.with-badge{justify-content:space-between}.header-wrapper .right-side .link-button{transition:.2s;height:38px;padding:0 25px;font-size:16px;border-radius:4px}.header-wrapper .right-side .link-button:hover{box-shadow:0 2px 3px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}@media screen and (max-width:1100px){.header-wrapper .left-side{padding-left:0}}@media screen and (max-width:1024px){.header-wrapper{flex-direction:column;position:relative}.header-wrapper .left-side{width:100%;display:flex;justify-content:flex-start}.header-wrapper .left-side .logo-wrapper{padding-left:0}.header-wrapper .left-side .logo-wrapper .brand-name{font-size:24px}.header-wrapper .right-side{width:100%;margin-left:10px;position:unset;margin-bottom:-2px}.header-wrapper .right-side .menu-wrapper{margin:unset}.header-wrapper .right-side .menu-wrapper .menu-items-list li .menu-item{padding:14px 10px}.header-wrapper .right-side .profile-dropdown-wrapper{position:absolute;top:0;right:100px;right:var(--mainPadding)}.header-wrapper .right-side .profile-dropdown-wrapper .user-avatar{height:38px}.header-wrapper .right-side .sign-in-btn{position:absolute;top:15px;right:100px;right:var(--mainPadding);padding:0 16px;font-size:15px}.header-wrapper .right-side .profile-dropdown-menu{top:65px}}@media screen and (max-width:500px){.header-wrapper{padding:10px 100px;padding:10px var(--mainPadding)}.header-wrapper .left-side .logo-wrapper .header-logo{height:28px;width:28px}.header-wrapper .left-side .logo-wrapper .brand-name{margin-left:10px;font-size:20px}.header-wrapper .right-side .link-button{width:90px;height:35px}.header-wrapper .right-side .profile-dropdown-wrapper{height:60px}.header-wrapper .right-side .profile-dropdown-menu{top:60px}}.suggestion-mobile-menu{position:absolute;left:0;top:60px;height:calc(100vh - 60px);width:100%;background-color:#fff;z-index:100}.suggestion-mobile-menu .search_box{width:100%;border-radius:0}.suggestion-mobile-menu .search_box .suggestions-wrapper{box-shadow:unset;display:flex;flex-direction:column;justify-content:space-between}.expand_on{overflow:hidden;height:calc(100vh - 82px)}.search_box{width:300px;height:38px;background-color:#f4f4f4;border-radius:4px;display:flex;padding:8px 10px;position:relative}.search_box .input-group-append{display:flex;align-items:center}.search_box .input-group-append .search_btn{border-right:none;background-color:transparent;padding-right:10px}.search_box .input-group-append .search_btn svg{vertical-align:middle;width:24px;height:24px}.search_box .input-group-append .search_btn svg path{fill:#a6a8ab}.search_box .search{width:100%!important;border:none!important;font-size:14px;background-color:transparent;color:#000}.search_box .search::-webkit-input-placeholder{color:#a6a8ab}.search_box .search:-ms-input-placeholder{color:#a6a8ab}.search_box .search::-ms-input-placeholder{color:#a6a8ab}.search_box .search::placeholder{color:#a6a8ab}.search_box .search:focus{outline:none;box-shadow:none!important}.search_box .search:focus+.suggestions-wrapper{opacity:1;z-index:5000}.search_box .suggestions-wrapper{position:absolute;margin-top:5px;z-index:-1;top:100%;left:0;width:100%;height:auto;border-radius:4px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);opacity:0;transition:all .2s;will-change:opacity}.search_box .suggestions-wrapper .suggestions-list{max-height:700px;overflow-x:hidden;overflow-y:auto;padding-bottom:60px}.search_box .suggestions-wrapper .suggestions-list::-webkit-scrollbar-track{border-radius:4px;background-color:#ebe9e9}.search_box .suggestions-wrapper .suggestions-list::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.search_box .suggestions-wrapper .suggestions-list::-webkit-scrollbar-thumb{border-radius:6px;background-color:#a9a9a9}.search_box .suggestions-wrapper .section-title{padding:20px 12px;color:#000;font-size:14px;font-weight:600;cursor:pointer}.search_box .suggestions-wrapper .item{width:100%;cursor:pointer;transition:all .2s;color:rgba(0,0,0,.65);font-weight:400;font-size:14px;line-height:22px;display:flex;justify-content:space-between}.search_box .suggestions-wrapper .item .img-wrapper{width:60px;height:60px;margin:5px 12px}.search_box .suggestions-wrapper .item .img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:6px}.search_box .suggestions-wrapper .item .playlist-img-wrapper{width:60px;height:60px;border-radius:6px;overflow:hidden;margin:5px 12px;display:flex;flex-flow:wrap}.search_box .suggestions-wrapper .item .playlist-img-wrapper img{width:50%;height:50%}.search_box .suggestions-wrapper .item .suggestion-content{width:calc(100% - 80px);border-bottom:1px solid #ebe9e9;color:#000;display:flex;flex-direction:column;padding:5px 14px 0 0}.search_box .suggestions-wrapper .item .suggestion-content .suggestion-title{font-weight:500;height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search_box .suggestions-wrapper .item .suggestion-content .suggestion-description{color:#bebebe;height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search_box .suggestions-wrapper .item:hover{background:hsla(0,0%,83.5%,.2784313725)}.search_box .suggestions-wrapper .item:last-child{border-bottom:none}.search_box .suggestions-wrapper .bottom-side{display:flex;justify-content:space-between;align-items:center;padding:12px;border-top:1.4px solid #ebe9e9;background-color:#fff;font-weight:500;cursor:pointer;height:50px}.search_box .suggestions-wrapper .bottom-side .arrow-icon{width:14px;height:14px;transform:rotate(-90deg)}.search_box .suggestions-wrapper .bottom-side .arrow-icon path{fill:#bebebe}.image-element-wrapper{width:100%;padding-top:100%;position:relative}.image-element-wrapper .image-inner-content{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:6px}.image-element-wrapper .image-inner-content img{visibility:hidden;width:100%;height:100%;border-radius:6px;object-fit:cover}.image-element-wrapper .image-inner-content img.show{visibility:visible}.image-element-wrapper .image-inner-content.circle{border-radius:50%}.image-element-wrapper .image-inner-content.circle .skeleton-item{border-radius:50%;position:absolute;top:0}.image-element-wrapper .image-inner-content.circle img{border-radius:50%}.skeleton-item{position:relative;width:100%;height:100%;border-radius:6px;background-color:#e8e8e8;overflow:hidden}.skeleton-item:before{content:"";position:absolute;width:70px;height:100%;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);-webkit-animation:shine 1.2s infinite;animation:shine 1.2s infinite}.skeleton-item.half{width:50%}.skeleton-group-item{position:relative;overflow:hidden}.skeleton-group-item:before{z-index:1000;content:"";position:absolute;width:70px;height:100%;background-image:linear-gradient(100deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);-webkit-animation:shine 1.2s infinite;animation:shine 1.2s infinite}.skeleton-group-item .skeleton-item:before{display:none}.skeleton-group-item.square-card{width:19%;height:100%;margin-right:1%;margin-bottom:20px}@-webkit-keyframes shine{0%{left:-70px}to{left:100%}}@keyframes shine{0%{left:-70px}to{left:100%}}.see-all-btn{height:24px;border:1px solid #ebe9e9;background-color:#fff;color:#616161;text-transform:uppercase;font-size:10px;border-radius:4px;padding:0 8px}.link-button{display:flex;align-items:center;justify-content:center;height:38px;font-size:17px;color:#fff;border-radius:4px;padding:0 35px;border:none;text-transform:capitalize;transition:all .5s ease 0s;background-color:#ff1f3a;background-color:var(--brandColor);letter-spacing:1px;font-weight:600;white-space:nowrap}.link-button:disabled{color:#fff;background:#dadada!important;cursor:default}.link-button.hover-bg-change:hover:not(:disabled){background-color:#ff1f3a!important;background-color:var(--brandColor)!important;color:#fff}.link-button.bg-white{background-color:#fff;color:#ff1f3a;color:var(--brandColor);border:1px solid #ff1f3a;border:1px solid var(--brandColor)}.link-button.bg-grey{background-color:#dfdfdf;color:#ff1f3a;color:var(--brandColor)}.link-button .flex-row{display:flex;align-items:center}.link-button .flex-row .ant-spin{margin-left:8px}.arrows{opacity:0;transition:.1s ease-in-out}.arrows .next-btn,.arrows .prev-btn{cursor:pointer;position:absolute;width:44px;height:44px;box-shadow:0 1px 4px 0 rgba(10,12,11,.2),inset 0 0 0 15px #fff;border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:#fff;top:calc(50% - 38px);transform:translateY(-50%);z-index:1}.arrows .next-btn:hover .svg,.arrows .prev-btn:hover .svg{width:26px}.arrows .next-btn:hover .svg path,.arrows .prev-btn:hover .svg path{fill:#ff1f3a;fill:var(--brandColor)}.arrows .prev-btn{left:-22px}.arrows .next-btn{right:0}.arrows .next-btn .next-icon{transform:rotate(180deg)}.arrows .disabled{cursor:unset;background-color:#ebe9e9!important}.arrows.vertical .next-btn,.arrows.vertical .prev-btn{width:34px;height:34px;box-shadow:0 1px 4px 0 rgba(10,12,11,.2),inset 0 0 0 15px #fff;display:flex;align-items:center;justify-content:center;background-color:#fff;left:calc(7.5% + 2px);transform:translateX(-50%);z-index:1}.arrows.vertical .prev-btn{top:0;transform:translateX(-50%) translateY(-50%)}@media screen and (min-width:1600px){.arrows.vertical .prev-btn{top:10px}}.arrows.vertical .prev-btn .prev-icon{transform:rotate(90deg)}.arrows.vertical .next-btn{top:unset;right:unset;bottom:0;transform:translateX(-50%) translateY(50%)}.arrows.vertical .next-btn .next-icon{transform:rotate(-90deg)}.arrows:hover{opacity:1}@media screen and (max-width:800px){.link-button{font-size:13px}.arrows .next-btn,.arrows .prev-btn{width:30px;height:30px;top:calc(50% - 23px)}.arrows .next-btn img,.arrows .next-btn svg,.arrows .prev-btn img,.arrows .prev-btn svg{width:11px}.arrows .prev-btn{left:-15px}.arrows .next-btn{right:0}.arrows .vertical{display:none;visibility:hidden}}@media screen and (max-width:450px){.link-button{width:120px}}.footer-wrapper{position:relative;padding:80px 100px;padding:80px var(--mainPadding);background:#131313}.footer-wrapper .circle-bg{width:200px;position:absolute;bottom:0;right:0}.footer-wrapper .footer-main-content{color:#fff}.footer-wrapper .footer-main-content .top-part{display:flex}.footer-wrapper .footer-main-content .top-part .left-side{width:50%}.footer-wrapper .footer-main-content .top-part .left-side .footer-brand{display:flex;align-items:center}.footer-wrapper .footer-main-content .top-part .left-side .footer-brand .header-logo{height:32px;width:32px}.footer-wrapper .footer-main-content .top-part .left-side .footer-brand .brand-name{margin-left:12px;font-size:28px;font-weight:700;color:#fff}.footer-wrapper .footer-main-content .top-part .left-side .app-wrapper{display:flex;align-items:center}.footer-wrapper .footer-main-content .top-part .left-side .app-wrapper svg{height:38px;cursor:pointer}.footer-wrapper .footer-main-content .top-part .left-side .app-wrapper svg:first-child{margin-right:12px}.footer-wrapper .footer-main-content .top-part .left-side .app-wrapper{margin:30px 0}.footer-wrapper .footer-main-content .top-part .right-side{display:flex;width:50%}.footer-wrapper .footer-main-content .top-part .right-side .links-wrapper{width:50%}.footer-wrapper .footer-main-content .top-part .right-side .links-wrapper .links-title{color:#929292;font-size:20px;font-weight:500}.footer-wrapper .footer-main-content .top-part .right-side .links-wrapper .links{display:flex;flex-direction:column}.footer-wrapper .footer-main-content .top-part .right-side .links-wrapper .links a{font-weight:500;font-size:18px;margin-top:16px}.footer-wrapper .footer-main-content .bottom-part{color:#929292;display:flex;flex-direction:column;align-items:center;margin-top:50px}.footer-wrapper .footer-main-content .bottom-part .social-networks-title{font-size:20px;font-weight:500}.footer-wrapper .footer-main-content .bottom-part .social-networks-icons{margin:28px 0}.footer-wrapper .footer-main-content .bottom-part .social-networks-icons a:not(:last-child){margin-right:24px}@media screen and (max-width:700px){.footer-wrapper .footer-main-content .top-part{flex-direction:column}.footer-wrapper .footer-main-content .top-part .left-side{width:100%}.footer-wrapper .footer-main-content .top-part .left-side .app-wrapper,.footer-wrapper .footer-main-content .top-part .left-side .footer-brand{justify-content:center}.footer-wrapper .footer-main-content .top-part .right-side{width:100%;justify-content:center}}@media screen and (max-width:500px){.footer-wrapper .footer-main-content .top-part .right-side .links-wrapper{padding-left:40px}}.player-bar-wrapper{padding:12px 100px;padding:12px var(--mainPadding);width:100%;position:fixed;bottom:0;z-index:1000;display:flex;justify-content:space-between;background-color:#fff;box-shadow:0 0 4px 1px rgba(0,0,0,.06)}.player-bar-wrapper .info-wrapper{display:flex}.player-bar-wrapper .info-wrapper .img-wrap{position:relative;margin:0 12px 0 0;height:60px;width:60px;border-radius:3px;object-fit:cover;overflow:hidden}.player-bar-wrapper .info-wrapper .img-wrap img{width:100%;height:100%;object-fit:cover}.player-bar-wrapper .info-wrapper .song-info{display:flex;flex-direction:column;justify-content:center;width:160px}.player-bar-wrapper .info-wrapper .song-info .song-name{overflow:hidden;height:22px;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500}.player-bar-wrapper .info-wrapper .song-info .song-name .song-subTitle{color:#777}.player-bar-wrapper .info-wrapper .song-info .song-description{overflow:hidden;height:20px;text-overflow:ellipsis;white-space:nowrap}.player-bar-wrapper .info-wrapper .song-info .song-description .song-author{color:#929292;font-size:14px}.player-bar-wrapper .info-wrapper .song-info .song-description .song-author:hover{cursor:pointer}.player-bar-wrapper .info-wrapper .song-info .song-description .song-author.hovered:hover{color:#828282}.player-bar-wrapper .player-icons{width:100%;height:100%}.player-bar-wrapper .card-heart{width:24px;height:24px}.player-bar-wrapper .rhap_container{box-shadow:none;width:calc(100% - 450px);padding-left:0}.player-bar-wrapper .rhap_container:focus{outline:none}.player-bar-wrapper .rhap_container .rhap_time{font-weight:500;width:40px;display:flex}.player-bar-wrapper .rhap_container .rhap_time:first-child{color:#ff1f3a;color:var(--brandColor)}.player-bar-wrapper .rhap_container .rhap_progress-section{flex:unset;width:calc(100% - 100px)}.player-bar-wrapper .rhap_container .rhap_progress-container .rhap_progress-indicator{width:27px;height:27px;top:-11px;background-color:transparent;box-shadow:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAMqADAAQAAAABAAAAMgAAAABWA42RAAADAElEQVRoBeVYS47UMBDtHrGHDWiExBqJO3AKOAxH4BpzKRZskfjMjiUsyLxn2VbilF1VtrvTEpYsO/V59Z4rnWTmfJo0ltPpHKHSqiEjJSSFVQvW/NaiIk4HeREHxmFRXUKigK7cmpKVfQGwu0suMhM7sOItbt0dMgu5cBdENTCau2MScpCIJM4kpinkYAFJSFqbgqpCbkyEKuYuRQhrVaQQey1TlZPomNgNQG2GWG8ToV+It9gOeFBESVyjtauvJUT/TswGaECEV0DJd8OjdFauN2Jav5FK/s48KoKAwxj5JDq7MUygOJbMp7DXLnNX1h1xg9TQB+zeg8mcg5DYDU99b8GLYSfuzzwVYqxHxDvkvIl537B+iXttYY182lpw9iPrzjjPiNPmC8R8xvyBuRSTNvoYo+HQb+IVhERAU4Kh+HvEPGKWAsrrX4hhrCbGzIvPPatyrSiJ/cEsSdeuGTtLzDmIyPdYe4O61fEcnq+YL6sRsuMR5reYv2V3sJp+K+vHbwNLdX1ChFcEQV9hMnd4zOrIdzC572TzE3mvG7lTO9K6rfiI7RVB/swlRm20auecGbdWek9k0I7NMMYMIR2856fMEMI39ugYxvjvfuzaiT9oAQ3/SG6GndWRm3ghmh5vWbq84Zv5A+Zf2S1aGfsRs/VWFxMF4+L51uIHHDvYmsd9NFIdyJm/MhUhFHnIZ3x4/ZMc9IS90LbShHDz6P3DigXMfBDIv91DR7haE2MKl4sNFxcEL+GFyI2TkqeQE9p1oAwO3Ndv9lsQ4z2gzHmTCCuvNzbDcWYwQ2wrxF0XCbn2uiOtIi2fl4CENYyxA+jsSiKXTygZlHVXX4lP7vwfxmQQgQbFJGyupTCx3jrBsN+JYE4VGAxm3HYGXr4QEP4nZbTIlqcp5V/bVuVU7QgZIov+ZswVlYi3VKpvInmwoKYAlxAGHyTGJIL8TB1hIEcUw60rjwnOgVKhSFgtuV2ELtwdcxfWAruEJICJHXJ3IHFI65CQBMK1Q9Qw+XX9Jw9Aq7Q1E4QeAAAAAElFTkSuQmCC);background-size:cover}.player-bar-wrapper .rhap_container .rhap_progress-container .rhap_progress-filled{background-color:#ff1f3a;background-color:var(--brandColor);border-radius:0}.player-bar-wrapper .rhap_container .rhap_progress-container:focus{outline:none}.player-bar-wrapper .rhap_container .rhap_progress-container:hover .rhap_progress-indicator{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAANqADAAQAAAABAAAANgAAAADQiwyeAAAIhUlEQVRoBd2a244VVRCGBxQPgIoJEAMhccgQE6OJF3inr+ET6J2Pw50+ga+hd3phIuHCQSaRQAxM5HwQUPy+nv231at7z94z4ESp5J+qtVZVrfp7rV7de/ZeWdkjebqysk/s0XTPd6JZ4S9R/AHwMtAWLSFcV/6c4Qn6sTZO9j8XaSfcVVKqkcirM2gfBUfAwRlCkmZHSDL3Z7iJ3gSS+0NQlPYzyTMRg9ArzG7xh8ExcBy8DSxcZFUw+9XInFlNSYsb4Bq4Du6C+zg+Qu9KMsmOgiFkIYfAG2ANvAO8ysFf2G4roURvtf7Zms4v9gNXOvgN+yK4A+7h4EXakeyIGNXpLyFXaBWcAk76AEimEqrEGOrJ1Tm1KyQoXgdevMtgA7iCEmwvEN3TUieZ9pj1ktEJ3wQnwPvASSQkMe1KSluxX0xJCDlm7rRjS0yC9l8AV8FtGslNc74YtFCozC2SbXca2yvotnOSoCVXSbXkMq+6IqTUgXO7Qy6BbnsSsPBwyQTETAsVedq9BT4AnnaScpVCKHoesZYUoZ1UQrGniNnn6kluE5wHtwjwBJ0r2xKjIq+Wp9xZ4La4BzzpQqbVU+RwH23HzBtC6nmksnKeot7fbv8fwA2C5q5cJsBvKFRoQp9FHwHJVVKLyEmwguZIKqnYIdFqSdkXcj4afgQ3CfTijsQlHgkVOZEHxRpw+90GeSaZaBlimTAECeslROyw4LTj22r97FO8wNZkbT/T6bbMGF1bMkmMIZfc028V+CypRGJHL9qOhI8mloiiNj7kWkJtwYm7S4y1qb3f1QMZESOTfd6oHulenRwUEgmZVldyKc6+FBZNVycpUC0px7UTG03XpFiTtVnj7zg/JNi+XkbEGHG1VoHJ2yPdYltSaYdI1bj3xWpHJCEU59EOwe1IJU5tbZ7Yq8AD5RboZUCMjL77+bw6BVxei5xCyES3PikumjQdAbVFKSlSH2215OZJ/KuWkLVeJvgBA/275YAYDgfBGvBqZAu2RU+1Q9DiMq4dYI6kFhhCrb8+SvWttjVaqzW7EGNiZMwT3hdal9VJUuSUDpno+CQuRaqV6KliMx6CXUD5U8lUW/+HwJoPM4HvkxLtDgq14n71Y4cDKdZiUvBOtHEVZ2ifBMoVsA5qgfq2pBxXql+19bcma7XmY8DPdtpbxMhqgMQcdCBFGVjtSs7+jNf+9Hmvfgk+A16wKtdofAPOAR8nIYHZiW3zVK0tJJS5Y1uzc/zKQPcpIFfJJ7pb0TcN92nIRKfYtNWVTG1rfwy+AxJrSdHV9Tn2LdC3jW9zOx5M1WLN1i4HufTLb8dR0G7BTJikadfkKSI+FupqmG+RuEP0Dbll8sen1dbunHLpiXk6yjgPOYMUdUVLqI5pu/2+Bj42lhV9vwLGtvkWzeccxijWLge59MTycinrNrl+6ZtnZ9zttcxKmaeKK2ds8kTrE7vqqX5r9+VisBVt+LEkxDC7hK02eaROFNuDYrdibPJUXfPZr0xpa5fDgJinTdeBVqYC0z9v0jM4TB0Uxi0jxpqjSp1ru5oSIwe5rOzHuzOw3ZsJdmwZib/65DIBC3zMUXMucB8MG9fdXxj7ctwPPF6Exn6WK1fIUyWrtyy3+KuvLBu0jZ85as5tXEdDxnWnOsbTrJjkvPkibfLa1g7ir14HvlHsVow1R5XME+2YttJq+yTWLVSIScqPAP3Nh90G1uQM9+TSr/Zhu1sxtuaKXfPZp0xpa5dDt0CV2D06QyxJa4Lt7PifI8cm2KlcJ8DY5Ik2T+yqp/qt/T4YEHMJb4LuVEGbRKnJtL0Q6at2+nyh/Rz0n4uwF4m+X4C8DCfXMvOZWz/F2uXQ3WdZscd0eKVlnYJbnQntz1gmr+3vGfdhu8zKuVL6GrNs/szZamt3Trn0r1Qunx0y9t0tk0TXwmtfJVltC/0EuL2mDhT7HPsUhFSNj63OfNFTfdZs7XLotqLOnXCUHMbwyX8a5F9uOrm06in4kmp/3vCjPZkqzHsSKB7p6yCFRlcy2tk96im49dLvC/QlsE6yu+j+ntL2f+FujfeAARZmoU5Si6w2Q1vHq8ZMLNS46vcL7Ytl3JwhpE5bvSwSZ60HgLX3/8/PYeEsj6lEtn7pln9pO0ktsNoMjcTJJKUs46t/CqzkLNZ29Dyyxr4GrPkuDbdiJwZU8bj0ynoFJD0vYdtvAbWItKtOTO2L3Y6lvUhbo7Vas7X30q+YPTB+xGX2/roMTgDvn3rlY9M9KV5BoV+7cjUgfvZZvO2qtSVdtXYLP6ZY6x0SDB4xA2I4KD6oN4A3u1cjZKLpGkkKlYy2vtE6267imKK2WHXsWvx25KzNmA1gzQMZEcPzCVV4r10AH4IcBIPA0khR0ZKoBHXdjphxIVdJxa7kYlv3IfAT8N7y5B7IiNhs1CtwFfgIeBf4NZIyVWAIRetjUTvdisaHTKtDyH5t69oA1jhaLfoGx73tTpjhKdVJxpvSJDklHbcAJURaLbGQi90FNH/aONstobRDTO1KbQJr88t25xiJyeYKEe5jSZ0FL8ZXtWELOf9DvJsv1+tWTLqqc1FdFW0ROysV7S3jznGlzoNn+3KdBJ3MVs7XljVwGni4+DC0+MAtoa2uoDnaLiEVQtFTxNw1kroE3H4e7f2DmPakZILJwdpJpU76Yv2AJQQh54Xw5vUKroJTwKPWT6515doVY7hftXoxtSuy9byf3X6XwQZwh/w7PzkicS9U7aQSzPb8f/9IrGc2MyDo56CDwBU8Do4BT1FXUfhKJhRXUcmKeXQLL5LwtxvXgZ/VXKG9/1kfkw6Eir3BPT2F9lFwBLiq2VaSUCSa7evD1Q+InnYeCP+NH2JSyEAg6GpIQHKuQlYlq0RXJ65eVlOSknquP53tZtmLP5KeEd+L6Vb+Bjy0fsM/ty5gAAAAAElFTkSuQmCC)}.player-bar-wrapper .rhap_container .rhap_additional-controls{position:absolute;right:142px;right:calc(var(--mainPadding) + 42px);z-index:111}.player-bar-wrapper .rhap_container .rhap_additional-controls svg{width:24px;height:24px}.player-bar-wrapper .rhap_container .rhap_main-controls .rhap_main-controls-button{margin:0 10px}.player-bar-wrapper .card-heart,.player-bar-wrapper .hovered{cursor:pointer}.player-bar-wrapper .card-heart path,.player-bar-wrapper .hovered path{fill:#b5b5b5;transition:.2s}.player-bar-wrapper .card-heart.active:hover path,.player-bar-wrapper .card-heart.active path,.player-bar-wrapper .hovered.active:hover path,.player-bar-wrapper .hovered.active path{fill:#ff1f3a;fill:var(--brandColor)}.player-bar-wrapper .card-heart:hover path,.player-bar-wrapper .hovered:hover path{fill:#000}.player-bar-wrapper .btns-wrapper{display:flex;width:215px;position:relative}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper{position:relative;display:flex;align-items:center;margin:0 10px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content{position:absolute;bottom:65px;right:-14px;background-color:#fff;z-index:101;border-radius:8px;min-width:140px;margin-left:12px;box-shadow:0 3px 15px 0 rgba(0,0,0,.15)}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content .share-wrapper{padding:8px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content .share-wrapper button{display:flex;align-items:center;width:100%;background-color:transparent;font-size:14px;padding:4px!important}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content .share-wrapper button svg{margin-right:8px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content .share-wrapper .copy-wrapper{position:relative}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content .share-wrapper .copy-wrapper .copy-text{position:absolute;visibility:hidden;left:110px;background-color:#424242;color:#fff;border-radius:4px;padding:6px 10px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content .share-wrapper .copy-wrapper .copy-text:before{content:"";border-bottom:9px solid #424242;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:50%;left:-10px;transform:translateY(-50%) rotate(-90deg);z-index:10}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content .share-wrapper .copy-wrapper:hover .copy-text{visibility:visible}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content:after{content:"";border-bottom:13px solid #fff;border-right:12px solid transparent;border-left:12px solid transparent;position:absolute;bottom:-12px;right:14px;z-index:10;transform:rotate(-180deg)}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content:before{content:"";border-bottom:12px solid #ebe9e9;border-right:13px solid transparent;border-left:13px solid transparent;position:absolute;bottom:-12px;right:14px;z-index:10;transform:rotate(-180deg)}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper:last-child{position:absolute;right:0;height:100%}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .heart-dropdown-wrapper:hover .volumeBar-wrapper{display:flex}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .volumeBar-wrapper{display:none;position:absolute;bottom:65px;right:-10px;width:40px;height:140px;background-color:#fff;box-shadow:0 3px 15px 0 rgba(0,0,0,.15);justify-content:center;align-items:center;border-radius:4px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .volumeBar-wrapper:after{content:"";border-bottom:13px solid #fff;border-right:12px solid transparent;border-left:12px solid transparent;position:absolute;bottom:-12px;right:7px;z-index:10;transform:rotate(-180deg)}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .volumeBar-wrapper:before{content:"";border-bottom:12px solid #ebe9e9;border-right:13px solid transparent;border-left:13px solid transparent;position:absolute;bottom:-12px;right:6px;z-index:10;transform:rotate(-180deg)}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .volumeBar-wrapper .volume-range{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100px;height:3.2px;background:#ddd;outline:none;transition:opacity .2s;transform:rotate(-90deg)}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .volumeBar-wrapper .volume-range:before{content:"";height:4px;background-color:#ff1f3a;background-color:var(--brandColor);position:absolute}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .volumeBar-wrapper .volume-range:hover{cursor:pointer}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .volumeBar-wrapper .volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#ff1f3a;background:var(--brandColor);cursor:pointer;position:relative;z-index:1000000}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .volumeBar-wrapper .volume-range::-moz-range-thumb{width:10px;height:10px;background:#ff1f3a;background:var(--brandColor);cursor:pointer}.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper{position:relative;display:flex;height:100%;align-items:center}.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper .card-heart path{fill:#b5b5b5;transition:.2s}.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper .card-heart.fill-heart:hover path,.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper .card-heart.fill-heart path{fill:#ff1f3a;fill:var(--brandColor)}.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper .card-heart:hover path{fill:#303030}.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content{position:absolute;padding:24px;bottom:65px;right:-16px;background-color:#fff;z-index:102;border-radius:8px;width:250px;display:none;margin-right:2px;box-shadow:0 5px 25px 0 rgba(0,0,0,.3)}.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:after{content:"";border-bottom:13px solid #fff;border-right:12px solid transparent;border-left:12px solid transparent;position:absolute;bottom:-12px;right:14px;z-index:10;transform:rotate(-180deg)}.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:before{content:"";border-bottom:12px solid #ebe9e9;border-right:13px solid transparent;border-left:13px solid transparent;position:absolute;bottom:-12px;right:14px;z-index:10;transform:rotate(-180deg)}.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content .link-button{height:30px;font-size:13px;padding:4px 16px;margin-left:auto;border-radius:4px}.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper:hover .heart-dropdown-content{display:block}.player-bar-wrapper .close-icon-wrapper{position:absolute;right:10px;top:10px;border:1px solid #b5b5b5;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;visibility:hidden;transition:all .2s}.player-bar-wrapper .close-icon-wrapper svg{width:9px;height:9px}.player-bar-wrapper .close-icon-wrapper svg path{fill:#b5b5b5}.player-bar-wrapper:hover .close-icon-wrapper{visibility:visible}.padding-bottom{padding-bottom:85px}@media screen and (max-width:1024px){.player-bar-wrapper{flex-direction:column;box-shadow:none;border-top:5px solid hsla(0,0%,86.7%,.5)}.player-bar-wrapper .rhap_container{order:-1;padding:0;margin-left:-100px;margin-left:calc(-1*var(--mainPadding));width:calc(100% + 190px);width:calc(100% + 2*var(--mainPadding) - 10px)}.player-bar-wrapper .rhap_container .rhap_main{flex-direction:column;margin-top:-25px}.player-bar-wrapper .rhap_container .rhap_main .rhap_main-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:20px}.player-bar-wrapper .rhap_container .rhap_main .rhap_progress-section{width:100%}.player-bar-wrapper .rhap_container .rhap_main .rhap_progress-section .rhap_progress-container{margin:0}.player-bar-wrapper .rhap_container .rhap_main .rhap_progress-section .rhap_progress-container .rhap_progress-bar-show-download{background-color:transparent}.player-bar-wrapper .rhap_container .rhap_main .rhap_progress-section .rhap_progress-container .rhap_progress-bar .rhap_progress-indicator{background-image:none;width:10px;height:10px;background-color:#ff1f3a;background-color:var(--brandColor);top:-3px;margin:0}.player-bar-wrapper .rhap_container .rhap_main .rhap_additional-controls{bottom:27px}.player-bar-wrapper .rhap_container .rhap_main .rhap_time{display:none}.player-bar-wrapper .btns-wrapper{position:absolute;right:100px;right:var(--mainPadding);bottom:28px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content{bottom:36px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .heart-dropdown-wrapper .heart-dropdown-content{display:none;bottom:36px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .heart-dropdown-wrapper:hover .volumeBar-wrapper{display:none}}@media screen and (max-width:800px){.player-bar-wrapper .rhap_container .rhap_main .rhap_main-controls{right:100px;right:var(--mainPadding);left:unset;transform:unset;top:-10px}.player-bar-wrapper .rhap_container .rhap_main .rhap_main-controls .rhap_main-controls-button{margin:0 5px}.player-bar-wrapper .rhap_container .rhap_main .rhap_additional-controls{bottom:11px;right:50%;transform:translateX(calc(-50% + 90px))}.player-bar-wrapper .btns-wrapper{position:unset;margin-top:16px;margin-left:50%;transform:translateX(-50%);width:270px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper{margin:0 15px}.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content{bottom:40px;right:unset;left:-16px}.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:before{left:14px;right:unset}.player-bar-wrapper .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:after{left:15px;right:unset}}@media screen and (max-width:500px){.player-bar-wrapper{padding:12px 100px 6px;padding:12px var(--mainPadding) 6px}.player-bar-wrapper .info-wrapper{padding-bottom:6px;border-bottom:1px solid #ebe9e9}.player-bar-wrapper .info-wrapper .img-wrap{width:45px;height:45px;margin-right:8px}.player-bar-wrapper .rhap_container .rhap_main .rhap_main-controls{height:40px;top:10px}.player-bar-wrapper .rhap_container .rhap_main .rhap_main-controls .rhap_main-controls-button{margin:0 5px}.player-bar-wrapper .rhap_container .rhap_main .rhap_additional-controls{bottom:5px;right:unset;left:125px;transform:unset}.player-bar-wrapper .btns-wrapper{margin-top:4px;margin-left:0;transform:unset}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper{margin:0 8px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper:first-child{margin-left:0}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content{left:-24px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content:before{left:12px;right:unset}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .dropdown-content:after{left:13px;right:unset}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .heart-dropdown-wrapper .heart-dropdown-content{width:210px;left:-8px;padding:16px 10px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .heart-dropdown-wrapper .heart-dropdown-content .link-button{width:100px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .heart-dropdown-wrapper .heart-dropdown-content:before{left:6px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper .heart-dropdown-wrapper .heart-dropdown-content:after{left:7px}.player-bar-wrapper .btns-wrapper .absolute-card-wrapper:last-child{right:100px;right:var(--mainPadding);height:unset}}@media screen and (max-width:370px){.player-bar-wrapper .info-wrapper .song-info{max-width:calc(100% - 140px)}.player-bar-wrapper .info-wrapper .song-info .song-name{font-size:15px;height:22px}.player-bar-wrapper .info-wrapper .song-info .song-author{font-size:13px}.player-bar-wrapper .rhap_container .rhap_main .rhap_main-controls{top:15px}.player-bar-wrapper .rhap_container .rhap_main .rhap_main-controls .rhap_main-controls-button{margin:0;width:30px;top:-15px}}.notification-row{position:absolute;z-index:1;top:74px;width:100%;left:0;right:0;opacity:0;visibility:hidden;transition:all .2s;overflow:hidden;will-change:opacity}.notification-row.open{opacity:1;visibility:visible}.notification-row.success{background-color:#61bd4f}.notification-row.error{background-color:#ff1f3a;background-color:var(--brandColor)}.notification-row.info{background-color:#bcc8cf}.notification-row .inner-part{height:40px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;font-size:16px}@media (max-width:1000px){.notification-row{top:60px}}.homepage-wrapper .card-link{width:calc((100% - 88px)/4);margin-right:22px}.homepage-wrapper .homepage-playlists-wrapper{width:100%;margin-bottom:20px}.homepage-wrapper .homepage-playlists-wrapper .playlists-list{width:100%;display:flex;flex-wrap:wrap}.homepage-wrapper .homepage-playlists-wrapper .playlists-list a{width:calc((100% - 88px)/4);height:100%;margin-right:22px}.homepage-wrapper .homepage-playlists-wrapper .playlists-list a .playlist-item,.homepage-wrapper .homepage-playlists-wrapper .playlists-list a .playlist-item .playlist-item-content{width:100%}.homepage-wrapper .homepage-tracks-wrapper{margin-bottom:20px}.homepage-wrapper .homepage-tracks-wrapper .tracks-list{display:flex;flex-wrap:wrap}.homepage-wrapper .homepage-tracks-wrapper .tracks-list .track-item{width:calc(50% - 22px);margin-right:22px}.homepage-wrapper .homepage-tracks-wrapper .tracks-list .track-item .track-item-content{width:calc(100% - 120px)}.homepage-wrapper .homepage-albums-wrapper,.homepage-wrapper .homepage-artists-wrapper{width:100%;margin-bottom:20px}.homepage-wrapper .homepage-artists-wrapper .card-link .card-item .img-wrapper .skeleton-item{border-radius:50%}.homepage-wrapper .no-result{margin-top:20px}@media screen and (max-width:1100px){.homepage-wrapper .left-part-wrapper .section-title{margin:50px 0 20px;margin:calc(var(--mainPadding)/2) 0 20px 0;font-size:20px}.homepage-wrapper .left-part-wrapper .section-title .see-all-btn{margin-right:15px}.homepage-wrapper .left-part-wrapper .homepage-tracks-wrapper .tracks-list{display:flex;flex-wrap:wrap}.homepage-wrapper .left-part-wrapper .homepage-tracks-wrapper .tracks-list .track-item{width:calc(100% - 22px);margin-right:22px}}@media screen and (max-width:800px){.homepage-wrapper .left-part-wrapper .section-title{margin:50px 0 20px;margin:calc(var(--mainPadding)/2) 0 20px 0;font-size:22px}.homepage-wrapper .left-part-wrapper .section-title .see-all-btn{margin-right:15px}.homepage-wrapper .left-part-wrapper .card-link,.homepage-wrapper .left-part-wrapper .homepage-playlists-wrapper .playlists-list a{width:calc((100% - 45px)/3);margin-right:15px}}@media screen and (max-width:600px){.homepage-wrapper{padding-right:0}.homepage-wrapper .left-part-wrapper{width:100%;border-right:none}}.genre-details .base-cards-list{margin-top:40px}.page-skeleton-wrapper{padding:0 0 0 100px;padding:0 0 0 var(--mainPadding);display:flex;min-height:calc(100vh - 81px)}.page-skeleton-wrapper .section-title{margin:50px 0 20px;margin:calc(var(--mainPadding)/2) 0 20px 0;font-size:20px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.page-skeleton-wrapper .section-title .see-all-btn{margin-right:22px}.page-skeleton-wrapper .paddingY{padding:50px 0;padding:var(--halfMainPadding) 0}.page-skeleton-wrapper .left-part-wrapper{width:70%;border-right:2px solid #ebe9e9}.page-skeleton-wrapper .right-part-wrapper{width:30%;padding-top:50px;display:flex;flex-direction:column;align-items:center}@media (max-width:1300px){.page-skeleton-wrapper .right-part-wrapper{padding-top:40px}}@media (max-width:1100px){.page-skeleton-wrapper .right-part-wrapper{padding-top:50px;padding-top:calc(var(--mainPadding)/2)}}@media (max-width:1024px){.page-skeleton-wrapper{flex-direction:column;justify-content:unset}.page-skeleton-wrapper .left-part-wrapper{width:100%;border-right:none;padding-left:22px}.page-skeleton-wrapper .right-part-wrapper{width:100%;margin-bottom:20px}}@media (max-width:800px){.page-skeleton-wrapper .left-part-wrapper{padding-left:15px}}.top-banner-wrapper{padding:40px 100px 0;padding:40px var(--mainPadding) 0;background-image:url(/static/media/categories.690870e7.png);background-size:cover;height:400px}.top-banner-wrapper .top-banner{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.top-banner-wrapper .top-banner .link-button{background-color:transparent;border:1px solid #ddd;border-radius:4px;color:#ccc;font-size:18px;font-weight:500;padding:10px 16px;margin-right:15px}.top-banner-wrapper .top-banner .link-button .title{display:flex;align-items:center}.top-banner-wrapper .top-banner .link-button .nav-bar-menu{width:20px;height:16px;position:relative;display:block;cursor:pointer;margin-right:14px;margin-top:-4px}.top-banner-wrapper .top-banner .link-button .nav-bar-menu .line{display:block;background:#ddd;width:20px;height:2px;position:absolute;left:0;border-radius:4px;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s}.top-banner-wrapper .top-banner .link-button .nav-bar-menu .line.line-1{top:0}.top-banner-wrapper .top-banner .link-button .nav-bar-menu .line.line-2{top:50%;transform:translateY(-50%)}.top-banner-wrapper .top-banner .link-button .nav-bar-menu .line.line-3{top:100%;transform:translateY(-100%)}.top-banner-wrapper .top-banner .link-button .nav-bar-menu:focus .line-1,.top-banner-wrapper .top-banner .link-button .nav-bar-menu:focus .line-3{transform:translateY(-40%)}.top-banner-wrapper .top-banner .link-button .nav-bar-menu.active .line-1{transform:translateY(8px) translateX(0) rotate(45deg);-webkit-transform:translateY(8px) translateX(0) rotate(45deg);-moz-transform:translateY(8px) translateX(0) rotate(45deg)}.top-banner-wrapper .top-banner .link-button .nav-bar-menu.active .line-2{opacity:0}.top-banner-wrapper .top-banner .link-button .nav-bar-menu.active .line-3{transform:translateY(-8px) translateX(0) rotate(-45deg);-webkit-transform:translateY(-8px) translateX(0) rotate(-45deg);-moz-transform:translateY(-8px) translateX(0) rotate(-45deg)}.top-banner-wrapper .top-banner .banner-title{font-size:4vw;color:#fff}.top-banner-wrapper .top-banner .homepage-tabs-wrapper{width:100%}.top-banner-wrapper .top-banner .homepage-tabs-wrapper .custom-tabs-wrapper{margin-bottom:0;border-bottom:none}.top-banner-wrapper .top-banner .homepage-tabs-wrapper .custom-tabs-wrapper .tabs-list{text-transform:unset;font-size:18px}.top-banner-wrapper .top-banner .homepage-tabs-wrapper .custom-tabs-wrapper .tabs-list .tab-item{padding:20px 10px;color:#ccc;font-weight:400}.top-banner-wrapper .top-banner .homepage-tabs-wrapper .custom-tabs-wrapper .tabs-list .tab-item.active{color:#fff}.top-banner-wrapper.categories{background-color:#fff;background-image:none;border-bottom:2px solid #ebe9e9}.top-banner-wrapper.categories .top-banner{height:unset;flex-direction:row;flex-wrap:wrap;justify-content:unset}.top-banner-wrapper.categories .top-banner .link-button{background-color:transparent;border:1px solid #ddd;color:#333;font-size:18px;font-weight:500;padding:10px 16px}.top-banner-wrapper.categories .top-banner .link-button .nav-bar-menu .line{background:#333}.top-banner-wrapper.categories .top-banner .genre-content{position:relative}.top-banner-wrapper.categories .top-banner .genre-content .genre-item{height:45px;background-color:transparent;border:1px solid #ddd;border-radius:4px;padding:10px 16px;color:#333;font-size:18px;font-weight:500;margin:0 15px 15px 0;font-family:Arial;cursor:pointer}.top-banner-wrapper.categories .top-banner .genre-content .genre-item:hover{border-color:#333}.top-banner-wrapper.categories .top-banner .genre-content .genre-item.active-genre{background-color:#333;border-color:#333;color:#fff}.top-banner-wrapper.categories .top-banner .genre-content .subGenre-list{display:none;position:absolute;top:55px;z-index:1;background-color:#fff;list-style-type:none;box-shadow:0 3px 13px 0 rgba(0,0,0,.1);padding:16px 0;min-width:250px;border-radius:4px;max-height:272px;overflow-y:auto}.top-banner-wrapper.categories .top-banner .genre-content .subGenre-list li{cursor:pointer;padding:10px 24px;white-space:nowrap}.top-banner-wrapper.categories .top-banner .genre-content .subGenre-list li.active-subGenre,.top-banner-wrapper.categories .top-banner .genre-content .subGenre-list li:hover{background-color:#f6f5f3}.top-banner-wrapper.categories .top-banner .genre-content .subGenre-list::-webkit-scrollbar-track{border-radius:4px;background-color:#fff}.top-banner-wrapper.categories .top-banner .genre-content .subGenre-list::-webkit-scrollbar{width:5px}.top-banner-wrapper.categories .top-banner .genre-content .subGenre-list::-webkit-scrollbar-thumb{border-radius:8px;background-color:#ccc}.top-banner-wrapper.categories .top-banner .genre-content:hover .subGenre-list{display:block}@media screen and (max-width:600px){.top-banner-wrapper{height:300px}.top-banner-wrapper.categories .top-banner .genre-content .genre-item{font-size:15px;height:36px;margin:0 8px 8px 0;padding:8px 12px}.top-banner-wrapper .top-banner .homepage-tabs-wrapper .custom-tabs-wrapper .tabs-list .tab-item{padding:10px 6px;color:#ccc;margin-right:3px;font-weight:400}.top-banner-wrapper .top-banner .link-button{width:unset;padding:10px;height:36px;margin-right:8px}.top-banner-wrapper .top-banner .link-button .title{font-size:15px}.top-banner-wrapper .top-banner .link-button .nav-bar-menu{margin-right:10px}.top-banner-wrapper .top-banner .banner-title{font-size:8vw}}.custom-tabs-wrapper{position:relative;height:60px;width:100%;border-bottom:2px solid #ebe9e9;margin:20px 0;padding:0;overflow:hidden}.custom-tabs-wrapper .tabs-list{height:100%;position:absolute;top:0;text-transform:uppercase;left:0;transition:transform .2s linear}.custom-tabs-wrapper .tabs-list,.custom-tabs-wrapper .tabs-list .tab-item{display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-tabs-wrapper .tabs-list .tab-item{padding:20px 10px;margin-right:25px;list-style:none;font-weight:600;cursor:pointer;justify-content:center;user-focus:none;border-bottom:3px solid transparent;white-space:nowrap}.custom-tabs-wrapper .tabs-list .tab-item.active{transition:all .3s ease-in-out;border-bottom:3px solid #ff1f3a;border-bottom:3px solid var(--brandColor);height:100%}.custom-tabs-wrapper .tabs-list .tab-item:last-child{margin-right:0}.custom-tabs-wrapper .tabs-slider-btn{width:28px;height:28px;border-radius:4px;background-color:#000;border:1px solid #ebe9e9;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;z-index:10;opacity:1;visibility:visible;transition:all .2s;transform:translateY(-50%);cursor:pointer}.custom-tabs-wrapper .tabs-slider-btn .slider-btn-img{width:12px;height:12px}.custom-tabs-wrapper .tabs-slider-btn.hide{opacity:0;visibility:hidden}.custom-tabs-wrapper .tabs-slider-btn:hover{background-color:#222}.custom-tabs-wrapper .tabs-slider-btn.next-btn{right:0}.custom-tabs-wrapper .tabs-slider-btn.prev-btn{left:0}.custom-tabs-wrapper .tabs-slider-btn.prev-btn .slider-btn-img{transform:rotate(180deg);transform-origin:center center}@media screen and (max-width:550px){.custom-tabs-wrapper .tabs-list .tab-item{font-size:14px;margin-right:12px}}@media screen and (max-width:450px){.custom-tabs-wrapper .tabs-list .tab-item{margin-right:7px;text-transform:capitalize}}.base-cards-list{width:100%;display:flex;flex-wrap:wrap}.base-cards-list .card-link{width:calc((100% - 88px)/4);height:100%;margin-right:22px;margin-bottom:20px}.base-cards-list .card-item{width:100%}.base-cards-list .card-item .img-wrapper{width:100%;padding-top:100%;position:relative}.base-cards-list .card-item .img-wrapper img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;border-radius:6px}.base-cards-list .card-item .card-item-content{width:100%;color:#000;display:block}.base-cards-list .card-item .card-item-content .card-item-description{font-weight:400;font-size:16px;line-height:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:18px;color:#bebebe}.base-cards-list .card-item .card-item-content .card-item-description.card-artist:hover{color:#828282}.base-cards-list .card-item .card-item-content .card-title-wrapper{display:flex;align-items:center;justify-content:flex-start;height:26px;margin-top:10px;margin-bottom:4px}.base-cards-list .card-item .card-item-content .card-title-wrapper .card-item-title{font-weight:600;font-size:16px;line-height:24px;overflow:hidden;height:26px;text-overflow:ellipsis;white-space:nowrap}.base-cards-list .card-item .card-item-content .card-title-wrapper .e-icon{display:flex;align-items:center;justify-content:center;margin-left:4px;width:18px;height:18px}.base-cards-list .card-item .card-item-content .card-item-artist{font-size:15px;font-weight:400;color:#979797;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.base-cards-list .card-item.artist-card{position:relative}.base-cards-list .card-item.artist-card .image-inner-content,.base-cards-list .card-item.artist-card .image-inner-content img{border-radius:50%}.base-cards-list .card-item.artist-card .card-item-content{position:relative}.base-cards-list .card-item.artist-card .card-item-content .card-title-wrapper{justify-content:center}.base-cards-list .card-item.artist-card .check-icon{position:absolute;top:0;right:0}.base-cards-list.circle-cards .card-link .card-item .img-wrapper .skeleton-item{border-radius:50%}@media screen and (max-width:800px){.base-cards-list .card-link{width:calc((100% - 45px)/3);margin-right:15px}}.track-item{width:100%;display:flex;margin-bottom:14px;position:relative;cursor:pointer}.track-item .img-wrapper{width:70px;height:70px;margin-right:12px;position:relative}.track-item .img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:6px}.track-item .img-wrapper .play-icon-wrapper{height:100%;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);position:absolute;display:flex;align-items:center}.track-item .img-wrapper .play-icon{display:flex;align-self:center}.track-item .img-wrapper .bars{height:100%;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);position:absolute;display:flex;align-items:center}.track-item .img-wrapper .bar{background:#fff;margin-right:2px;border-radius:4px;height:100%;width:4px;-webkit-animation:equalizer .5s ease-in-out infinite forwards;animation:equalizer .5s ease-in-out infinite forwards}@-webkit-keyframes equalizer{0%{height:5%}12%{height:10%}24%{height:40%}36%{height:15%}48%{height:25%}60%{height:30%}72%{height:20%}84%{height:35%}to{height:5%}}@keyframes equalizer{0%{height:5%}12%{height:10%}24%{height:40%}36%{height:15%}48%{height:25%}60%{height:30%}72%{height:20%}84%{height:35%}to{height:5%}}.track-item .img-wrapper .bar:first-child{left:1px;-webkit-animation-duration:2s;animation-duration:2s}.track-item .img-wrapper .bar:nth-child(2){left:6px;-webkit-animation-duration:1.6s;animation-duration:1.6s}.track-item .img-wrapper .bar:nth-child(3){left:11px;-webkit-animation-duration:1.9s;animation-duration:1.9s}.track-item .img-wrapper .bar:nth-child(4){left:16px;-webkit-animation-duration:1.5s;animation-duration:1.5s}.track-item .track-index-wrapper{width:70px;height:70px;display:flex;align-items:center;transition:all .2s ease-in-out}.track-item .track-index-wrapper .play-btn{width:35px;height:35px;border-radius:6px;background-color:transparent;display:flex;align-items:center;justify-content:center;font-size:15px}.track-item .track-index-wrapper .play-btn .index-item{color:#bebebe;font-weight:600;font-size:16px;display:block}.track-item .track-index-wrapper .play-btn .play-icon{display:none}.track-item .track-item-content{width:calc(100% - 120px);border-bottom:2px solid #ebe9e9;color:#000;display:flex;flex-direction:column;padding-top:5px;padding-right:75px;position:relative}.track-item .track-item-content .track-title-wrapper{display:flex;align-items:center;justify-content:flex-start;margin-bottom:4px;height:26px}.track-item .track-item-content .track-title-wrapper .track-item-title{font-weight:600;font-size:16px;line-height:20px;overflow:hidden;height:22px;text-overflow:ellipsis;white-space:nowrap}.track-item .track-item-content .track-title-wrapper .track-item-title .track-subTitle{color:#777}.track-item .track-item-content .track-title-wrapper .e-icon{display:flex;align-items:center;justify-content:center;margin-left:4px;width:18px;height:18px}.track-item .track-item-content .track-item-description{color:#bebebe;font-size:16px;overflow:hidden;height:26px;text-overflow:ellipsis;white-space:nowrap}.track-item .track-item-content .track-item-description .track-artist:hover{color:#828282}.track-item .track-item-content .track-item-description .podcast-duration span{margin:0 10px}.track-item .track-duration{position:absolute;top:50%;transform:translateY(-50%);right:80px;visibility:hidden;font-weight:500;color:#333;font-size:14px}.track-item:hover .track-index-wrapper .play-btn{color:#fff;background-color:#242424}.track-item:hover .track-index-wrapper .play-btn .index-item{display:none}.track-item:hover .track-index-wrapper .play-btn .play-icon{display:block}.track-item:hover .track-duration{visibility:visible}.track-item .heart-dropdown-wrapper{position:absolute;top:50%;transform:translateY(-50%);right:40px}.track-item .heart-dropdown-wrapper .heart-wrapper{display:flex}.track-item .heart-dropdown-wrapper .card-heart{width:20px;height:20px}.track-item .heart-dropdown-wrapper .card-heart.fill-heart path{fill:#ff1f3a;fill:var(--brandColor)}.track-item .heart-dropdown-wrapper .card-heart path{fill:#303030}.track-item .heart-dropdown-wrapper .heart-dropdown-content{position:absolute;padding:24px;top:-50px;right:32px;background-color:#fff;z-index:101;border-radius:8px;width:250px;display:none;margin-right:2px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.track-item .heart-dropdown-wrapper .heart-dropdown-content:before{content:"";border-bottom:15px solid #fff;border-right:14px solid transparent;border-left:14px solid transparent;position:absolute;top:52px;right:-21px;transform:rotate(90deg);z-index:10}.track-item .heart-dropdown-wrapper .heart-dropdown-content:after{content:"";border-bottom:14px solid #ebe9e9;border-right:15px solid transparent;border-left:15px solid transparent;position:absolute;top:54px;right:-22px;transform:rotate(90deg);z-index:9}.track-item .heart-dropdown-wrapper .heart-dropdown-content .link-button{height:30px;font-size:13px;padding:4px 16px;margin-left:auto;border-radius:4px}.track-item .heart-dropdown-wrapper:hover .heart-dropdown-content{display:block}.track-item .track-dropdown-wrapper .more-icon{position:absolute;right:0;top:50%;transform:translateY(-50%)}@media (max-width:1024px){.track-item .track-dropdown-wrapper .track-dropdown-menu{top:0;left:unset;right:35px}.track-item .track-dropdown-wrapper .track-dropdown-menu:before{right:-21px;left:unset;transform:rotate(90deg)}.track-item .track-dropdown-wrapper .track-dropdown-menu:after{right:-22px;left:unset;transform:rotate(90deg)}}@media (max-width:700px){.track-item .img-wrapper{width:60px;height:60px;margin:5px 12px 5px 0}.track-item .img-wrapper img{border-radius:4px}.track-item .track-item-content{width:calc(100% - 110px)}.track-item .track-item-content .track-item-title{font-size:17px;line-height:22px;height:24px;margin-bottom:3px}.track-item .track-item-content .track-item-description{font-size:14px;height:20px}}.track-dropdown-menu{position:absolute;top:8px;left:100%;background-color:#fff;z-index:101;border-radius:8px;width:320px;margin-left:12px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.track-dropdown-menu .dropdown-playlists-content .dropdown-playlists-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ebe9e9;padding:16px 12px 16px 8px}.track-dropdown-menu .dropdown-playlists-content .dropdown-playlists-header .back-wrapper{display:flex;align-items:center;flex-grow:1}.track-dropdown-menu .dropdown-playlists-content .dropdown-playlists-header .back-wrapper span{font-size:15px;font-weight:500}.track-dropdown-menu .dropdown-playlists-content .dropdown-playlists-header .back-wrapper .custom-input-group{width:100%}.track-dropdown-menu .dropdown-playlists-content .dropdown-playlists-header .back-wrapper .custom-input-group input{margin-bottom:0}.track-dropdown-menu .dropdown-playlists-content .dropdown-playlists-header .back-wrapper img{transform:rotate(90deg);margin-right:8px}.track-dropdown-menu .dropdown-playlists-content .dropdown-playlists-header .back-wrapper img:hover{cursor:pointer}.track-dropdown-menu .dropdown-playlists-content .dropdown-playlists-header .add-playlist-wrapper svg{width:18px;height:18px}.track-dropdown-menu .dropdown-playlists-content .dropdown-playlists-header .add-playlist-wrapper svg rect{fill:#666}.track-dropdown-menu .dropdown-playlists-content .dropdown-playlists-header .add-playlist-wrapper .link-button{width:60px;padding:0 16px;height:32px;font-size:14px;margin-left:10px;background-color:#242424;font-weight:400;border-radius:4px}.track-dropdown-menu .dropdown-playlists-content .dropdown-playlists-header .add-playlist-wrapper:hover{cursor:pointer}.track-dropdown-menu .dropdown-playlists-content .playlist-items-wrapper{padding:8px;height:300px;overflow-y:auto}.track-dropdown-menu .dropdown-playlists-content .playlist-items-wrapper::-webkit-scrollbar-track{border-radius:4px;background-color:#ebe9e9}.track-dropdown-menu .dropdown-playlists-content .playlist-items-wrapper::-webkit-scrollbar{width:4px;background-color:#f5f5f5}.track-dropdown-menu .dropdown-playlists-content .playlist-items-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:#ccc}.track-dropdown-menu .dropdown-playlists-content .playlist-items-wrapper .user-playlist-item{height:40px;margin-bottom:10px}.track-dropdown-menu .dropdown-playlists-content .playlist-items-wrapper .user-playlist-item .playlist-img-wrapper{height:100%;width:50px;padding-top:0;margin:3px 8px 3px 0}.track-dropdown-menu .dropdown-playlists-content .playlist-items-wrapper .user-playlist-item .playlist-img-wrapper img{width:100%}.track-dropdown-menu .dropdown-playlists-content .playlist-items-wrapper .user-playlist-item .playlist-item-content{height:43px;border-bottom:1px solid #ebe9e9}.track-dropdown-menu .dropdown-playlists-content .playlist-items-wrapper .user-playlist-item .playlist-item-content .playlist-item-title{height:unset;line-height:20px}.track-dropdown-menu .dropdown-playlists-content .playlist-items-wrapper .user-playlist-item .playlist-item-content .playlist-item-title .items-count{color:#bebebe;font-size:14px;font-weight:400}.track-dropdown-menu .dropdown-playlists-content .playlist-items-wrapper .user-playlist-item:hover{cursor:pointer}.track-dropdown-menu .dropdown-playlists-content .share-wrapper{padding:8px}.track-dropdown-menu .dropdown-playlists-content .share-wrapper button{display:flex;align-items:center;width:100%;background-color:transparent;font-size:14px;padding:4px!important}.track-dropdown-menu .dropdown-playlists-content .share-wrapper button svg{margin-right:8px}.track-dropdown-menu .dropdown-playlists-content .share-wrapper .copy-wrapper{position:relative}.track-dropdown-menu .dropdown-playlists-content .share-wrapper .copy-wrapper .copy-text{position:absolute;visibility:hidden;left:110px;background-color:#424242;color:#fff;border-radius:4px;padding:6px 10px}.track-dropdown-menu .dropdown-playlists-content .share-wrapper .copy-wrapper .copy-text:before{content:"";border-bottom:9px solid #424242;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:50%;left:-10px;transform:translateY(-50%) rotate(-90deg);z-index:10}.track-dropdown-menu .dropdown-playlists-content .share-wrapper .copy-wrapper:hover .copy-text{visibility:visible}.track-dropdown-menu .dropdown-playlists-content .user-playlist-item{display:flex}.track-dropdown-menu .dropdown-playlists-content .user-playlist-item .more-icon{top:15px;right:0}.track-dropdown-menu:before{content:"";border-bottom:15px solid #fff;border-right:14px solid transparent;border-left:14px solid transparent;position:absolute;top:24px;left:-21px;z-index:10;transform:rotate(-90deg)}.track-dropdown-menu:after{content:"";border-bottom:14px solid #ebe9e9;border-right:15px solid transparent;border-left:15px solid transparent;position:absolute;top:25px;left:-22px;z-index:9;transform:rotate(-90deg)}.track-dropdown-menu .track-dropdown-description{display:flex;padding:9px 16px;width:100%;border-bottom:2px solid #ebe9e9}.track-dropdown-menu .track-dropdown-description .track-item-title{font-weight:600;font-size:17px;line-height:24px;margin-bottom:5px;overflow:hidden;height:26px;text-overflow:ellipsis;white-space:nowrap}.track-dropdown-menu .track-dropdown-description .track-item-description{color:#bebebe;font-size:15px;overflow:hidden;height:22px;text-overflow:ellipsis;white-space:nowrap}.track-dropdown-menu .track-dropdown-description .track-item-description .track-artist:hover{color:#828282}.track-dropdown-menu .track-dropdown-description img{width:50px;height:50px;margin:5px 12px 5px 0;object-fit:cover;border-radius:6px}.track-dropdown-menu .track-dropdown-description>div{width:calc(100% - 80px)}.track-dropdown-menu .track-dropdown-links{padding:20px 0}.track-dropdown-menu .track-dropdown-links .card-heart.fill-heart path{fill:#ff1f3a;fill:var(--brandColor)}.track-dropdown-menu .menu-item{display:flex;align-items:center;cursor:pointer;font-size:15px;color:#282828;font-weight:500;padding:8px 16px}.track-dropdown-menu .menu-item svg{width:20px;height:20px;margin-right:10px}.track-dropdown-menu .menu-item.not-active{opacity:.5}.track-dropdown-menu .menu-item:first-child{border-radius:4px 4px 0 0}.track-dropdown-menu .menu-item:last-child{border-radius:0 0 4px 4px}.track-dropdown-menu .menu-item:hover{background-color:#f4f4f4}.track-dropdown-menu .menu-item.with-badge{justify-content:space-between}@media screen and (max-width:600px){.track-dropdown-menu,.track-dropdown-menu.dropdown-playlists{width:300px}}@media screen and (max-width:400px){.track-dropdown-menu,.track-dropdown-menu.dropdown-playlists{width:230px}}.user-playlist-item{width:100%;margin-right:1%;margin-bottom:16px}.user-playlist-item .playlist-img-wrapper{width:100%;padding-top:100%;position:relative}.user-playlist-item .playlist-img-wrapper .more-icon{position:absolute;top:5px;right:0;z-index:90}.user-playlist-item .playlist-img-wrapper .selected-playlist{position:absolute;top:5px;right:5px;z-index:100}.user-playlist-item .playlist-img-wrapper .img-content{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:6px;overflow:hidden;display:flex;flex-flow:wrap}.user-playlist-item .playlist-img-wrapper .img-content img{width:50%;height:50%}.user-playlist-item .playlist-img-wrapper .img-content.user-playlist-img-content img{width:100%;height:100%}.user-playlist-item .playlist-img-wrapper .card-actions{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:12px;top:0;left:100%;background-color:#fff;z-index:101;border-radius:8px;width:100px;margin-left:8px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.user-playlist-item .playlist-img-wrapper .card-actions .action{display:flex;align-items:center;font-size:14px;margin-bottom:4px;cursor:pointer}.user-playlist-item .playlist-img-wrapper .card-actions .action svg{width:15px;height:15px;margin-right:10px}.user-playlist-item .playlist-img-wrapper .card-actions .action svg path{fill:#454545}.user-playlist-item .playlist-img-wrapper .card-actions:before{content:"";border-bottom:12px solid #fff;border-right:11px solid transparent;border-left:11px solid transparent;position:absolute;top:20px;left:-17px;transform:translateY(-50%) rotate(-90deg);z-index:10}.user-playlist-item .playlist-img-wrapper .card-actions:after{content:"";border-bottom:11px solid #ebe9e9;border-right:12px solid transparent;border-left:12px solid transparent;position:absolute;top:22px;left:-18px;transform:translateY(-50%) rotate(-90deg);z-index:9}.user-playlist-item .playlist-img-wrapper .add-playlist-dropdown-content:before{top:14px;left:-20px;right:unset;transform:rotate(-90deg)}.user-playlist-item .playlist-img-wrapper .add-playlist-dropdown-content:after{top:16px;right:unset;left:-21px;transform:rotate(-90deg)}.user-playlist-item .playlist-item-content{width:100%;color:#000;display:block}.user-playlist-item .playlist-item-content .playlist-item-title{font-weight:600;font-size:16px;line-height:24px;height:24px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media screen and (max-width:1024px){.user-playlist-item .add-playlist-dropdown-content{padding:12px!important;width:160px!important}}@media screen and (min-width:551px)and (max-width:1024px){.user-playlist-item:nth-child(5n) .card-actions,.user-playlist-item:nth-child(5n+4) .card-actions{left:unset;right:35px;margin-left:8px}.user-playlist-item:nth-child(5n) .card-actions:before,.user-playlist-item:nth-child(5n+4) .card-actions:before{top:12px;left:unset;right:-17px;transform:rotate(90deg)}.user-playlist-item:nth-child(5n) .card-actions:after,.user-playlist-item:nth-child(5n+4) .card-actions:after{top:14px;left:unset;right:-18px;transform:rotate(90deg)}.user-playlist-item:nth-child(5n) .add-playlist-dropdown-content,.user-playlist-item:nth-child(5n+4) .add-playlist-dropdown-content{padding:12px;top:0;left:unset;right:35px;width:160px;margin-left:0}.user-playlist-item:nth-child(5n) .add-playlist-dropdown-content .card-title,.user-playlist-item:nth-child(5n+4) .add-playlist-dropdown-content .card-title{font-size:14px}.user-playlist-item:nth-child(5n) .add-playlist-dropdown-content .btns-wrapper,.user-playlist-item:nth-child(5n+4) .add-playlist-dropdown-content .btns-wrapper{font-size:12px;justify-content:space-between}.user-playlist-item:nth-child(5n) .add-playlist-dropdown-content .btns-wrapper .link-button,.user-playlist-item:nth-child(5n+4) .add-playlist-dropdown-content .btns-wrapper .link-button{font-size:12px;padding:4px 10px}.user-playlist-item:nth-child(5n) .add-playlist-dropdown-content:before,.user-playlist-item:nth-child(5n+4) .add-playlist-dropdown-content:before{top:14px;right:-20px;left:unset;transform:rotate(90deg)}.user-playlist-item:nth-child(5n) .add-playlist-dropdown-content:after,.user-playlist-item:nth-child(5n+4) .add-playlist-dropdown-content:after{top:16px;left:unset;right:-21px;transform:rotate(90deg)}}@media (max-width:700px){.user-playlist-item .playlist-item-content .playlist-item-title{font-size:12px;line-height:18px;height:18px}}@media (min-width:401px)and (max-width:550px){.user-playlist-item .add-playlist-dropdown-content{margin-right:0;margin-left:8px}.user-playlist-item:nth-child(4n) .card-actions,.user-playlist-item:nth-child(4n+3) .card-actions{left:unset;right:35px;margin-left:0}.user-playlist-item:nth-child(4n) .card-actions:before,.user-playlist-item:nth-child(4n+3) .card-actions:before{top:12px;left:unset;right:-17px;transform:rotate(90deg)}.user-playlist-item:nth-child(4n) .card-actions:after,.user-playlist-item:nth-child(4n+3) .card-actions:after{top:14px;left:unset;right:-18px;transform:rotate(90deg)}.user-playlist-item:nth-child(4n) .add-playlist-dropdown-content,.user-playlist-item:nth-child(4n+3) .add-playlist-dropdown-content{padding:12px;top:0;left:unset;right:35px;width:160px;margin-left:0}.user-playlist-item:nth-child(4n) .add-playlist-dropdown-content .card-title,.user-playlist-item:nth-child(4n+3) .add-playlist-dropdown-content .card-title{font-size:14px}.user-playlist-item:nth-child(4n) .add-playlist-dropdown-content .btns-wrapper,.user-playlist-item:nth-child(4n+3) .add-playlist-dropdown-content .btns-wrapper{font-size:12px;justify-content:space-between}.user-playlist-item:nth-child(4n) .add-playlist-dropdown-content .btns-wrapper .link-button,.user-playlist-item:nth-child(4n+3) .add-playlist-dropdown-content .btns-wrapper .link-button{font-size:12px;padding:4px 10px}.user-playlist-item:nth-child(4n) .add-playlist-dropdown-content:before,.user-playlist-item:nth-child(4n+3) .add-playlist-dropdown-content:before{top:14px;right:-20px;left:unset;transform:rotate(90deg)}.user-playlist-item:nth-child(4n) .add-playlist-dropdown-content:after,.user-playlist-item:nth-child(4n+3) .add-playlist-dropdown-content:after{top:16px;left:unset;right:-21px;transform:rotate(90deg)}}@media (max-width:400px){.user-playlist-item .card-actions{width:90px!important;padding:8px!important}.user-playlist-item .add-playlist-dropdown-content{margin-right:0;margin-left:8px}.user-playlist-item:nth-child(3n) .card-actions,.user-playlist-item:nth-child(3n+2) .card-actions{left:unset;right:35px;margin-left:0}.user-playlist-item:nth-child(3n) .card-actions:before,.user-playlist-item:nth-child(3n+2) .card-actions:before{top:12px;left:unset;right:-17px;transform:rotate(90deg)}.user-playlist-item:nth-child(3n) .card-actions:after,.user-playlist-item:nth-child(3n+2) .card-actions:after{top:14px;left:unset;right:-18px;transform:rotate(90deg)}.user-playlist-item:nth-child(3n) .add-playlist-dropdown-content,.user-playlist-item:nth-child(3n+2) .add-playlist-dropdown-content{padding:12px;top:0;left:unset;right:35px;width:160px;margin-left:0}.user-playlist-item:nth-child(3n) .add-playlist-dropdown-content .card-title,.user-playlist-item:nth-child(3n+2) .add-playlist-dropdown-content .card-title{font-size:14px}.user-playlist-item:nth-child(3n) .add-playlist-dropdown-content .btns-wrapper,.user-playlist-item:nth-child(3n+2) .add-playlist-dropdown-content .btns-wrapper{font-size:12px;justify-content:space-between}.user-playlist-item:nth-child(3n) .add-playlist-dropdown-content .btns-wrapper .link-button,.user-playlist-item:nth-child(3n+2) .add-playlist-dropdown-content .btns-wrapper .link-button{font-size:12px;padding:4px 10px}.user-playlist-item:nth-child(3n) .add-playlist-dropdown-content:before,.user-playlist-item:nth-child(3n+2) .add-playlist-dropdown-content:before{top:14px;right:-20px;left:unset;transform:rotate(90deg)}.user-playlist-item:nth-child(3n) .add-playlist-dropdown-content:after,.user-playlist-item:nth-child(3n+2) .add-playlist-dropdown-content:after{top:16px;left:unset;right:-21px;transform:rotate(90deg)}}.add-playlist-dropdown-content{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:16px;top:0;left:100%;background-color:#fff;z-index:101;border-radius:8px;width:300px;min-height:calc(100% - 65px);margin-left:8px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.add-playlist-dropdown-content .card-title{margin-bottom:10px;font-size:17px;font-weight:500}.add-playlist-dropdown-content .btns-wrapper{display:flex;justify-content:flex-end;align-items:center;text-transform:uppercase;font-weight:500;font-size:14px}.add-playlist-dropdown-content .btns-wrapper .link-button{text-transform:uppercase;height:30px;font-size:13px;padding:4px 16px;margin-left:16px;border-radius:4px;width:unset}.add-playlist-dropdown-content:before{content:"";border-bottom:15px solid #fff;border-right:14px solid transparent;border-left:14px solid transparent;position:absolute;top:50%;left:-21px;transform:translateY(-50%) rotate(-90deg);z-index:10}.add-playlist-dropdown-content:after{content:"";border-bottom:14px solid #ebe9e9;border-right:15px solid transparent;border-left:15px solid transparent;position:absolute;top:calc(50% + 2px);left:-22px;transform:translateY(-50%) rotate(-90deg);z-index:9}@media (max-width:500px){.add-playlist-dropdown-content{padding:12px!important;margin-left:-20px;width:230px!important}}.custom-input-group{position:relative}.custom-input-group label{display:block;font-size:13px;font-weight:500;color:#677897;margin-bottom:8px}.custom-input-group .ant-select-selection-item{box-shadow:unset}.custom-input-group input,.custom-input-group select,.custom-input-group textarea{width:100%;border:1px solid #dddedf;border-radius:6px;padding:8px;margin-bottom:10px;font-size:14px;font-weight:400}.custom-input-group input:not(.ant-select-search__field):focus,.custom-input-group select:not(.ant-select-search__field):focus,.custom-input-group textarea:not(.ant-select-search__field):focus{outline:none;box-shadow:0 0 3px 0 rgba(0,0,0,.3)!important}.custom-input-group input.resizable,.custom-input-group select.resizable,.custom-input-group textarea.resizable{resize:vertical;min-height:100px}.custom-input-group input.invalid,.custom-input-group select.invalid,.custom-input-group textarea.invalid{border-color:red!important;outline:none}.custom-input-group input:disabled,.custom-input-group select:disabled,.custom-input-group textarea:disabled{background:#f8f8f8!important}.custom-input-group input[type=checkbox]{height:25px;width:25px}.custom-input-group input::-webkit-input-placeholder{font-size:14px}.custom-input-group input:-ms-input-placeholder{font-size:14px}.custom-input-group input::-ms-input-placeholder{font-size:14px}.custom-input-group input::placeholder{font-size:14px}.custom-input-group textarea{resize:none;height:180px}.custom-input-group textarea::-webkit-input-placeholder{font-family:Arial}.custom-input-group textarea:-ms-input-placeholder{font-family:Arial}.custom-input-group textarea::-ms-input-placeholder{font-family:Arial}.custom-input-group textarea::placeholder{font-family:Arial}.custom-input-group .custom-select{position:relative}.custom-input-group .custom-select .ant-select-selection--multiple{min-height:50px}.custom-input-group .custom-select .ant-select-selection--multiple .ant-select-selection__rendered{min-height:50px;display:flex;align-items:center}.custom-input-group .custom-select .ant-select-selection--multiple .ant-select-selection__rendered li{margin-top:2px;margin-bottom:2px}.custom-input-group .custom-select .ant-select-selection--single{height:50px;display:flex;align-items:center}.custom-input-group .custom-select .ant-select-selection--single .ant-select-selection__rendered{width:100%;overflow:hidden}.custom-input-group .custom-select .ant-select-selection-search input{box-shadow:unset!important}.custom-input-group .tree-select-wrapper{width:100%;position:relative}.custom-input-group .ant-select-dropdown .child-option{padding-left:25px}.custom-input-group .ant-select-arrow{height:100%;top:0;margin:0;display:flex;justify-content:center;align-items:center}.custom-input-group .ant-select-arrow .custom-suffix-icon{transform:none;width:23px;height:23px;transition:transform .2s;transform-origin:center}.custom-input-group .ant-select-arrow .custom-suffix-icon path{fill:#ebe9e9}.custom-input-group .ant-select-arrow .custom-suffix-icon.rotate{transform:rotate(180deg)}.custom-input-group .visibility-icon{position:absolute;bottom:25px;right:14px;height:18px;text-align:center;cursor:pointer;display:flex;justify-content:center;align-items:center}.custom-input-group .visibility-icon svg{width:18px}.custom-input-group .visibility-icon svg path{fill:#000}.custom-input-group .visibility-icon i{font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .3s ease;color:#10233c}.select-options{width:100%;max-height:250px;overflow-x:hidden;overflow-y:auto;background:#fff;border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,.15);z-index:50}.select-options .option-item{display:flex;align-items:center;padding:5px 12px;overflow:hidden;font-size:13px;color:rgba(0,0,0,.65);font-weight:400;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:background .3s ease}.select-options .option-item input{width:15px;height:15px;margin-right:5px}.select-options .option-item:hover{background-color:#e6f7ff}.select-options .option-item.checked{color:rgba(0,0,0,.65);font-weight:600;background-color:#fafafa}.modal-wrapper{position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:50%;max-width:600px;transform:translate(-50%,-50%);background-color:#fff;z-index:9900;outline:0;border-radius:2px}.modal-wrapper .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 30px;border-bottom:2px solid #ebe9e9}.modal-wrapper .modal-header span{font-size:20px;font-weight:600}.modal-wrapper .modal-header svg{cursor:pointer}.modal-wrapper .modal-header svg path{fill:#000}.modal-wrapper .modal-content{padding:30px}.modal-wrapper .modal-content .modal-title{font-size:20px;font-weight:600;margin-bottom:30px}.modal-wrapper .modal-content .check-item{margin-bottom:10px;font-size:18px;color:#000;position:relative}.modal-wrapper .modal-content .check-item .check-item-content{cursor:pointer;display:flex;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-wrapper .modal-content .check-item .checkbox{width:16px;height:16px;margin-right:10px;border-radius:2px;border:1px solid #ebe9e9;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-wrapper .modal-content .check-item .checkbox small{visibility:hidden}.modal-wrapper .modal-content .check-item .checkbox.checked{background-color:#ff1f3a;background-color:var(--brandColor);color:#fff;border-color:#ff1f3a;border-color:var(--brandColor)}.modal-wrapper .modal-content .check-item .checkbox.checked small{visibility:visible}.modal-wrapper .modal-content .custom-input-group{margin-bottom:16px}.modal-wrapper .modal-content .custom-input-group label{color:#000;font-size:16px;margin-bottom:16px}.modal-wrapper .modal-content .custom-input-group input,.modal-wrapper .modal-content .custom-input-group textarea{padding:10px;border-radius:4px}.modal-wrapper .modal-content .report-description,.modal-wrapper .modal-content .report-title{width:100%;border:1px solid #ebe9e9;padding:10px;margin-bottom:20px}.modal-wrapper .modal-content .report-description input,.modal-wrapper .modal-content .report-description textarea,.modal-wrapper .modal-content .report-title input,.modal-wrapper .modal-content .report-title textarea{width:100%}.modal-wrapper .modal-content .link-button{background-color:#000;margin-left:auto;margin-top:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;z-index:9900;bottom:0;background:rgba(0,0,0,.16)}.playlist-item{width:19%;margin-right:1%;margin-bottom:30px}.playlist-item .img-wrapper{width:100%;padding-top:100%;position:relative}.playlist-item .img-wrapper .img-content{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:6px;overflow:hidden;display:flex;flex-flow:wrap}.playlist-item .img-wrapper .img-content img{width:100%;height:100%;object-fit:cover}.playlist-item .playlist-item-content{width:calc(100% - 48px);color:#000;display:block}.playlist-item .playlist-item-content .playlist-item-title{color:#303030;font-size:16px;font-weight:500;line-height:24px;height:24px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px}.playlist-item .playlist-item-content .playlist-item-description{font-size:15px;font-weight:400;color:#979797}@media (max-width:700px){.playlist-item .playlist-item-content .playlist-item-title{font-size:12px;line-height:18px;height:18px}.playlist-item .playlist-item-content .playlist-item-description{font-size:12px}}.tabs-wrapper{height:48px;background-color:#f4f4f4;border-radius:6px}.tabs-wrapper .tabs-list{height:100%;display:flex;align-items:center;padding:4px}.tabs-wrapper .tabs-list .tab-item{width:100px;list-style:none;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-focus:none}.tabs-wrapper .tabs-list .tab-item:not(:last-child){border-right:2px solid #ebe9e9}.tabs-wrapper .tabs-list .tab-item.active{background-color:#ff1f3a;background-color:var(--brandColor);height:100%;color:#fff;border-radius:6px;border-right:none}.section-header{margin:50px 0}.no-search-result{color:#000;text-align:center;font-weight:600;font-size:16px;margin-top:60px}.show{display:block}.hide{display:none}.search-albums-wrapper{width:100%;border-bottom:2px solid #ebe9e9}.search-tracks-wrapper,.search-tracks-wrapper .tracks-list{width:100%}.search-tracks-wrapper .tracks-list .track-item{width:calc(100% - 22px)}.search-playlist-wrapper{width:100%;border-bottom:2px solid #ebe9e9}.search-playlist-wrapper .playlists-list{width:100%;display:flex;flex-wrap:wrap}.search-playlist-wrapper .playlists-list a{width:calc((100% - 88px)/4);height:100%;margin-right:22px}.search-playlist-wrapper .playlists-list a .playlist-item{width:100%}.search-artists-wrapper{width:100%;border-bottom:2px solid #ebe9e9}@media (max-width:700px){.tabs-wrapper{height:40px;border-radius:4px}.tabs-wrapper .tabs-list{padding:4px}.tabs-wrapper .tabs-list .tab-item{width:20%;font-size:12px}.tabs-wrapper .tabs-list .tab-item:not(:last-child){border-right:2px solid #ebe9e9}.tabs-wrapper .tabs-list .tab-item.active{background-color:#ff1f3a;background-color:var(--brandColor);height:100%;color:#fff;border-radius:6px;border-right:none}}.page-wrapper{display:flex;background-color:#fff;justify-content:space-between;width:100%;min-height:calc(100vh - 81px);padding:50px 100px 150px;padding:50px var(--mainPadding) 150px var(--mainPadding)}.page-wrapper .left-side{width:56%}.page-wrapper .right-side{width:36%}@media (max-width:1024px){.page-wrapper{flex-direction:column;justify-content:unset;padding:20px 100px;padding:20px var(--mainPadding)}.page-wrapper .left-side{width:100%;order:2}.page-wrapper .right-side{width:100%;order:1;margin-bottom:20px}}@media (max-width:700px){.page-wrapper{flex-direction:column;justify-content:unset;padding:20px 100px;padding:20px var(--mainPadding)}}.app-banner-card{padding-top:100%;position:relative}.app-banner-card .app-banner-content{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff3751;border-radius:6px;padding:60px 50px 20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.app-banner-card .app-banner-content .app-banner-title{font-size:46px;font-weight:700}.app-banner-card .app-banner-content .app-banner-description{margin:50px 0}.app-banner-card .app-banner-content .download-btn{padding:12px 32px;font-size:14px;font-weight:700;color:#ff1f3a;color:var(--brandColor);border-radius:6px;background-color:#fff;transition:.2s}.app-banner-card .app-banner-content .download-btn:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}.app-banner-card .app-banner-content .bottom-text{font-size:16px;z-index:1}.app-banner-card .app-banner-content .bottom-text a{font-weight:700}.app-banner-card .app-banner-content .bottom-text span{font-weight:500;margin-left:6px}.app-banner-card .app-banner-content .circle-bg{position:absolute;bottom:0;right:0;width:55%;z-index:0}@media (max-width:1650px){.app-banner-card .app-banner-content .app-banner-title{font-size:38px}}@media (max-width:1450px){.app-banner-card .app-banner-content .app-banner-title{font-size:34px}.app-banner-card .app-banner-content .app-banner-description{margin:30px 0}.app-banner-card .app-banner-content .bottom-text{font-size:15px}}@media (max-width:1300px){.app-banner-card .app-banner-content .app-banner-title{font-size:28px}.app-banner-card .app-banner-content .app-banner-description{margin:25px 0;font-size:13px}.app-banner-card .app-banner-content .bottom-text{font-size:14px}}@media (max-width:1024px){.app-banner-card{padding-top:12%}.app-banner-card .app-banner-content{padding:10px;justify-content:center}.app-banner-card .app-banner-content>div:first-child{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.app-banner-card .app-banner-content .app-banner-title{font-size:24px}.app-banner-card .app-banner-content .app-banner-description{margin:0}.app-banner-card .app-banner-content .bottom-text{display:none}.app-banner-card .app-banner-content .circle-bg{width:15%;display:none}}@media (max-width:700px){.app-banner-card .app-banner-content{justify-content:center}.app-banner-card .app-banner-content .app-banner-title{font-size:20px}.app-banner-card .app-banner-content .app-banner-description{font-size:12px}.app-banner-card .app-banner-content .download-btn{padding:8px 22px;font-size:12px;border-radius:4px}.app-banner-card .app-banner-content .circle-bg{width:10%}}@media (max-width:500px){.app-banner-card{padding-top:15%}.app-banner-card .app-banner-content .app-banner-title{font-size:16px}.app-banner-card .app-banner-content .download-btn{padding:8px 16px}}@media (max-width:400px){.app-banner-card{padding-top:18%}.app-banner-card .app-banner-content .app-banner-title{font-size:14px;padding-right:10px}.app-banner-card .app-banner-content .app-banner-description{display:none}.app-banner-card .app-banner-content .download-btn{padding:6px 10px;font-size:11px}.app-banner-card .app-banner-content .circle-bg{width:10%}}.sign-in-wrapper{display:flex;height:100vh;overflow-y:hidden}.sign-in-wrapper .left-side{width:50%;position:relative}.sign-in-wrapper .left-side .login-bg{width:100%;height:100%;object-fit:cover}.sign-in-wrapper .left-side .logo{position:absolute;width:65px;top:100px;top:var(--mainPadding);left:100px;left:var(--mainPadding)}.sign-in-wrapper .left-side .left-bottom-part{position:absolute;bottom:10%;display:flex;flex-direction:column;width:100%;padding-left:100px;padding-left:var(--mainPadding)}.sign-in-wrapper .left-side .left-bottom-part .left-title{color:#fff;font-weight:700;font-size:2vw;margin-bottom:30px}.sign-in-wrapper .left-side .left-bottom-part a{height:100%}.sign-in-wrapper .left-side .left-bottom-part .app-btn{height:54px;width:150px}.sign-in-wrapper .left-side .left-bottom-part .app-btn:first-child{margin-right:30px}@media screen and (max-width:1300px){.sign-in-wrapper .left-side .left-bottom-part .app-btn{width:150px}}.sign-in-wrapper .right-side{background:#fff;width:50%;padding:100px;padding:var(--mainPadding) var(--mainPadding) 100px;display:flex;flex-direction:column;justify-content:space-between}.sign-in-wrapper .right-side .ellipse{position:absolute;top:0;right:0}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper{width:70%}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper .social-sign-in-btn{width:100%;letter-spacing:0;position:relative;font-size:15px;padding:0;justify-content:flex-start;font-weight:600;margin-bottom:16px;border-radius:4px;height:54px}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper .social-sign-in-btn .title{width:100%;display:flex;justify-content:center;align-items:center}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper .social-sign-in-btn .autorisation-button-image{margin:0 5px;height:25px}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper .social-sign-in-btn.with-google{background-color:#f0f0f0;color:#555556}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper .social-sign-in-btn.with-facebook{background-color:#3a5bff}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper .social-sign-in-btn.with-facebook .title{margin-left:15px}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper .social-sign-in-btn.with-apple{background-color:#0a0a0a}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper .social-sign-in-btn.with-apple .title{margin-left:-5px}.sign-in-wrapper .right-side .right-side-main-content .right-bottom-part{font-family:Arial}.sign-in-wrapper .right-side .right-side-main-content .right-bottom-part .right-title{color:#0a0a0a;font-weight:700;font-size:2vw;margin:15% 0 30px}.sign-in-wrapper .right-side .right-side-main-content .right-bottom-part .right-text{color:#4d4d4d;font-size:16px;line-height:22px}.sign-in-wrapper .right-side .right-side-main-content .right-bottom-part .right-link-text{color:#4d4d4d;font-size:15px;margin-top:10%}.sign-in-wrapper .right-side .right-side-main-content .right-bottom-part .right-link-text a{color:#370bee;font-weight:700}@media screen and (max-width:1000px){.sign-in-wrapper .left-side .left-bottom-part .app-btn:first-child{margin-right:30px}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper{width:100%}}@media screen and (max-width:800px){.sign-in-wrapper{overflow-y:unset;flex-direction:column}.sign-in-wrapper .left-side{z-index:1;width:100%;height:300px}.sign-in-wrapper .left-side .left-bottom-part .left-title{font-size:4.5vw}.sign-in-wrapper .right-side{width:100%;padding-bottom:150px}.sign-in-wrapper .right-side .ellipse{top:300px}.sign-in-wrapper .right-side .right-side-main-content{margin-top:30px}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper{width:70%}.sign-in-wrapper .right-side .right-side-main-content .right-bottom-part .right-title{margin-top:30px;font-size:4.5vw}.sign-in-wrapper .right-side .right-side-main-content .right-bottom-part .right-link-text{margin-top:30px}}@media screen and (max-width:600px){.sign-in-wrapper .left-side .logo{width:50px}.sign-in-wrapper .left-side .left-bottom-part .app-btn{height:40px;width:120px}.sign-in-wrapper .left-side .left-bottom-part .app-btn:first-child{margin-right:12px}.sign-in-wrapper .right-side .ellipse{visibility:hidden}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper{width:100%}.sign-in-wrapper .right-side .right-side-main-content .social-sign-in-wrapper .social-sign-in-btn{height:42px;font-size:14px}.sign-in-wrapper .right-side .right-side-main-content .right-bottom-part .right-text{font-size:14px;line-height:20px}.sign-in-wrapper .right-side .right-side-main-content .right-bottom-part .right-link-text{font-size:13px}}.album-header{display:flex;width:100%;margin-bottom:40px}.album-header .img-wrapper{width:calc((100% - 88px)/4)}.album-header .img-wrapper .img-content{width:100%;padding-top:100%;position:relative}.album-header .img-wrapper .img-content img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;border-radius:6px}.album-header .img-wrapper .img-content .skeleton-item{position:absolute;top:0}.album-header .album-description-content{width:calc(100% - (100% - 88px)/4 - 22px);padding-left:50px;padding-left:var(--halfMainPadding);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font-family:Arial}.album-header .album-description-content .page-name{color:#aaa;font-weight:400;font-size:16px;text-transform:uppercase;margin-bottom:4px}.album-header .album-description-content .album-name{color:#000;font-size:48px;font-weight:700;overflow:hidden;margin-bottom:4px;margin-top:2px;white-space:nowrap;text-overflow:ellipsis}.album-header .album-description-content .album-description{color:#aaa;font-weight:400;font-size:18px;margin-bottom:4px}.album-header .album-description-content .album-description.artists{color:#777;overflow:hidden;height:22px;text-overflow:ellipsis;white-space:nowrap}.album-header .album-description-content .album-description.artists .artists-item.active-artist:hover{color:#333}.album-header .album-description-content .btns-wrapper{display:flex;align-items:center}.album-header .album-description-content .btns-wrapper .play-all{height:45px;border-radius:30px;color:#fff;background-color:#000;display:flex;align-items:center;padding:0 30px 0 15px;font-size:17px;font-family:Arial}.album-header .album-description-content .btns-wrapper .play-all .play-icon{margin-right:5px}.album-header .album-description-content .btns-wrapper .play-all .play-icon g{height:36px;width:36px}.album-header .album-description-content .btns-wrapper .share-btn{position:relative;display:flex;align-items:center;justify-content:center;height:45px;width:45px;border:1px solid #ebe9e9;border-radius:50%;cursor:pointer}.album-header .album-description-content .btns-wrapper .share-btn .dropdown-content{position:absolute;left:100%;background-color:#fff;z-index:101;border-radius:8px;width:140px;margin-left:18px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.album-header .album-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper{padding:8px}.album-header .album-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper button{display:flex;align-items:center;width:100%;background-color:transparent;font-size:14px;padding:4px!important}.album-header .album-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper button svg{margin-right:8px}.album-header .album-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper .copy-wrapper{position:relative}.album-header .album-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper .copy-wrapper .copy-text{position:absolute;visibility:hidden;left:110px;background-color:#424242;color:#fff;border-radius:4px;padding:6px 10px}.album-header .album-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper .copy-wrapper .copy-text:before{content:"";border-bottom:9px solid #424242;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:50%;left:-10px;transform:translateY(-50%) rotate(-90deg);z-index:10}.album-header .album-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper .copy-wrapper:hover .copy-text{visibility:visible}.album-header .album-description-content .btns-wrapper .share-btn .dropdown-content:after{content:"";border-bottom:14px solid #ebe9e9;border-right:15px solid transparent;border-left:15px solid transparent;position:absolute;top:34px;left:-22px;z-index:9;transform:rotate(-90deg)}.album-header .album-description-content .btns-wrapper .share-btn .dropdown-content:before{content:"";border-bottom:15px solid #fff;border-right:14px solid transparent;border-left:14px solid transparent;position:absolute;top:33px;left:-21px;z-index:10;transform:rotate(-90deg)}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper{position:relative}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper{margin:0 10px;height:45px;width:45px;border-radius:30px;display:flex;justify-content:center;align-items:center;background-color:#0f0f0f;cursor:pointer}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper .like-count{color:#fff}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper svg{width:22px;height:22px;margin-left:1px}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper svg path{fill:#fff}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper.have-likes{width:100px}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper.have-likes svg{margin-right:5px}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content{position:absolute;padding:24px;top:-35px;left:60px;background-color:#fff;z-index:101;border-radius:8px;width:250px;display:none;margin-right:2px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:before{content:"";border-bottom:15px solid #fff;border-right:14px solid transparent;border-left:14px solid transparent;position:absolute;top:52px;left:-21px;transform:rotate(-90deg);z-index:10}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:after{content:"";border-bottom:14px solid #ebe9e9;border-right:15px solid transparent;border-left:15px solid transparent;position:absolute;top:54px;left:-22px;transform:rotate(-90deg);z-index:9}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content .link-button{height:30px;font-size:13px;padding:4px 16px;margin-left:auto;border-radius:4px}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper:hover .heart-dropdown-content{display:block}@media (max-width:1750px){.album-header .album-description-content .album-name{font-size:44px}}@media (max-width:1550px){.album-header .album-description-content .album-name{font-size:40px}}@media (max-width:1200px){.album-header .img-wrapper{width:calc((100% - 45px)/3)}.album-header .album-description-content{width:calc(100% - (100% - 45px)/3 - 15px)}.album-header .album-description-content .album-name{font-size:36px}}@media (max-width:1024px){.album-header .album-description-content .album-name{font-size:40px}.album-header .album-description-content .btns-wrapper .play-all{height:35px;padding:0 20px 0 10px}.album-header .album-description-content .btns-wrapper .play-all .play-icon{height:100%}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper{height:35px;width:35px}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content{left:unset;right:55px}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:before{left:unset;right:-21px;transform:rotate(90deg)}.album-header .album-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:after{left:unset;right:-22px;transform:rotate(90deg)}.album-header .album-description-content .btns-wrapper .share-btn{width:35px;height:35px}.album-header .album-description-content .btns-wrapper .share-btn svg{width:20px;height:20px}}.artist-header{display:flex;width:100%}.artist-header .img-wrapper{width:calc((100% - 88px)/4)}.artist-header .img-wrapper .img-content{width:100%;padding-top:100%;position:relative}.artist-header .img-wrapper .img-content img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;border-radius:50%}.artist-header .img-wrapper .img-content .skeleton-item{border-radius:50%;position:absolute;top:0}.artist-header .artist-description-content{width:calc(100% - (100% - 88px)/4 - 22px);padding-left:50px;padding-left:var(--halfMainPadding);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font-family:Arial}.artist-header .artist-description-content .page-name{color:#aaa;font-weight:400;font-size:18px;text-transform:uppercase;margin-bottom:8px}.artist-header .artist-description-content .artist-name{color:#000;font-size:50px;font-weight:700;overflow:hidden;margin-bottom:8px;white-space:nowrap;text-overflow:ellipsis}.artist-header .artist-description-content .artist-description{color:#aaa;font-weight:400;font-size:22px}.artist-header .artist-description-content .btns-wrapper{display:flex;align-items:center}.artist-header .artist-description-content .btns-wrapper .play-all{height:45px;border-radius:30px;color:#fff;background-color:#000;display:flex;align-items:center;padding:0 30px 0 15px;font-size:17px}.artist-header .artist-description-content .btns-wrapper .play-all .play-icon{margin-right:5px}.artist-header .artist-description-content .btns-wrapper .play-all .play-icon g{height:36px;width:36px}.artist-header .artist-description-content .btns-wrapper .share-btn{position:relative;display:flex;align-items:center;justify-content:center;height:45px;width:45px;border:1px solid #ebe9e9;border-radius:50%;cursor:pointer}.artist-header .artist-description-content .btns-wrapper .share-btn .dropdown-content{position:absolute;left:100%;background-color:#fff;z-index:101;border-radius:8px;width:140px;margin-left:18px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.artist-header .artist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper{padding:8px}.artist-header .artist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper button{display:flex;align-items:center;width:100%;background-color:transparent;font-size:14px;padding:4px!important}.artist-header .artist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper button svg{margin-right:8px}.artist-header .artist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper .copy-wrapper{position:relative}.artist-header .artist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper .copy-wrapper .copy-text{position:absolute;visibility:hidden;left:110px;background-color:#424242;color:#fff;border-radius:4px;padding:6px 10px}.artist-header .artist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper .copy-wrapper .copy-text:before{content:"";border-bottom:9px solid #424242;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:50%;left:-10px;transform:translateY(-50%) rotate(-90deg);z-index:10}.artist-header .artist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper .copy-wrapper:hover .copy-text{visibility:visible}.artist-header .artist-description-content .btns-wrapper .share-btn .dropdown-content:after{content:"";border-bottom:14px solid #ebe9e9;border-right:15px solid transparent;border-left:15px solid transparent;position:absolute;top:34px;left:-22px;z-index:9;transform:rotate(-90deg)}.artist-header .artist-description-content .btns-wrapper .share-btn .dropdown-content:before{content:"";border-bottom:15px solid #fff;border-right:14px solid transparent;border-left:14px solid transparent;position:absolute;top:33px;left:-21px;z-index:10;transform:rotate(-90deg)}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper{position:relative}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper{margin:0 10px;height:45px;width:45px;border-radius:30px;display:flex;justify-content:center;align-items:center;background-color:#0f0f0f;cursor:pointer}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper .like-count{color:#fff}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper svg{width:22px;height:22px;margin-left:1px}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper svg path{fill:#fff}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper.have-likes{width:100px}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper.have-likes svg{margin-right:5px}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content{position:absolute;padding:24px;top:-35px;left:60px;background-color:#fff;z-index:102;border-radius:8px;width:250px;display:none;margin-right:2px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:before{content:"";border-bottom:15px solid #fff;border-right:14px solid transparent;border-left:14px solid transparent;position:absolute;top:50px;left:-21px;transform:rotate(-90deg);z-index:10}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:after{content:"";border-bottom:14px solid #ebe9e9;border-right:15px solid transparent;border-left:15px solid transparent;position:absolute;top:52px;left:-22px;transform:rotate(-90deg);z-index:9}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content .link-button{height:30px;font-size:13px;padding:4px 16px;margin-left:auto;border-radius:4px}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper:hover .heart-dropdown-content{display:block}@media (max-width:1750px){.artist-header .artist-description-content .artist-name{font-size:46px}}@media (max-width:1550px){.artist-header .artist-description-content .artist-name{font-size:42px}}@media (max-width:1350px){.artist-header .artist-description-content .artist-name{font-size:40px}}@media (max-width:1200px){.artist-header .img-wrapper{width:calc((100% - 45px)/3)}.artist-header .artist-description-content{width:calc(100% - (100% - 45px)/3 - 15px)}.artist-header .artist-description-content .artist-name{font-size:38px}}@media (max-width:1024px){.artist-header .artist-description-content .artist-name{font-size:40px}.artist-header .artist-description-content .btns-wrapper .play-all{height:35px;padding:0 20px 0 10px}.artist-header .artist-description-content .btns-wrapper .play-all .play-icon{height:100%}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper{height:35px;width:35px;padding:0 20px}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper svg{width:18px;height:18px}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content{left:unset;right:55px}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:before{left:unset;right:-21px;transform:rotate(90deg)}.artist-header .artist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:after{left:unset;right:-22px;transform:rotate(90deg)}.artist-header .artist-description-content .btns-wrapper .share-btn{width:35px;height:35px}.artist-header .artist-description-content .btns-wrapper .share-btn svg{width:20px;height:20px}}@media (max-width:800px){.artist-header .img-wrapper{width:calc((100% - 45px)/3)}.artist-header .artist-description-content{width:calc(100% - (100% - 45px)/3 - 15px)}.artist-header .artist-description-content .artist-name{font-size:28px}}.playlist-header{display:flex;width:100%;margin-bottom:40px}.playlist-header .img-wrapper{width:calc((100% - 88px)/4)}.playlist-header .img-wrapper .playlist-img-wrapper{height:100%;border-radius:6px;overflow:hidden;display:flex;flex-flow:wrap}.playlist-header .img-wrapper .playlist-img-wrapper img{width:100%;height:100%}.playlist-header .img-wrapper .playlist-img-wrapper .skeleton-item{position:absolute;top:0}.playlist-header .img-wrapper .img-content{position:relative;width:100%;height:100%;padding-top:100%}.playlist-header .playlist-description-content{width:calc(100% - (100% - 88px)/4 - 22px);padding-left:50px;padding-left:var(--halfMainPadding);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font-family:Arial}.playlist-header .playlist-description-content .page-name{color:#aaa;font-weight:400;font-size:18px;text-transform:uppercase;margin-bottom:8px}.playlist-header .playlist-description-content .playlist-name{color:#000;font-size:50px;font-weight:700;overflow:hidden;margin-bottom:8px;white-space:nowrap;text-overflow:ellipsis}.playlist-header .playlist-description-content .playlist-description{color:#aaa;font-weight:400;font-size:22px}.playlist-header .playlist-description-content .btns-wrapper{display:flex;align-items:center}.playlist-header .playlist-description-content .btns-wrapper .play-all{height:45px;border-radius:30px;color:#fff;background-color:#000;display:flex;align-items:center;padding:0 30px 0 15px;font-size:17px}.playlist-header .playlist-description-content .btns-wrapper .play-all .play-icon{margin-right:5px}.playlist-header .playlist-description-content .btns-wrapper .play-all .play-icon g{height:36px;width:36px}.playlist-header .playlist-description-content .btns-wrapper .share-btn{position:relative;display:flex;align-items:center;justify-content:center;height:45px;width:45px;border:1px solid #ebe9e9;border-radius:50%;cursor:pointer}.playlist-header .playlist-description-content .btns-wrapper .share-btn .dropdown-content{position:absolute;left:100%;background-color:#fff;z-index:101;border-radius:8px;width:140px;margin-left:18px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.playlist-header .playlist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper{padding:8px}.playlist-header .playlist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper button{display:flex;align-items:center;width:100%;background-color:transparent;font-size:14px;padding:4px!important}.playlist-header .playlist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper button svg{margin-right:8px}.playlist-header .playlist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper .copy-wrapper{position:relative}.playlist-header .playlist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper .copy-wrapper .copy-text{position:absolute;visibility:hidden;left:110px;background-color:#424242;color:#fff;border-radius:4px;padding:6px 10px}.playlist-header .playlist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper .copy-wrapper .copy-text:before{content:"";border-bottom:9px solid #424242;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:50%;left:-10px;transform:translateY(-50%) rotate(-90deg);z-index:10}.playlist-header .playlist-description-content .btns-wrapper .share-btn .dropdown-content .share-wrapper .copy-wrapper:hover .copy-text{visibility:visible}.playlist-header .playlist-description-content .btns-wrapper .share-btn .dropdown-content:after{content:"";border-bottom:14px solid #ebe9e9;border-right:15px solid transparent;border-left:15px solid transparent;position:absolute;top:34px;left:-22px;z-index:9;transform:rotate(-90deg)}.playlist-header .playlist-description-content .btns-wrapper .share-btn .dropdown-content:before{content:"";border-bottom:15px solid #fff;border-right:14px solid transparent;border-left:14px solid transparent;position:absolute;top:33px;left:-21px;z-index:10;transform:rotate(-90deg)}.playlist-header .playlist-description-content .btns-wrapper .heart-dropdown-wrapper{position:relative}.playlist-header .playlist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper{margin:0 10px;height:45px;width:45px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#0f0f0f}.playlist-header .playlist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper svg{width:22px;height:22px;margin-left:1px}.playlist-header .playlist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper svg path{fill:#fff}.playlist-header .playlist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-wrapper:hover{cursor:pointer}.playlist-header .playlist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content{position:absolute;padding:24px;top:-35px;left:60px;background-color:#fff;z-index:102;border-radius:8px;width:250px;display:none;margin-right:2px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.playlist-header .playlist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:before{content:"";border-bottom:15px solid #fff;border-right:14px solid transparent;border-left:14px solid transparent;position:absolute;top:50px;left:-21px;transform:rotate(-90deg);z-index:10}.playlist-header .playlist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content:after{content:"";border-bottom:14px solid #ebe9e9;border-right:15px solid transparent;border-left:15px solid transparent;position:absolute;top:52px;left:-22px;transform:rotate(-90deg);z-index:9}.playlist-header .playlist-description-content .btns-wrapper .heart-dropdown-wrapper .heart-dropdown-content .link-button{height:30px;font-size:13px;padding:4px 16px;margin-left:auto;border-radius:4px}.playlist-header .playlist-description-content .btns-wrapper .heart-dropdown-wrapper:hover .heart-dropdown-content{display:block}.section-header{display:flex;justify-content:space-between;margin:30px 0;padding-bottom:20px;border-bottom:1px solid #ebe9e9}.section-header span{color:#000;font-weight:600;font-size:24px}.artist-top-song-list{width:100%}.artist-top-song-list .track-item{width:calc(100% - 22px)}.artist-top-song-list .track-item .track-item-content{width:calc(100% - 70px)}.artist-top-song-list .playlist-item{width:100%}@media (max-width:1750px){.playlist-header .playlist-description-content .playlist-name{font-size:46px}}@media (max-width:1550px){.playlist-header .playlist-description-content .playlist-name{font-size:42px}}@media (max-width:1350px){.playlist-header .playlist-description-content .playlist-name{font-size:40px}}@media (max-width:1200px){.playlist-header .img-wrapper{width:calc((100% - 45px)/3)}.playlist-header .playlist-description-content{width:calc(100% - (100% - 45px)/3 - 15px)}.playlist-header .playlist-description-content .playlist-name{font-size:38px}}@media (max-width:1024px){.playlist-header .playlist-description-content .playlist-name{font-size:42px}}.user-header{display:flex;width:100%;margin-bottom:50px}.user-header .uploader-wrapper{width:calc((100% - 88px)/4);display:flex;align-items:center}.user-header .uploader-wrapper .image-uploader:hover .image-wrapper{-webkit-filter:none;filter:none}.user-header .user-description-content{width:calc(100% - (100% - 88px)/4 - 22px);padding-left:50px;padding-left:var(--halfMainPadding);display:flex;flex-direction:column;justify-content:space-between}.user-header .user-description-content .header-name{color:#000;font-size:3vw;font-weight:700;margin-bottom:10px;max-height:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-header .user-description-content .header-email{color:#787878;font-weight:600;font-size:1.5vw}.user-header .user-description-content .btns-wrapper{display:flex;align-items:center;justify-content:space-between}.user-header .user-description-content .btns-wrapper .play-all{height:45px;border-radius:30px;color:#fff;background-color:#000;display:flex;align-items:center;padding:0 30px 0 15px;font-size:17px;font-family:Arial}.user-header .user-description-content .btns-wrapper .play-all .play-icon{margin-right:5px}.user-header .user-description-content .btns-wrapper .play-all .play-icon g{height:36px;width:36px}.user-header .user-description-content .btns-wrapper .heart-wrapper{height:45px;width:45px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid #ebe9e9;margin:0 10px}.user-header .user-description-content .btns-wrapper .heart-wrapper .link-button{width:100%;height:100%;background-color:transparent;padding:0}.user-header .user-description-content .btns-wrapper .heart-wrapper .link-button .title{display:flex;font-weight:400;font-size:15px}.user-header .user-description-content .btns-wrapper .heart-wrapper svg{width:18px;height:18px}.user-header .user-description-content .btns-wrapper .heart-wrapper svg path{fill:#000}.user-header .user-description-content .btns-wrapper .heart-wrapper:hover{cursor:pointer}.user-header .user-description-content .btns-wrapper .heart-wrapper.save-wrapper{border-radius:30px;width:80px}.user-header .user-description-content .btns-wrapper .heart-wrapper.save-wrapper .save-btn{font-weight:400;font-size:17px;color:#000}.user-header .user-description-content .btns-wrapper .btns-left-part{width:calc(100% - 186px);display:flex}.user-header .user-description-content .btns-wrapper .podcast-btn{background-color:#fff;border-radius:100px;color:#000;border:1px solid #000;font-size:15px;padding:0 25px;height:38px;font-weight:500;letter-spacing:-.0213333px}.user-header .user-description-content .btns-wrapper .podcast-btn .podcast-title{display:flex;align-items:center}.user-header .user-description-content .btns-wrapper .podcast-btn .podcast-title svg{margin-right:10px}.no-result{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000;text-align:center;font-weight:600;font-size:17px;margin-top:0}.no-result img{width:50%}.no-result .description{font-weight:400;font-size:14px;margin-top:4px}.user-playlist-wrapper{display:flex}.user-playlist-wrapper .playlist-content{width:100%;margin-bottom:20px}.user-playlist-wrapper .playlist-content>div{padding-top:100%;position:relative;background:#f3f3f5;border-radius:6px}.user-playlist-wrapper .playlist-content>div>div{display:flex;color:#d0d0d0;font-size:8vw;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0}.user-playlist-wrapper .playlist-content>div>div img{width:100%;height:100%;object-fit:cover}.user-playlist-wrapper .add-playlist-wrapper{width:19%;margin-right:1%;position:relative;display:flex}.user-playlist-wrapper .add-playlist-wrapper:hover{cursor:pointer}.user-playlist-wrapper .user-playlists-content{width:100%;display:flex;flex-wrap:wrap}.user-playlist-wrapper .user-playlists-content>div,.user-playlist-wrapper .user-playlists-content a{width:calc((100% - 88px)/4);margin-right:22px}.user-playlist-wrapper .user-playlists-content>div .playlist-item,.user-playlist-wrapper .user-playlists-content a .playlist-item{width:100%}@media (max-width:1024px){.user-header .user-description-content{padding-left:5%}.user-header .user-description-content .header-email{font-size:2vw}.user-header .user-description-content .btns-wrapper .play-all{height:35px;padding:0 20px 0 10px}.user-header .user-description-content .btns-wrapper .play-all svg{height:100%}.user-header .user-description-content .btns-wrapper .heart-wrapper{width:35px;height:35px}.user-header .user-description-content .btns-wrapper .heart-wrapper svg{width:16px;height:16px}}@media (max-width:700px){.user-header .img-wrapper{width:30%}.user-header .user-description-content{width:70%}.user-header .user-description-content .header-email{font-size:2.5vw}}@media screen and (max-width:800px){.user-playlist-wrapper .add-playlist-wrapper,.user-playlist-wrapper .user-playlists-content>div,.user-playlist-wrapper .user-playlists-content a{width:calc((100% - 45px)/3);margin-right:15px}}@media screen and (max-width:480px){.user-header{flex-direction:column}.user-header .uploader-wrapper{margin-bottom:20px}.user-header .user-description-content{padding-left:0;width:100%}.user-header .user-description-content .header-name{font-size:7vw}.user-header .user-description-content .header-email{font-size:4vw;margin-bottom:20px}}@media screen and (max-width:400px){.user-playlist-wrapper .add-playlist-wrapper,.user-playlist-wrapper .user-playlists-content>div,.user-playlist-wrapper .user-playlists-content a{width:calc((100% - 20px)/2);margin-right:10px}}.image-uploader{position:relative;display:inline-block;width:100%;border-radius:50%;background-color:#fff;display:flex}.image-uploader .image-wrapper{width:100%;height:100%;transition:all .1s linear;background-blend-mode:lighten}.image-uploader .image-wrapper .img-content{width:100%;padding-top:100%;position:relative}.image-uploader .image-wrapper .img-content img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;border-radius:50%}.image-uploader .img-selector{transition:all .2s linear;display:flex;align-items:center;flex-direction:column;justify-content:center;cursor:pointer;background-color:#e6e6e6;padding:13px 16px;width:160px;font-size:20px;font-weight:400;border-radius:6px}.image-uploader .img-description{display:flex;flex-direction:column;justify-content:space-around;padding-left:44px;width:400px}.image-uploader .img-description .img-description-text{font-size:21px;font-weight:400;color:#000}.image-uploader .img-description .img-description-text:last-child{margin-top:8px}.image-uploader input{display:none}@media screen and (max-width:800px){.image-uploader .img-description{width:350px;padding-left:20px}.image-uploader .img-description .img-description-text{font-size:18px}.image-uploader .img-description .img-description-text:last-child{margin-top:4px}.image-uploader .img-selector{padding:8px 12px;width:140px;font-size:18px;font-weight:400;border-radius:4px}}.edit-account{font-family:Arial;width:100%;padding-bottom:200px}.edit-account .edit-account-title{font-size:34px;font-weight:600;margin-bottom:50px;margin-bottom:var(--halfMainPadding)}.edit-account .uploader-wrapper{display:flex;align-items:center}.edit-account .uploader-wrapper .image-uploader .image-wrapper{width:calc((100% - 88px)/4);-webkit-filter:none;filter:none}.edit-account .uploader-wrapper .image-uploader .image-wrapper img{border-radius:50%}.edit-account .user-description-content{display:flex;flex-direction:column;justify-content:space-between;margin-top:60px;width:calc((100% - 88px)/4*3)}.edit-account .user-description-content .header-name{color:#000;font-size:3vw;font-weight:700;margin-bottom:10px;max-height:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.edit-account .user-description-content .fields-wrapper{margin-bottom:40px}.edit-account .user-description-content .fields-wrapper .custom-input-group{max-width:680px;margin-bottom:8px;width:100%}.edit-account .user-description-content .fields-wrapper .custom-input-group:first-child{margin-right:22px}.edit-account .user-description-content .fields-wrapper .custom-input-group label{font-size:15px;margin-bottom:12px;color:#282828}.edit-account .user-description-content .fields-wrapper .custom-input-group input{padding:8px 14px;font-size:18px;height:54px}.edit-account .user-description-content .btns-wrapper{display:flex;align-items:center;max-width:680px}.edit-account .user-description-content .btns-wrapper .heart-wrapper{height:45px;width:45px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid #ebe9e9;margin:0 10px}.edit-account .user-description-content .btns-wrapper .heart-wrapper .link-button{width:100%;height:100%;background-color:transparent;padding:0}.edit-account .user-description-content .btns-wrapper .heart-wrapper .link-button .title{display:flex;font-weight:400;font-size:15px}.edit-account .user-description-content .btns-wrapper .heart-wrapper svg{width:18px;height:18px}.edit-account .user-description-content .btns-wrapper .heart-wrapper svg path{fill:#000}.edit-account .user-description-content .btns-wrapper .heart-wrapper:hover{cursor:pointer}.edit-account .user-description-content .btns-wrapper .heart-wrapper.save-wrapper{border-radius:6px;width:100%;margin:0;background-color:#000;color:#fff;height:58px}.edit-account .user-description-content .btns-wrapper .heart-wrapper.save-wrapper .save-btn{font-size:22px;font-weight:500}@media screen and (max-width:800px){.edit-account{padding-bottom:200px}.edit-account .edit-account-title{font-size:26px;font-weight:600;margin-bottom:50px;margin-bottom:var(--halfMainPadding)}.edit-account .uploader-wrapper .image-uploader .image-wrapper{width:25%;-webkit-filter:none;filter:none}.edit-account .uploader-wrapper .image-uploader .image-wrapper img{border-radius:50%}}.no-result-empty-view{width:100%;height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;flex-direction:column}.no-result-empty-view p{margin-bottom:20px;font-size:34px;color:#000}@media (max-width:500px){.no-result-empty-view p{font-size:14px}}.privacy-policy-wrapper{padding:20px 200px;padding:20px calc(2*var(--mainPadding))}.privacy-policy-wrapper .privacy-policy-title{margin:40px 0 50px;font-size:2.3em;line-height:40px;font-weight:700}.privacy-policy-wrapper .privacy-policy-text p{font-size:1.25rem;line-height:2.125rem;color:#282828;font-weight:500;font-family:Arial;margin:0 0 2.5rem}.privacy-policy-wrapper .privacy-policy-text p span{color:#ff1f3a;color:var(--brandColor)}.privacy-policy-wrapper .privacy-policy-subtitle{font-size:1.8em;font-weight:700;margin:5rem 0 1.25rem}@media screen and (max-width:800px){.privacy-policy-wrapper .privacy-policy-title{font-size:1.75rem}.privacy-policy-wrapper .privacy-policy-text p{font-size:1rem;line-height:1.75rem;margin:0 0 2rem}.privacy-policy-wrapper .privacy-policy-subtitle{font-size:1.75em}}.contacts-wrapper{background-color:#fff;min-height:calc(100vh - 175px);font-weight:500}.contacts-wrapper .contact-banner{font-weight:700;background-color:#000;min-height:450px;position:relative;color:#fff;padding:0 100px;padding:0 var(--mainPadding);display:flex;flex-direction:column;justify-content:flex-end}.contacts-wrapper .contact-banner .circle-bg{position:absolute;right:2px;top:0;z-index:1;transform:rotate(-90deg)}.contacts-wrapper .contact-banner .banner-title{font-size:5vw}.contacts-wrapper .contact-banner .banner-description{font-size:2vw;margin:40px 0}.contacts-wrapper .contact-banner .social-networks-icons{margin:28px 0}.contacts-wrapper .contact-banner .social-networks-icons a:not(:last-child){margin-right:24px}.contacts-wrapper .form-title{font-size:3vw;color:#000;margin:100px 0 50px;font-weight:700;padding:0 100px;padding:0 var(--mainPadding)}.contacts-wrapper .contact-content{display:flex;justify-content:space-between;padding:0 100px 150px;padding:0 var(--mainPadding) 150px}.contacts-wrapper .contact-content .sub-title{font-size:26px;color:#000;margin-bottom:30px;font-weight:700}.contacts-wrapper .contact-content .send-message-wrapper{width:44%;position:relative;z-index:10}.contacts-wrapper .contact-content .send-message-wrapper .form-content .custom-input-group input{height:50px;border-radius:4px}.contacts-wrapper .contact-content .send-message-wrapper .form-content .name-wrapper{display:flex}.contacts-wrapper .contact-content .send-message-wrapper .form-content .name-wrapper .custom-input-group{width:50%}.contacts-wrapper .contact-content .send-message-wrapper .form-content .name-wrapper .custom-input-group:first-child{margin-right:8px}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button{width:100%;font-size:16px;border-radius:4px;border:1px solid #ff1f3a;border:1px solid var(--brandColor)}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .tick-icon{width:16px;height:16px;margin-left:10px;transition:all .2s;visibility:visible}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .tick-icon path{fill:#fff}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .circle-loader{margin:0 0 30px 10px;border:2px solid rgba(0,0,0,.2);border-left-color:#228ae6;-webkit-animation-name:loader-spin;animation-name:loader-spin;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;position:relative;display:inline-block;vertical-align:top}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .circle-loader,.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .circle-loader:after{border-radius:50%;width:8em;height:8em}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .checkmark{display:none}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .checkmark.draw:after{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-name:checkmark;animation-name:checkmark;transform:scaleX(-1) rotate(135deg)}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .checkmark:after{opacity:1;height:4em;width:4em;transform-origin:left top;border-right:2px solid #396f3a;border-top:2px solid #396f3a;content:"";left:2em;top:4em;position:absolute}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .load-complete{-webkit-animation:none;animation:none;transition:border .5s ease-out}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .load-complete.load-success{border-color:#396f3a}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .load-complete.load-failure{border-color:#c92a2a}@-webkit-keyframes loader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:2em;opacity:1}40%{height:4em;width:2em;opacity:1}to{height:4em;width:2em;opacity:1}}@keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:2em;opacity:1}40%{height:4em;width:2em;opacity:1}to{height:4em;width:2em;opacity:1}}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .show-tick{visibility:visible;opacity:1}.contacts-wrapper .contact-content .send-message-wrapper .form-content .link-button .hide-tick{visibility:hidden;opacity:0}.contacts-wrapper .contact-content .info-content{width:48%}.contacts-wrapper .contact-content .info-content .description{line-height:34px;font-size:20px;margin-bottom:50px;font-weight:400}.contacts-wrapper .contact-content .info-content .contact-items .contact-item{display:flex;align-items:center;font-size:18px;color:#2b2b2d}.contacts-wrapper .contact-content .info-content .contact-items .contact-item:first-child{margin-bottom:30px}.contacts-wrapper .contact-content .info-content .contact-items .contact-item svg{margin-right:15px}.contacts-wrapper .contact-content .info-content .contact-items .contact-item svg path{fill:#2b2b2d}.contacts-wrapper .contact-content .info-content .contact-items .contact-item span{margin-right:15px}@media (max-width:1400px){.contacts-wrapper .contact-content .sub-title{font-size:24px}.contacts-wrapper .contact-content .info-content .contact-item{font-size:16px}.contacts-wrapper .contact-content .send-message-wrapper{width:46%}}@media (max-width:1200px){.contacts-wrapper .contact-banner .banner-title{font-size:6vw}.contacts-wrapper .contact-banner .banner-description{font-size:3vw}.contacts-wrapper .form-title{margin:30px 0;font-size:5vw}.contacts-wrapper .contact-content .sub-title{font-size:24px}.contacts-wrapper .contact-content .info-content .description{line-height:28px;font-size:18px}.contacts-wrapper .contact-content .send-message-wrapper{width:46%}.contacts-wrapper .contact-content .send-message-wrapper .blue-box{width:60%}.contacts-wrapper .contact-content .send-message-wrapper .blue-box img{width:100%}.contacts-wrapper .contact-content .send-message-wrapper .form-content .form-title{font-size:18px}}@media (max-width:900px){.contacts-wrapper .contact-banner .banner-title{font-size:36px}.contacts-wrapper .contact-banner .banner-description{font-size:22px;margin:20px 0}.contacts-wrapper .contact-content{flex-direction:column}.contacts-wrapper .contact-content .sub-title{font-size:22px;margin-bottom:25px}.contacts-wrapper .contact-content .send-message-wrapper{width:100%;margin-bottom:50px}.contacts-wrapper .contact-content .send-message-wrapper .blue-box{display:none}.contacts-wrapper .contact-content .info-content{width:100%}.contacts-wrapper .form-title{font-size:28px}}@media (max-width:600px){.contacts-wrapper .contact-banner{min-height:300px}.contacts-wrapper .contact-banner .banner-description{font-size:20px}.contacts-wrapper .contact-banner .circle-bg{height:200px}.contacts-wrapper .contact-content .sub-title{font-size:20px;margin-bottom:20px}.contacts-wrapper .contact-content .info-content .description{line-height:24px;font-size:16px;margin-bottom:20px}.contacts-wrapper .contact-content .info-content .contact-items .contact-item{font-size:16px}.contacts-wrapper .contact-content .info-content .contact-items .contact-item:first-child{margin-bottom:15px}.contacts-wrapper .contact-content .send-message-wrapper{margin-bottom:30px}.contacts-wrapper .contact-content .send-message-wrapper .form-content .name-wrapper{flex-direction:column}.contacts-wrapper .contact-content .send-message-wrapper .form-content .name-wrapper .custom-input-group{width:100%}.contacts-wrapper .contact-content .send-message-wrapper .form-content .custom-input-group input{height:40px}.contacts-wrapper .contact-content .send-message-wrapper .form-content .custom-input-group textarea{height:100px}.contacts-wrapper .form-title{margin:30px 0}}@media (max-width:400px){.contacts-wrapper .contact-content{padding-bottom:80px}.contacts-wrapper .contact-content .info-content{font-weight:400}.contacts-wrapper .form-title{font-size:24px;margin:24px 0}}.about-wrapper{background-color:#fff;font-weight:500}.about-wrapper .about-banner{font-weight:700;background-color:#000;min-height:450px;position:relative;color:#fff;padding:0 100px;padding:0 var(--mainPadding);display:flex;flex-direction:column;justify-content:flex-end}.about-wrapper .about-banner .circle-bg{position:absolute;right:2px;top:0;z-index:1;transform:rotate(-90deg)}.about-wrapper .about-banner .banner-title{font-size:5vw}.about-wrapper .about-banner .banner-description{font-size:2vw;margin:40px 0}.about-wrapper .about-content{display:flex;justify-content:space-between;padding:0 100px 80px;padding:0 var(--mainPadding) 80px;margin-top:80px}.about-wrapper .about-content .about-title{font-size:3vw;color:#000;margin-bottom:50px;font-weight:700}.about-wrapper .about-content .about-subtitle{font-size:32px;color:#000;margin-bottom:30px;font-weight:700}.about-wrapper .about-content .info-wrapper{width:48%;position:relative;z-index:10}.about-wrapper .about-content .info-wrapper .description{line-height:34px;font-size:20px;font-weight:400}.about-wrapper .about-content .img-wrapper{width:48%}.about-wrapper .about-content .img-wrapper .img-content{width:100%;padding-top:60%;position:relative}.about-wrapper .about-content .img-wrapper .img-content img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;border-radius:10px}@media (max-width:1400px){.about-wrapper .about-content .about-subtitle{font-size:24px}.about-wrapper .about-content .info-wrapper{width:46%}.about-wrapper .about-content .img-wrapper .img-content{padding-top:70%}}@media (max-width:1200px){.about-wrapper .about-banner .banner-title{font-size:6vw}.about-wrapper .about-banner .banner-description{font-size:3vw}.about-wrapper .about-content .info-wrapper{width:46%}.about-wrapper .about-content .info-wrapper .description{line-height:28px;font-size:18px}.about-wrapper .about-content .info-wrapper .about-subtitle{font-size:24px}}@media (max-width:900px){.about-wrapper .about-banner .banner-title{font-size:36px}.about-wrapper .about-banner .banner-description{font-size:22px;margin:20px 0}.about-wrapper .about-content{flex-direction:column;margin-top:0}.about-wrapper .about-content .info-wrapper{width:100%;margin-bottom:50px}.about-wrapper .about-content .info-wrapper .about-title{font-size:36px}.about-wrapper .about-content .info-wrapper .about-subtitle{font-size:22px;margin-bottom:25px}.about-wrapper .about-content .img-wrapper{width:100%}}@media (max-width:600px){.about-wrapper .about-banner{min-height:300px}.about-wrapper .about-banner .banner-description{font-size:20px}.about-wrapper .about-banner .circle-bg{height:200px}.about-wrapper .about-content{padding-bottom:60px}.about-wrapper .about-content .about-subtitle{font-size:20px;margin-bottom:20px}.about-wrapper .about-content .info-wrapper{margin-bottom:30px}.about-wrapper .about-content .info-wrapper .description{line-height:24px;font-size:16px;margin-bottom:20px}.about-wrapper .about-title{margin:30px 0}}@media (max-width:400px){.about-wrapper .about-content .info-wrapper{font-weight:400}.about-wrapper .about-content .info-wrapper .about-title{font-size:24px;margin:24px 0}.about-wrapper .about-content .info-wrapper .description{font-weight:400}}.apps-wrapper{background-color:#fff;font-weight:500}.apps-wrapper .apps-content{display:flex;justify-content:space-between;padding:0 100px 60px;padding:0 var(--mainPadding) 60px;margin-top:80px}.apps-wrapper .apps-content .apps-title{font-size:3vw;color:#000;margin-bottom:50px;font-weight:700}.apps-wrapper .apps-content .info-wrapper{width:65%;position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center}.apps-wrapper .apps-content .info-wrapper .description{line-height:34px;font-size:20px;font-weight:400;margin-bottom:40px}.apps-wrapper .apps-content .img-wrapper{width:20%}.apps-wrapper .apps-content .img-wrapper .img-content{width:100%;padding-top:201%;position:relative}.apps-wrapper .apps-content .img-wrapper .img-content img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;border-radius:10px}.apps-wrapper .apps-content .img-wrapper .img-content.bottom-image{padding-top:215.8%}@media (max-width:1400px){.apps-wrapper .apps-content .info-wrapper{width:60%}}@media (max-width:1200px){.apps-wrapper .apps-content .info-wrapper{width:68%}.apps-wrapper .apps-content .info-wrapper .apps-title{margin-bottom:30px}.apps-wrapper .apps-content .info-wrapper .description{line-height:28px;font-size:18px}}@media (max-width:900px){.apps-wrapper .apps-content{flex-direction:column;margin-top:0}.apps-wrapper .apps-content .info-wrapper{width:100%;margin:50px 0}.apps-wrapper .apps-content .info-wrapper .apps-title{font-size:36px}.apps-wrapper .apps-content .img-wrapper{width:40%;margin:0 auto}.apps-wrapper .apps-content:nth-child(3) .info-wrapper{order:-1}}@media (max-width:600px){.apps-wrapper .apps-content{padding-bottom:40px}.apps-wrapper .apps-content .info-wrapper{margin:0 0 30px}.apps-wrapper .apps-content .info-wrapper .apps-title{margin:30px 0}.apps-wrapper .apps-content .info-wrapper .description{line-height:24px;font-size:16px;margin-bottom:20px}.apps-wrapper .apps-content .img-wrapper{width:70%}}@media (max-width:400px){.apps-wrapper .apps-content .info-wrapper{font-weight:400}.apps-wrapper .apps-content .info-wrapper .apps-title{font-size:24px;margin:24px 0}.apps-wrapper .apps-content .info-wrapper .description{font-weight:400}.apps-wrapper .apps-content .img-wrapper{width:90%}}.main-section-wrapper{position:relative;padding:80px 100px;padding:80px var(--mainPadding);background-image:linear-gradient(to bottom right,#ff4f4f,#ff3651,#ff1f3a);display:flex}.main-section-wrapper .circle-bg{position:absolute;bottom:0;right:0;width:350px}.main-section-wrapper .left-side{width:45%}.main-section-wrapper .left-side .main-left-img{width:100%;height:100%}.main-section-wrapper .right-side{width:55%;padding:100px 0 0 100px;padding:var(--mainPadding) 0 0 var(--mainPadding);z-index:1}.main-section-wrapper .right-side .main-section-title{color:#fff;font-size:48px;font-weight:700}.main-section-wrapper .right-side .main-section-text{font-size:26px;font-weight:400;margin:60px 0 72px;color:#fff}.main-section-wrapper .right-side .download-btn{padding:12px 32px;font-size:26px;font-weight:700;color:#ff1f3a;color:var(--brandColor);border-radius:8px;background-color:#fff;transition:.3s}.main-section-wrapper .right-side .download-btn:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}@media screen and (min-width:1501px){.main-section-wrapper .right-side{padding:140px 0 0 140px}}@media screen and (max-width:1500px){.main-section-wrapper .right-side{padding:100px 0 0 100px}}@media screen and (max-width:1100px){.main-section-wrapper .right-side{padding:60px 0 0 60px}}@media screen and (max-width:1000px){.main-section-wrapper .right-side .main-section-title{font-size:42px}.main-section-wrapper .right-side .main-section-text{font-size:24px;margin:40px 0 50px}.main-section-wrapper .right-side .download-btn{font-size:24px}}@media screen and (max-width:900px){.main-section-wrapper .right-side .main-section-title{font-size:38px}.main-section-wrapper .right-side .main-section-text{font-size:22px;margin:30px 0 40px}.main-section-wrapper .right-side .download-btn{font-size:22px}}@media screen and (max-width:800px){.main-section-wrapper{flex-direction:column}.main-section-wrapper .circle-bg{visibility:hidden}.main-section-wrapper .left-side{width:100%;order:1;display:flex;justify-content:center}.main-section-wrapper .left-side .main-left-img{width:60%}.main-section-wrapper .right-side{width:100%;display:flex;flex-direction:column;text-align:center;align-items:center;padding:0}.main-section-wrapper .right-side .main-section-title{font-size:32px}.main-section-wrapper .right-side .main-section-text{font-size:22px;margin:16px 0}.main-section-wrapper .right-side .download-btn{margin:20px 0 40px;padding:10px 28px;font-size:22px}}.genres-list{display:flex;flex-wrap:wrap;width:100%}.genres-list .card-link{width:calc((100% - 88px)/4);margin-right:15px;height:unset}@media screen and (max-width:800px){.genres-list .card-link{width:calc((100% - 45px)/3);margin-right:15px}}.genre-card-item{width:calc((100% - 88px)/4);height:100%;margin-right:22px;margin-bottom:22px;background-image:linear-gradient(to right bottom,#000 10%,#303030 80%);border-radius:5px;overflow:hidden;position:relative;cursor:pointer}.genre-card-item .img-wrapper{width:100%;padding-top:100%;position:relative}.genre-card-item .img-wrapper .img-content{position:absolute;width:75%;height:75%;right:0;bottom:0;border-top-left-radius:90%;overflow:hidden;display:flex;flex-flow:wrap;transition:.3s}.genre-card-item .img-wrapper .img-content img{width:100%;height:100%;object-fit:cover}.genre-card-item .genre-item-title{position:absolute;top:10px;left:15px;color:#fff;font-size:20px}.genre-card-item:hover .img-wrapper .img-content{width:80%;height:80%}@media screen and (max-width:800px){.genre-card-item{width:calc((100% - 45px)/3);margin-right:15px;margin-bottom:15px}}@media screen and (max-width:400px){.genre-card-item{width:calc((100% - 30px)/2);margin-right:15px}}.notifications .section-title{display:flex;align-items:center;justify-content:space-between}.notifications .section-title .delete-all{font-size:16px;cursor:pointer;margin-right:10px}.notifications .section-title .delete-all:hover{color:#ff1f3a;color:var(--brandColor)}.notification-item{width:calc(100% - 22px);display:flex;margin-bottom:20px;position:relative;cursor:pointer}.notification-item .img-wrapper{width:80px;height:80px}.notification-item .img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:6px}.notification-item .notification-item-content{display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 100px);padding-bottom:8px;margin-left:16px;border-bottom:1px solid #ebe9e9}.notification-item .notification-item-content .notification-item-header{display:flex;justify-content:space-between;align-items:center}.notification-item .notification-item-content .notification-item-header .item-title{font-weight:600;font-size:17px;line-height:15px;overflow:hidden;height:26px;text-overflow:ellipsis;white-space:nowrap}.notification-item .notification-item-content .notification-item-header .close-btn{width:12px;height:12px;opacity:0}.notification-item .notification-item-content .notification-item-header .close-btn path{fill:#bbb;transition:.2s}.notification-item .notification-item-content .notification-item-header .close-btn:hover path{fill:#ff1f3a;fill:var(--brandColor)}.notification-item .notification-item-content .notification-item-description{color:#999;font-size:16px;overflow:hidden;height:24px;text-overflow:ellipsis;white-space:nowrap}.notification-item .notification-item-content .notification-item-description .track-artist:hover{color:#828282}.notification-item .notification-item-content .notification-item-date{text-align:right;color:#bbb;font-size:14px}.notification-item:hover .notification-item-content .notification-item-header .close-btn{opacity:1}.preferred-genres-wrapper{display:flex;height:100vh;overflow:hidden}.preferred-genres-wrapper .left-side{width:50%;position:relative}.preferred-genres-wrapper .left-side .login-bg{width:100%;height:100%;object-fit:cover}.preferred-genres-wrapper .left-side .logo{position:absolute;width:65px;top:100px;top:var(--mainPadding);left:100px;left:var(--mainPadding)}.preferred-genres-wrapper .left-side .left-bottom-part{position:absolute;bottom:10%;display:flex;flex-direction:column;width:100%;padding-left:100px;padding-left:var(--mainPadding)}.preferred-genres-wrapper .left-side .left-bottom-part .left-title{color:#fff;font-weight:700;font-size:2vw;margin-bottom:30px}.preferred-genres-wrapper .left-side .left-bottom-part a{height:100%}.preferred-genres-wrapper .left-side .left-bottom-part .app-btn{height:54px;width:150px}.preferred-genres-wrapper .left-side .left-bottom-part .app-btn:first-child{margin-right:30px}@media screen and (max-width:1300px){.preferred-genres-wrapper .left-side .left-bottom-part .app-btn{width:150px}}.preferred-genres-wrapper .right-side{position:relative;background:#fff;width:50%;padding:100px 100px 140px;padding:var(--mainPadding) var(--mainPadding) 140px;display:flex;flex-direction:column}.preferred-genres-wrapper .right-side .preferred-list-header{display:flex;justify-content:space-between;align-items:center}.preferred-genres-wrapper .right-side .preferred-list-header .clear-items{cursor:pointer;margin-top:8px;color:#666;font-size:16px;font-weight:500;transition:.2s}.preferred-genres-wrapper .right-side .preferred-list-header .clear-items:hover{color:#ff1f3a;color:var(--brandColor)}.preferred-genres-wrapper .right-side .search-wrapper{position:relative;margin-top:30px;display:flex;justify-content:space-between;align-items:center}.preferred-genres-wrapper .right-side .search-wrapper .back-btn{display:flex;align-items:center;justify-content:center;width:70px;height:34px;background-color:#000;color:#fff;border-radius:4px;margin-right:12px}.preferred-genres-wrapper .right-side .search-wrapper .back-btn svg{width:12px;margin-right:4px}.preferred-genres-wrapper .right-side .search-wrapper .back-btn svg path{fill:#fff}.preferred-genres-wrapper .right-side .search-wrapper .back-btn span{line-height:16px}.preferred-genres-wrapper .right-side .search-wrapper .custom-input-group{flex-grow:1}.preferred-genres-wrapper .right-side .search-wrapper .custom-input-group input{margin-bottom:0;padding-right:30px;padding-left:12px}.preferred-genres-wrapper .right-side .search-wrapper .search-icon{width:24px;position:absolute;right:8px}.preferred-genres-wrapper .right-side .right-side-main-content{margin-top:30px}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper{width:100%;height:calc(100vh - 350px);overflow:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper.long-content{height:calc(100vh - 270px)}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper .base-cards-list .card-link{width:calc((100% - 48px)/4);margin-right:12px;margin-bottom:12px;height:unset}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper .base-cards-list .card-link .card-item.artist-card .image-inner-content{border-radius:4px;display:flex;align-items:center;justify-content:center}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper .base-cards-list .card-link .card-item.artist-card .image-inner-content img{width:80%;height:80%}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper .genre-content{position:relative}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper .genre-content .genre-item{height:45px;background-color:transparent;border:1px solid #ddd;border-radius:4px;padding:10px 16px;color:#333;font-size:18px;font-weight:500;margin:0 15px 15px 0;font-family:Arial;cursor:pointer;transition:.2s}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper .genre-content .genre-item:hover{border-color:#000}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper .genre-content .genre-item.active-genre{background-color:#000;border-color:#000;color:#fff}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper::-webkit-scrollbar-track{border-radius:4px;background-color:#fff}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper::-webkit-scrollbar{width:5px}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper::-webkit-scrollbar-thumb{border-radius:8px;background-color:#ccc}.preferred-genres-wrapper .right-side .right-side-main-content .right-btn{position:absolute;background-color:#fff;bottom:84px;height:72px;display:flex;align-items:center;margin-left:-100px;margin-left:calc(var(--mainPadding)*-1);width:100%;padding:0 100px;padding:0 var(--mainPadding);box-shadow:0 0 4px 1px rgba(0,0,0,.06)}.preferred-genres-wrapper .right-side .right-side-main-content .right-btn .link-button{width:100%;background-color:#000;font-size:14px}.preferred-genres-wrapper .right-side .right-side-main-content .right-btn.disabled-btn .link-button{background-color:#393939}.preferred-genres-wrapper .right-side .right-side-main-content .right-btn.fixed-bottom{bottom:0}@media screen and (max-width:1000px){.preferred-genres-wrapper .left-side .left-bottom-part .app-btn:first-child{margin-right:30px}.preferred-genres-wrapper .right-side .right-side-main-content .social-sign-in-wrapper{width:100%}}@media screen and (max-width:800px){.preferred-genres-wrapper{overflow:unset;flex-direction:column}.preferred-genres-wrapper .left-side{display:none}.preferred-genres-wrapper .right-side{width:100%;padding-bottom:257px;height:100%}.preferred-genres-wrapper .right-side .right-side-main-content{margin-top:30px}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper{height:calc(100vh - 350px)}.preferred-genres-wrapper .right-side .right-side-main-content .preferred-list-wrapper.long-content{height:calc(100vh - 232px)}.preferred-genres-wrapper .right-side .right-side-main-content .right-btn{bottom:128px}}.upload-app-wrapper{position:fixed;top:0;left:0;right:0;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column-reverse;justify-content:flex-start;background-color:#000}.upload-app-wrapper picture{flex-grow:1}.upload-app-wrapper .login-bg{width:100%;height:100%;object-fit:cover}.upload-app-wrapper .upload-app-content .logo-wrapper{background-color:#000;color:#fff;display:flex;padding:20px 20px 0;align-items:center}.upload-app-wrapper .upload-app-content .logo-wrapper img{width:40px;height:40px;margin-right:12px}.upload-app-wrapper .upload-app-content .upload-app-description{background-color:#000;padding:20px;font-size:18px;font-family:Arial;line-height:28px;color:#fff}.upload-app-wrapper .upload-app-content .download-btn-wrapper{background-color:#000;padding:20px}.upload-app-wrapper .upload-app-content .download-btn-wrapper .download-btn{width:100%;padding:12px 32px;font-size:16px;font-family:Arial;font-weight:700;border-radius:4px;background-color:#fff;transition:.3s}.upload-app-wrapper .upload-app-content .download-btn-wrapper .download-btn:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}.podcast-wrapper .top-img{width:100%}.podcast-wrapper .podcast-list-wrapper{padding:42px 100px;padding:42px var(--mainPadding);display:flex}.podcast-wrapper .podcast-list-wrapper .podcast-content{width:100%;margin-bottom:20px}.podcast-wrapper .podcast-list-wrapper .podcast-content>div{padding-top:100%;position:relative;background:#f3f3f5;border-radius:6px}.podcast-wrapper .podcast-list-wrapper .podcast-content>div>div{display:flex;color:#d0d0d0;font-size:8vw;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0}.podcast-wrapper .podcast-list-wrapper .podcast-content>div>div img{width:100%;height:100%;object-fit:cover}.podcast-wrapper .podcast-list-wrapper .add-podcast-wrapper{width:19%;margin-right:1%;position:relative;display:flex}.podcast-wrapper .podcast-list-wrapper .add-podcast-wrapper:hover{cursor:pointer}.podcast-wrapper .podcast-list-wrapper .podcast-list-content{width:100%;display:flex;flex-wrap:wrap}.podcast-wrapper .podcast-list-wrapper .podcast-list-content>div,.podcast-wrapper .podcast-list-wrapper .podcast-list-content a{width:calc((100% - 88px)/6);margin-right:22px}.podcast-wrapper .podcast-list-wrapper .podcast-list-content>div .playlist-item,.podcast-wrapper .podcast-list-wrapper .podcast-list-content a .playlist-item{width:100%}@media (max-width:1050px){.podcast-wrapper .podcast-list-wrapper .podcast-list-content>div,.podcast-wrapper .podcast-list-wrapper .podcast-list-content a{width:calc((100% - 88px)/5)}}@media (max-width:750px){.podcast-wrapper .podcast-list-wrapper .podcast-list-content>div,.podcast-wrapper .podcast-list-wrapper .podcast-list-content a{width:calc((100% - 88px)/4)}}@media (max-width:550px){.podcast-wrapper .podcast-list-wrapper .podcast-list-content>div,.podcast-wrapper .podcast-list-wrapper .podcast-list-content a{width:calc((100% - 66px)/3)}}@media (max-width:400px){.podcast-wrapper .podcast-list-wrapper .podcast-list-content>div,.podcast-wrapper .podcast-list-wrapper .podcast-list-content a{width:calc((100% - 50px)/2)}}.add-podcast-dropdown-wrapper{position:absolute;padding:16px;top:0;left:100%;background-color:#fff;z-index:101;border-radius:8px;width:411px;height:188px;margin-left:8px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.add-podcast-dropdown-wrapper .add-podcast-content{display:flex;justify-content:space-between;width:100%}.add-podcast-dropdown-wrapper .add-podcast-content .add-podcast-update{width:106px;height:106px}.add-podcast-dropdown-wrapper .add-podcast-content .podcast-form{width:calc(100% - 120px)}.add-podcast-dropdown-wrapper .add-podcast-content .podcast-form .custom-input-group input,.add-podcast-dropdown-wrapper .add-podcast-content .podcast-form .custom-input-group textarea{margin-bottom:8px}.add-podcast-dropdown-wrapper .add-podcast-content .podcast-form .custom-input-group textarea{height:64px}.add-podcast-dropdown-wrapper .add-podcast-content .podcast-form .description-wrapper{position:relative}.add-podcast-dropdown-wrapper .add-podcast-content .podcast-form .description-wrapper .description-length{position:absolute;z-index:1;right:5px;bottom:15px;font-size:8px;line-height:10px;color:#b5bac1}.add-podcast-dropdown-wrapper .btns-wrapper{display:flex;justify-content:flex-end;align-items:center;text-transform:uppercase;font-weight:500;font-size:14px;margin-top:10px;width:100%}.add-podcast-dropdown-wrapper .btns-wrapper .link-button{text-transform:uppercase;height:30px;font-size:13px;padding:4px 16px;margin-left:16px;border-radius:4px;width:unset}.add-podcast-dropdown-wrapper:before{content:"";border-bottom:15px solid #fff;border-right:14px solid transparent;border-left:14px solid transparent;position:absolute;top:50%;left:-21px;transform:translateY(-50%) rotate(-90deg);z-index:10}.add-podcast-dropdown-wrapper:after{content:"";border-bottom:14px solid #ebe9e9;border-right:15px solid transparent;border-left:15px solid transparent;position:absolute;top:calc(50% + 2px);left:-22px;transform:translateY(-50%) rotate(-90deg);z-index:9}@media (max-width:500px){.add-podcast-dropdown-content{padding:12px!important;margin-left:-20px;width:230px!important}}.podcast-image-uploader .img-selector{transition:all .2s linear;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#e6e6e6;color:#fff;width:106px;height:106px;font-size:12px;font-weight:400;border-radius:6px;overflow:hidden}.podcast-image-uploader .img-selector img{width:100%;height:100%;object-fit:cover}.podcast-image-uploader .img-selector span{width:100%}.podcast-image-uploader .img-selector .uploader-wrapper{display:flex;align-items:center;flex-direction:column;justify-content:center}.podcast-image-uploader input{display:none}.user-podcast-item{width:100%;margin-right:1%;margin-bottom:16px}.user-podcast-item .podcast-img-wrapper{width:100%;padding-top:100%;position:relative}.user-podcast-item .podcast-img-wrapper .selected-podcast{position:absolute;top:5px;right:5px;z-index:100}.user-podcast-item .podcast-img-wrapper .img-content{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:6px;overflow:hidden;display:flex;flex-flow:wrap}.user-podcast-item .podcast-img-wrapper .img-content img{width:50%;height:50%}.user-podcast-item .podcast-img-wrapper .img-content.user-podcast-img-content,.user-podcast-item .podcast-img-wrapper .img-content.user-podcast-img-content img{width:100%;height:100%}.user-podcast-item .podcast-img-wrapper .add-podcast-dropdown-content:before{top:14px;left:-20px;right:unset;transform:rotate(-90deg)}.user-podcast-item .podcast-img-wrapper .add-podcast-dropdown-content:after{top:16px;right:unset;left:-21px;transform:rotate(-90deg)}.user-podcast-item .podcast-item-content{width:100%;color:#000;display:block;position:relative}.user-podcast-item .podcast-item-content .more-icon{position:absolute;top:5px;right:0;z-index:90}.user-podcast-item .podcast-item-content .card-actions{width:150px;position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:12px;top:-7px;left:100%;background-color:#fff;z-index:101;border-radius:8px;margin-left:8px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1)}.user-podcast-item .podcast-item-content .card-actions .action{display:flex;align-items:center;font-size:15px;margin-bottom:4px;cursor:pointer}.user-podcast-item .podcast-item-content .card-actions .action svg{width:15px;height:15px;margin-right:10px}.user-podcast-item .podcast-item-content .card-actions .action svg path{fill:#454545}.user-podcast-item .podcast-item-content .card-actions:before{content:"";border-bottom:12px solid #fff;border-right:11px solid transparent;border-left:11px solid transparent;position:absolute;top:20px;left:-17px;transform:translateY(-50%) rotate(-90deg);z-index:10}.user-podcast-item .podcast-item-content .card-actions:after{content:"";border-bottom:11px solid #ebe9e9;border-right:12px solid transparent;border-left:12px solid transparent;position:absolute;top:22px;left:-18px;transform:translateY(-50%) rotate(-90deg);z-index:9}.user-podcast-item .podcast-item-content .podcast-item-title{font-weight:600;font-size:16px;line-height:24px;height:24px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-podcast-item .podcast-item-content .items-count{color:#979799;font-size:15px;line-height:18px}@media screen and (max-width:1024px){.user-podcast-item .add-podcast-dropdown-content{padding:12px!important;width:160px!important}}@media screen and (min-width:551px)and (max-width:1024px){.user-podcast-item:nth-child(5n) .card-actions,.user-podcast-item:nth-child(5n+4) .card-actions{left:unset;right:35px;margin-left:8px}.user-podcast-item:nth-child(5n) .card-actions:before,.user-podcast-item:nth-child(5n+4) .card-actions:before{top:12px;left:unset;right:-17px;transform:rotate(90deg)}.user-podcast-item:nth-child(5n) .card-actions:after,.user-podcast-item:nth-child(5n+4) .card-actions:after{top:14px;left:unset;right:-18px;transform:rotate(90deg)}.user-podcast-item:nth-child(5n) .add-podcast-dropdown-content,.user-podcast-item:nth-child(5n+4) .add-podcast-dropdown-content{padding:12px;top:0;left:unset;right:35px;width:160px;margin-left:0}.user-podcast-item:nth-child(5n) .add-podcast-dropdown-content .card-title,.user-podcast-item:nth-child(5n+4) .add-podcast-dropdown-content .card-title{font-size:14px}.user-podcast-item:nth-child(5n) .add-podcast-dropdown-content .btns-wrapper,.user-podcast-item:nth-child(5n+4) .add-podcast-dropdown-content .btns-wrapper{font-size:12px;justify-content:space-between}.user-podcast-item:nth-child(5n) .add-podcast-dropdown-content .btns-wrapper .link-button,.user-podcast-item:nth-child(5n+4) .add-podcast-dropdown-content .btns-wrapper .link-button{font-size:12px;padding:4px 10px}.user-podcast-item:nth-child(5n) .add-podcast-dropdown-content:before,.user-podcast-item:nth-child(5n+4) .add-podcast-dropdown-content:before{top:14px;right:-20px;left:unset;transform:rotate(90deg)}.user-podcast-item:nth-child(5n) .add-podcast-dropdown-content:after,.user-podcast-item:nth-child(5n+4) .add-podcast-dropdown-content:after{top:16px;left:unset;right:-21px;transform:rotate(90deg)}}@media (max-width:700px){.user-podcast-item .podcast-item-content .podcast-item-title{font-size:12px;line-height:18px;height:18px}}@media (min-width:401px)and (max-width:550px){.user-podcast-item .add-podcast-dropdown-content{margin-right:0;margin-left:8px}.user-podcast-item:nth-child(4n) .card-actions,.user-podcast-item:nth-child(4n+3) .card-actions{left:unset;right:35px;margin-left:0}.user-podcast-item:nth-child(4n) .card-actions:before,.user-podcast-item:nth-child(4n+3) .card-actions:before{top:12px;left:unset;right:-17px;transform:rotate(90deg)}.user-podcast-item:nth-child(4n) .card-actions:after,.user-podcast-item:nth-child(4n+3) .card-actions:after{top:14px;left:unset;right:-18px;transform:rotate(90deg)}.user-podcast-item:nth-child(4n) .add-podcast-dropdown-content,.user-podcast-item:nth-child(4n+3) .add-podcast-dropdown-content{padding:12px;top:0;left:unset;right:35px;width:160px;margin-left:0}.user-podcast-item:nth-child(4n) .add-podcast-dropdown-content .card-title,.user-podcast-item:nth-child(4n+3) .add-podcast-dropdown-content .card-title{font-size:14px}.user-podcast-item:nth-child(4n) .add-podcast-dropdown-content .btns-wrapper,.user-podcast-item:nth-child(4n+3) .add-podcast-dropdown-content .btns-wrapper{font-size:12px;justify-content:space-between}.user-podcast-item:nth-child(4n) .add-podcast-dropdown-content .btns-wrapper .link-button,.user-podcast-item:nth-child(4n+3) .add-podcast-dropdown-content .btns-wrapper .link-button{font-size:12px;padding:4px 10px}.user-podcast-item:nth-child(4n) .add-podcast-dropdown-content:before,.user-podcast-item:nth-child(4n+3) .add-podcast-dropdown-content:before{top:14px;right:-20px;left:unset;transform:rotate(90deg)}.user-podcast-item:nth-child(4n) .add-podcast-dropdown-content:after,.user-podcast-item:nth-child(4n+3) .add-podcast-dropdown-content:after{top:16px;left:unset;right:-21px;transform:rotate(90deg)}}@media (max-width:400px){.user-podcast-item .card-actions{width:90px!important;padding:8px!important}.user-podcast-item .add-podcast-dropdown-content{margin-right:0;margin-left:8px}.user-podcast-item:nth-child(3n) .card-actions,.user-podcast-item:nth-child(3n+2) .card-actions{left:unset;right:35px;margin-left:0}.user-podcast-item:nth-child(3n) .card-actions:before,.user-podcast-item:nth-child(3n+2) .card-actions:before{top:12px;left:unset;right:-17px;transform:rotate(90deg)}.user-podcast-item:nth-child(3n) .card-actions:after,.user-podcast-item:nth-child(3n+2) .card-actions:after{top:14px;left:unset;right:-18px;transform:rotate(90deg)}.user-podcast-item:nth-child(3n) .add-podcast-dropdown-content,.user-podcast-item:nth-child(3n+2) .add-podcast-dropdown-content{padding:12px;top:0;left:unset;right:35px;width:160px;margin-left:0}.user-podcast-item:nth-child(3n) .add-podcast-dropdown-content .card-title,.user-podcast-item:nth-child(3n+2) .add-podcast-dropdown-content .card-title{font-size:14px}.user-podcast-item:nth-child(3n) .add-podcast-dropdown-content .btns-wrapper,.user-podcast-item:nth-child(3n+2) .add-podcast-dropdown-content .btns-wrapper{font-size:12px;justify-content:space-between}.user-podcast-item:nth-child(3n) .add-podcast-dropdown-content .btns-wrapper .link-button,.user-podcast-item:nth-child(3n+2) .add-podcast-dropdown-content .btns-wrapper .link-button{font-size:12px;padding:4px 10px}.user-podcast-item:nth-child(3n) .add-podcast-dropdown-content:before,.user-podcast-item:nth-child(3n+2) .add-podcast-dropdown-content:before{top:14px;right:-20px;left:unset;transform:rotate(90deg)}.user-podcast-item:nth-child(3n) .add-podcast-dropdown-content:after,.user-podcast-item:nth-child(3n+2) .add-podcast-dropdown-content:after{top:16px;left:unset;right:-21px;transform:rotate(90deg)}}.podcast-header{display:flex;width:100%;margin-bottom:40px;border-bottom:1px solid #ebe9e9}.podcast-header .back{display:flex;align-items:center;justify-content:center;margin-right:20px;cursor:pointer}.podcast-header .back svg{width:24px;height:24px;transform:rotate(90deg)}.podcast-header .podcast-title{color:#000;font-size:40px;font-weight:700;overflow:hidden;margin-bottom:4px;margin-top:2px;white-space:nowrap;text-overflow:ellipsis}.podcast-header .podcast-count{color:#aaa;font-weight:400;font-size:18px;margin-bottom:16px}.podcast-header .podcast-count.artists{color:#777;overflow:hidden;height:22px;text-overflow:ellipsis;white-space:nowrap}.podcast-header .podcast-count.artists .artists-item.active-artist:hover{color:#333}.podcasts-track-list{width:100%}.podcasts-track-list .track-item{width:calc(100% - 22px)}.podcasts-track-list .track-item .track-item-content{width:calc(100% - 70px)}.podcasts-track-list .playlist-item{width:100%}.create-track{width:33%}.create-track .action-buttons{display:flex;justify-content:space-between}.create-track .action-buttons .podcast-song-uploader,.create-track .action-buttons>.link-button{width:48%}.create-track .action-buttons .link-button{font-size:14px}.create-track .progress-wrapper{margin-top:5px;height:20px;display:flex;align-items:center;visibility:hidden}.create-track .progress-wrapper.show{visibility:visible}.create-track .progress-wrapper .percent{font-size:11px;padding-left:5px}.create-track .progress-wrapper .progress{flex:1 1;display:flex;overflow:hidden;height:10px;border-radius:50px;background-color:#ecf0f1}.create-track .progress-wrapper .progress-bar{overflow:hidden;text-align:center;border-radius:inherit;background-color:#1e90ff;transition:width .25s linear}.create-track .progress-wrapper .progress-bar-animated{position:relative}.create-track .progress-wrapper .progress-bar-animated:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.7));transform:translateX(-100%);-webkit-animation:progress-bar-shine 2s infinite;animation:progress-bar-shine 2s infinite}@-webkit-keyframes progress-bar-shine{to{transform:translateX(0);opacity:.1}}@keyframes progress-bar-shine{to{transform:translateX(0);opacity:.1}}.podcast-song-uploader{display:flex;flex-direction:column}.podcast-song-uploader input{display:none}.podcast-song-uploader .error-message{color:red;font-size:14px;margin-top:5px}.podcast-song-uploader .song-upload-button{background-color:#0a0a0a;transition:all .3s}.podcast-song-uploader .song-upload-button span{display:flex;align-items:center}.podcast-song-uploader .song-upload-button.error{background-color:#fff;border:1px solid red}.podcast-song-uploader .song-upload-button.error span{color:red}:root{--brandColor:#ff1f3a;--brandSecColor:#ff7f45;--mainPadding:100px;--halfMainPadding:50px}@media(max-width:1400px){:root{--mainPadding:80px;--halfMainPadding:40px}}@media(max-width:1300px){:root{--mainPadding:60px;--halfMainPadding:30px}}@media(max-width:1100px){:root{--mainPadding:30px}}@media(max-width:800px){:root{--mainPadding:20px}}@media(max-width:600px){:root{--mainPadding:15px}}@media(max-width:500px){:root{--mainPadding:10px}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{font-family:Regular,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button{cursor:pointer;border:none;padding:0;user-focus:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}button:focus{outline:none}img{user-focus:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}p{margin-bottom:0}a,a:hover{text-decoration:none;color:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*# sourceMappingURL=main.8708e266.chunk.css.map */