body{background:#181818;font-family:Proxima Nova,Georgia,sans-serif;color:#fff;margin:0 auto;padding:0;cursor:default}.app{display:flex;position:relative}.app .main-section{position:relative;margin:auto auto 100px}.app .main-section-container{position:relative;top:50px;padding-bottom:50px}@media (max-width:1100px){.app .main-section{padding-left:200px}.app .right-section{display:none}}@media (max-width:700px){.app .main-section{padding-left:0}.app .left-section{display:none}}.spinner-container{width:100%;height:100%;display:table}.spinner-container.section .sk-circle{top:-90px}.spinner-container.section .sk-circle .sk-child:before{background-color:#b6b7b6}@media (max-width:1100px) and (min-width:600px){.spinner-container.section .sk-circle{left:23%}}.sk-circle{width:80px;height:80px;position:fixed;margin:auto;top:0;left:0;bottom:0;right:0}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#1cd760;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;animation:sk-circleBounceDelay 1.2s ease-in-out infinite both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.side-menu-container{padding:20px;color:#b3b3b3;margin:0}.side-menu-container .menu-item{list-style-type:none;line-height:28px;font-size:14px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;width:170px}.side-menu-container .menu-item:hover{color:#fff}.side-menu-container .menu-item.active:before{content:"";position:relative;left:-18px;border-left:3px solid #1db954}.side-menu-container .library-header{font-weight:300;text-transform:uppercase;font-family:Proxima Thin,Georgia,sans-serif;font-size:12px;margin:0;padding:30px 0 5px;letter-spacing:1px}.side-menu-container .radio{margin-bottom:20px}.side-menu-container .user-playlist-container{padding-bottom:320px;color:#b3b3b3;margin:0 0 30px}.left-section{height:100%;width:100%;z-index:100;overflow:hidden;position:fixed;top:0;bottom:10px;width:210px;background-color:#0e0e10}.left-section .side-menu-container{position:absolute;top:0;bottom:0;left:0;right:-17px;overflow-y:scroll}.left-section .buttom-section{text-align:center;width:210px;position:fixed;bottom:75px}.left-section .buttom-section .new-playlist{height:40px;padding-top:20px;color:#b3b3b3;background-color:#0e0e10;border-top:1px solid #2c2c2c;font-family:Proxima Thin,Georgia,sans-serif}.left-section .buttom-section .new-playlist:hover{color:#fff;cursor:pointer}.left-section .buttom-section .new-playlist .fa{padding-right:5px}.details-container{display:flex;justify-content:flex-end;padding:10px 0;background:#181818}.details-container .user-image{border-radius:50%;height:30px}.details-container .user-name{color:#fff;font-size:14px;position:relative;top:-5px;margin-left:10px;padding-right:10px}.main-header{position:fixed;z-index:1000;display:flex;height:50px;margin:auto;right:0;left:0;justify-content:space-between;background:#181818;width:1300px}@media (max-width:1760px){.main-header{width:1200px}}@media (max-width:1650px){.main-header{width:69%}}@media (max-width:1400px){.main-header{width:60%}}@media (max-width:1100px){.main-header{width:74%;left:220px}}@media (max-width:850px){.main-header{width:65%;left:220px}}@media (max-width:700px){.main-header{width:90%;left:0}}@-webkit-keyframes slideshow{0%{left:0}to{left:-200%}}@keyframes slideshow{0%{left:0}to{left:-200%}}.add-remove-section{display:flex}.add-remove-section i{width:20px;margin-top:9px;margin-left:10px;font-size:23px;-webkit-text-stroke:4px #282828!important;color:#ccc}.add-remove-section i:hover{color:#fff}.add-remove-section i:active{color:#aaa}.add-remove-section .fa-check{color:#01da01}.add-remove-section .fa-check:hover:before{content:"\F00D"}.song-sider-container{display:flex;width:40%;align-items:center;margin:0 auto}.song-sider-container span{font-size:10px;color:#aaa}.song-sider-container span:first-of-type{padding-right:4px}.song-sider-container span:last-of-type{padding-left:4px}.song-sider-container .song-sider{margin:0 auto;width:90%;height:4px;background-color:#696969;transition:width .1s;border-radius:4px}.song-sider-container .song-sider .position-sider{background-color:#ccc}.song-sider-container .song-sider .handler-sider{display:none}.song-sider-container .song-sider:hover .position-sider{background-color:#21cc44!important}.song-sider-container .song-sider:hover .handler-sider{display:block;background:#fff;height:10px;width:10px;border-radius:5px;margin-top:-7px}.player-container .details-section,.player-container .volume-control-container{white-space:nowrap;overflow:hidden;position:absolute;height:56px;width:200px;line-height:14px;cursor:default;text-overflow:ellipsis}.player-container .details-section{left:20px;top:7px}@media (max-width:700px){.player-container .details-section{width:150px}}@media (max-width:550px){.player-container .details-section{width:100px}}.player-container .volume-control-container{right:20px;top:37px;display:flex}@media (max-width:750px){.player-container .volume-control-container{display:none}}.player-container .volume-control-container .fa{color:#ddd}.player-container .volume-control-container .fa:hover{color:#fff}.player-container .volume-control-container .fa:active{color:#aaa}.player-container .volume-control-container .fa-desktop{margin-right:30px;font-size:13px}.player-container .volume-control-container .volume-sider-container{max-width:100px;width:100%;margin-top:-2px}.player-container .volume-control-container .volume-sider-container .fa{padding-right:7px;width:20px}.player-container .volume-control-container .volume-sider-container .volumen{padding-right:2px}.player-container .volume-control-container .volume-sider-container .volume-sider{margin-bottom:4px;padding-left:10px;display:inline-block;width:80%;height:4px;background-color:#696969;transition:width .1s;border-radius:4px}.player-container .volume-control-container .volume-sider-container .volume-sider .position-sider{background-color:#ccc}.player-container .volume-control-container .volume-sider-container .volume-sider .handler-sider{display:inline}.player-container .volume-control-container .volume-sider-container .volume-sider:hover .position-sider{background-color:#21cc44!important}.player-container .volume-control-container .volume-sider-container .volume-sider:hover .handler-sider{display:block;background:#fff;height:10px;width:10px;border-radius:5px;margin-top:-7px}.player-container .song-name{font-family:Proxima Nova,Georgia,sans-serif;color:#fff;font-size:14px;margin-bottom:10px;text-overflow:ellipsis;overflow:hidden}.player-container .song-name:hover{text-decoration:underline;color:#fff}.player-container .song-name.overflow{transition:5.3s;transition-timing-function:linear}.player-container .song-name.overflow:hover{margin-left:-180px;text-overflow:clip;text-decoration:underline;color:#fff}.player-container .repeat-song.active i,.player-container .shuffle-song.active i{color:#21cc44}.player-container .repeat-song.active i:hover,.player-container .shuffle-song.active i:hover{color:#10ff41}@media (max-width:700px){.player-container .repeat-song,.player-container .shuffle-song{display:none}}.player-container .song-control .fa{padding:0 20px;-webkit-text-stroke:1px #282828;color:#ccc}.player-container .song-control .fa.play-btn{-webkit-text-stroke:3px #282828}.player-container .song-control .fa:hover{color:#fff}.player-container .song-control .fa:active{color:#aaa!important}.song-control{margin-top:20px}.control-btn,.song-control{justify-content:center;display:flex}.control-btn.play-btn{position:relative;top:-10px;font-size:35px;-webkit-text-stroke:2px #333}.control-btn.play-btn:hover{font-size:39px;margin:-2px}.control-btn.play-btn:active{font-size:35px;margin:0}.artist-name .artist:hover{text-decoration:underline;color:#fff}.devices-container .overlay.active{opacity:0}.devices{position:fixed;z-index:1000000000;background:#282828;padding:10px;width:230px;bottom:65px;right:89px;min-height:200px;text-align:center;border-radius:6px;box-shadow:0 5px 5px -5px #000}.devices.hide{display:none}.devices .devices-header{margin:10px 0}.devices .devices-header h4{display:inline;padding-right:10px}.devices .devices-header i{float:right;margin-right:10px;margin-top:-2px}.devices img{width:100%}.devices .no-results{font-size:13px;color:#ccc;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.devices .no-results div{margin:15px 0}.devices .learn-more{height:25px;width:110px;border-radius:25px;background-color:#0296e0;border:0;color:#fff;margin-top:20px;margin-bottom:10px}.devices .learn-more:hover{background-color:#23a6e8}.devices .learn-more:active{background-color:#045d8a}.devices .triangle{background:#282828;height:20px;width:20px;position:absolute;top:1;bottom:-9px;left:0;right:0;box-shadow:4px 4px 7px -5px #000;margin:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.devices .device{display:flex;padding:10px 0}.devices .device:last-of-type{margin-bottom:20px}.devices .device:hover{background-color:#3a3939}.devices .device .icon{font-size:40px;width:40px;text-align:center;margin-right:12px;padding-left:10px}.devices .device .details{text-align:left}.devices .device .details h4{font-size:14px;margin:5px 0 2px}.devices .device .details span{color:#aaa;font-size:11px}.devices .device.active,.devices .device.active .fa,.devices .device.active span{color:green}.browse-title{padding-top:20px;padding-bottom:5px;margin-left:10px;border-bottom:1px solid #2d2c2c}.browse-container{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;padding:0}.browse-container .toplists{width:100%}.browse-container .category-item{padding:10px;list-style-type:none;line-height:28px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:200px;cursor:pointer}.browse-container .category-item:hover .category-name{border-bottom:1px solid #fff}.browse-container .category-item .category-image{position:relative}.browse-container .category-item .category-image img{width:100%}.browse-container .category-item .category-image.playlist:hover{opacity:.7}.browse-container .category-item .category-image.playlist:active{opacity:.3}.browse-container .category-item .category-name{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);font-size:15px}.browse-container .album-artists{color:#ccc}.browse-container .album-artist,.browse-container .album-artists,.browse-container .album-title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browse-container .album-artist:hover,.browse-container .album-title:hover{text-decoration:underline;color:#fff}.browse-headers{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:20px 20px 0}@media (max-width:850px){.browse-headers{display:grid;text-align:right}.browse-headers p{display:inline;margin-top:10px!important}.browse-headers .active{border-bottom:2px solid #1db954}.browse-headers .active:after{width:0}}@media (max-width:850px) and (max-width:700px){.browse-headers{width:98%}}.browse-headers .active{position:relative;border-bottom:2px solid #1db954;padding-bottom:2px}.browse-headers p{color:#b3b3b3;font-size:14px;text-transform:uppercase;font-family:Proxima Nova,Georgia,sans-serif;letter-spacing:1px;margin:0 20px;cursor:pointer}.browse-headers p:first-child{margin:0 20px 0 0}.browse-headers p:hover{color:#fff}.section-title{font-size:34px;font-weight:800;padding:0 0 20px;font-family:Proxima Bold,Georgia,sans-serif}.playlist-table{display:block;margin:0 auto}@media (max-width:900px){.playlist-table{width:90%}}.draggingLine{border-bottom:1px solid #21cc44!important;z-index:1!important}.user-song-item{list-style-type:none;border-bottom:1px solid #666;display:flex;line-height:20px;font-size:14px}.user-song-item .add-remove-section{width:40px}.user-song-item .add-remove-section .fa{color:#ccc;margin-top:12px;margin-left:12px;text-align:center;-webkit-text-stroke:4px #181818!important}.user-song-item:hover{background:#333}.user-song-item:hover .add-remove-section .fa{-webkit-text-stroke:4px #333!important}.user-song-item:hover>.play-song{opacity:1}.user-song-item.active{color:#1db954;background:#333}.user-song-item.active .add-remove-section .fa{-webkit-text-stroke:4px #333!important}.user-song-item.active .fa-pause-circle-o{font-size:30px!important;top:7.5px!important;-webkit-text-stroke:2px #333}.user-song-item.active .play-song{opacity:1}.user-song-item.active .play-song .fa{color:#ccc;-webkit-text-stroke:1px #333;font-size:25px;top:11.5px}.user-song-item.active .play-song .fa:first-of-type{display:none}.user-song-item.active:hover .fa-plus{display:inline!important}.user-song-item.active:hover .play-song .fa:first-of-type{display:initial}.user-song-item.active:hover .play-song .fa:last-of-type{display:none}.user-song-item .play-song{width:40px;opacity:0;text-align:center}.user-song-item .play-song .fa{font-size:30px;position:relative;top:7.5px;color:#ccc;cursor:pointer;-webkit-text-stroke:2px #333;left:5px}.user-song-item .play-song .fa:hover{color:#fff}.user-song-item .play-song .fa:active{color:#aaa}.add-song{font-size:20px;cursor:pointer;z-index:1;width:20px;color:#fff}.add-song .fa{-webkit-text-stroke:3px #181818}.add-song .fa:hover{-webkit-text-stroke:2px #181818}.song-album p,.song-artist p,.song-length p,.song-title p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;line-height:20px;cursor:pointer}.song-length,.song-length-header{width:60px}.song-added,.song-added-header{width:80px}.song-album,.song-album-header{display:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:850px){.song-album,.song-album-header{display:none}}.song-artist,.song-artist-header{width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:800px){.song-artist,.song-artist-header{width:35%!important}}@media (max-width:550px){.song-artist,.song-artist-header{display:none}}.song-title,.song-title-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:250px}@media (max-width:800px){.song-title,.song-title-header{width:35%!important}}@media (max-width:550px){.song-title,.song-title-header{width:60%!important}}.song-album-header,.song-artist-header,.song-length-header,.song-title-header{text-align:left}.song-album-header p:hover,.song-artist-header p:hover,.song-length-header p:hover,.song-title-header p:hover{color:#fff;cursor:default}.song-album-header p,.song-artist-header p,.song-length-header p,.song-title-header p{font-family:Proxima Thin,Georgia,sans-serif;text-transform:uppercase;font-size:12px;color:#ccc;padding:0 15px}.song-length-header .fa-clock-o{font-size:17px;color:#ccc;padding-top:10px}.song-length-header .fa-clock-o:hover{color:#fff}.song-added-header{width:80px;color:#ccc}.song-added-header .fa-calendar-plus-o{padding-top:10px}.song-added-header:hover{color:#fff}.song-added,.song-added-header,.song-length,.song-length-header{color:#aaa}@media (max-width:1150px){.song-added,.song-added-header,.song-length,.song-length-header{display:none}}.song-header-container{display:flex;border-bottom:1px solid #666;padding-bottom:6px;margin-top:20px}.song-title,.song-title-header{width:25%}@media (max-width:850px){.song-title,.song-title-header{width:50%}}.song-album,.song-album-header{width:25%}.song-album-header .album:hover,.song-album .album:hover{text-decoration:underline}.song-artist,.song-artist-header{width:20%}.song-artist-header .artist:hover,.song-artist .artist:hover{text-decoration:underline}@media (max-width:1150px){.song-artist,.song-artist-header{width:30%}}@media (max-width:850px){.song-artist,.song-artist-header{width:50%}}.song-added,.song-added-header{width:10%}@media (max-width:1300px){.song-added,.song-added-header{display:none}}.empty-section{text-align:center;padding-top:20px}.empty-section h3{font-size:30px}.empty-section p{font-size:20px}.main-pause-play-btn{background:#1db954;font-family:Proxima Nova,Georgia,sans-serif;color:#fff;border:none;border-radius:20px;padding:10px;width:100px;font-size:14px;letter-spacing:1px;outline:none;transition:background-color .2s ease-in-out}.main-pause-play-btn:hover{background:#21cc5d}.main-pause-play-btn:active{background:#19a74b}.header-title{font-size:48px;margin:25px 0}.header-title.playlist{margin:0}.playlist-image-container.edit{cursor:pointer}.playlist-image-container.edit .fa{display:none}.playlist-image-container.edit:hover .playlist-image{opacity:.6}.playlist-image-container.edit:hover .fa{position:absolute;font-size:58px;z-index:100;left:95px;top:90px;display:block}@media (max-width:900px){.playlist-image-container.edit:hover{height:234px}.playlist-image-container.edit:hover .fa{position:relative;font-size:58px;z-index:100;left:5px;top:-155px;display:block}}.playlist-image-container .playlist-image{width:230px;box-shadow:0 4px 8px 0 rgba(0,0,0,.103),0 6px 15px 0 rgba(0,0,0,.075)}.playlist-title-container{display:flex;padding-top:15px}@media (max-width:900px){.playlist-title-container{display:block;text-align:center}.playlist-title-container .playlist-info-container{padding-left:0}.playlist-title-container .btns-section{display:block}.playlist-title-container .btns-section div{display:block;width:100%;margin:15px auto}.playlist-title-container .btns-section div:last-of-type button{margin-top:-10px}}.playlist-info-container{padding-left:20px;position:relative;top:5px;width:100%}.playlist-info-container .created-by,.playlist-info-container .description,.playlist-info-container .followers{font-family:Proxima Thin,Georgia,sans-serif;font-size:13px}.playlist-info-container .created-by .artist-link,.playlist-info-container .description .artist-link,.playlist-info-container .followers .artist-link{color:#fff;cursor:default}.playlist-info-container .created-by .artist-link:hover,.playlist-info-container .description .artist-link:hover,.playlist-info-container .followers .artist-link:hover{text-decoration:underline}.playlist-info-container .followers{float:right;text-align:right;letter-spacing:1px;font-size:12px;margin-top:10px}@media (max-width:900px){.playlist-info-container .followers{float:none;text-align:center}}.playlist-info-container .description{margin:10px 0 0;color:#aaa}.playlist-info-container .created-by{margin-top:10px;color:#aaa;padding:8px 0}.playlist-info-container .created-by .artist{padding-bottom:10px}.playlist-info-container .lighter-text{font-family:Proxima Nova,Georgia,sans-serif;color:#fff}.playlist-text{font-family:Proxima Thin,Georgia,sans-serif;letter-spacing:1px;font-size:12px;margin:20px 0 0}.follow-btn,.menu-btn{background:#000;opacity:.7;font-family:Proxima Nova,Georgia,sans-serif;color:#fff;border:1px solid #bbb;padding:10px;letter-spacing:1px;transition:border .4s ease-in-out}.follow-btn:hover,.menu-btn:hover{border:1px solid #fff}.follow-btn:active,.menu-btn:active{border:1px solid #aaa}.menu-btn{border-radius:25px;width:38px;margin-top:10px;font-size:15px;margin-left:50px}.btns-section{display:inline-flex}.btns-section div{width:110px}.follow-btn,.main-pause-play-btn{margin:10px 0;font-size:13px}.follow-btn{border-radius:20px;width:150px}.follow-btn.following{color:#00ff5b}.follow-btn.following:after{content:"FOLLOWING"}.follow-btn.following:hover:after{content:"UNFOLLOW"}.current-artist-header-container{display:flex}.current-artist-header-container .current-artist-image{width:100%;height:400px;object-fit:cover;object-position:50% 25%;opacity:.7}.current-artist-header-container .current-artist-info{position:absolute;display:flex;flex-direction:column;justify-content:center;padding-left:20px;top:185px}.current-artist-header-container .current-artist-info h3{font-size:70px;margin-bottom:0}.current-artist-header-container .current-artist-info p{text-transform:uppercase;font-family:Proxima Thin,Georgia,sans-serif;font-size:13px}@media (max-width:900px){.current-artist-header-container .current-artist-image{height:300px}.current-artist-header-container .current-artist-info{top:150px}.current-artist-header-container .current-artist-info h3{font-size:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:500px}.current-artist-header-container .current-artist-info .menu-btn{display:none}}@media (max-width:600px){.current-artist-header-container .current-artist-info h3{width:275px}}button{outline:none}.album-container{display:block!important}.artist-details{justify-content:space-around}.artist-details .popular-container,.artist-details .related-artists{display:inline-block}.artist-details .popular-container{max-width:600px;width:70%}.artist-details .related-artists{width:30%;max-width:300px;margin-left:100px;padding-top:20px}.artist-details .related-artists .artist-item{display:flex;cursor:pointer}.artist-details .related-artists .artist-item:hover{background-color:#ccc}.artist-details .related-artists .artist-item:active{background-color:rgba(37,32,32,.6784313725490196)}.artist-details .related-artists .artist-item p{line-height:21px;font-size:13px}.artist-details .related-artists img{width:40px;height:40px;border-radius:50%;margin-right:10px;margin-top:5px}@media (max-width:1200px){.artist-details .popular-container{width:400px}.artist-details .related-artists{margin-left:50px}}@media (max-width:900px){.artist-details .popular-container{width:98%}.artist-details .related-artists{display:none}.artist-details .more-btn{display:block;margin:20px auto!important}}.album-container,.popular-container{padding-left:10px;max-width:600px}.album-container .title,.popular-container .title{font-size:20px}.album-container .songs img,.popular-container .songs img{height:42px}.album-container p,.popular-container p{line-height:14px}.album-container .user-song-item,.popular-container .user-song-item{border-bottom:1px solid hsla(0,0%,40%,.3607843137254902);height:41px}.album-container .user-song-item:first-of-type,.popular-container .user-song-item:first-of-type{border-top:1px solid hsla(0,0%,40%,.3607843137254902)}.album-container .user-song-item:hover .explicit,.popular-container .user-song-item:hover .explicit{color:#ccc}.album-container .user-song-item:hover .r-song,.popular-container .user-song-item:hover .r-song{padding-top:5px}.album-container .user-song-item:hover .r-song .fa,.popular-container .user-song-item:hover .r-song .fa{display:block}.album-container .user-song-item:hover .r-song span,.popular-container .user-song-item:hover .r-song span{display:none}.album-container .user-song-item .explicit,.popular-container .user-song-item .explicit{border:1px solid hsla(0,0%,40%,.3607843137254902);color:hsla(0,0%,40%,.3607843137254902);border-radius:4px;padding:2px 7px;font-size:9px;width:35px;margin-top:12px;line-height:12px}@media (max-width:900px){.album-container .user-song-item .explicit,.popular-container .user-song-item .explicit{display:none}}.album-container .user-song-item .r-song,.popular-container .user-song-item .r-song{width:40px}.album-container .user-song-item .song-title,.popular-container .user-song-item .song-title{width:50%}.album-container .user-song-item .song-explicit,.popular-container .user-song-item .song-explicit{width:100px}.album-container .user-song-item .song-popularity,.popular-container .user-song-item .song-popularity{width:10%;text-align:end;margin-top:11px}.album-container .user-song-item .darker,.popular-container .user-song-item .darker{color:#666}.album-container .more-btn,.popular-container .more-btn{text-transform:uppercase;background:transparent;font-family:Proxima Nova,Georgia,sans-serif;color:#fff;border:1px solid #ccc;padding:10px;letter-spacing:1px;margin:20px 2px;border-radius:20px;width:190px;transition:border .4s ease-in-out}.album-container .more-btn:hover,.popular-container .more-btn:hover{border:1px solid #fff}.album-container .more-btn:active,.popular-container .more-btn:active{border:1px solid #aaa}.album-container .r-song,.popular-container .r-song{width:20px;text-align:center;padding:10px;line-height:14px}.album-container .r-song span,.popular-container .r-song span{vertical-align:-webkit-baseline-middle}.album-container .r-song .fa,.popular-container .r-song .fa{display:none;font-size:30px;top:7px;color:#ccc;cursor:pointer;-webkit-text-stroke:2px #333;left:5px}.album-container .r-song .fa:hover,.popular-container .r-song .fa:hover{color:#fff}.album-container .r-song:hover,.popular-container .r-song:hover{padding-top:5px}.album-container .r-song:hover i,.popular-container .r-song:hover i{display:inline}.album-container .r-song:hover span,.popular-container .r-song:hover span{display:none}.albums-title{border-bottom:1px solid hsla(0,0%,40%,.3607843137254902);padding-bottom:10px}.albums-container{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;justify-content:space-evenly}.album{padding:0 20px 40px;width:200px;cursor:default}.album h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px}.album .album-header{display:block}.album img{display:inline;height:180px}.album img:hover{opacity:.7}.album img:active{opacity:.5}.album .album-info{position:relative}.album .album-info .album-year{color:#ccc;font-size:13px}.album .album-info .album-title{font-size:14px;text-overflow:hide;overflow:hidden;margin-top:5px;margin-bottom:5px}.album-container{max-width:none!important;width:100%}@media (max-width:900px){.album-container{margin:0 auto;width:80%}}.album-container .add-remove-section .fa{margin-top:9px!important;margin-left:4px!important;text-align:center}.album-container .cd-header{line-height:40px;padding-left:17px;font-size:15px;color:#ccc}.album-container .song-number-header{width:58px!important}.album-container .song-number-header p{font-family:Proxima Thin,Georgia,sans-serif;text-transform:uppercase;font-size:12px;color:#ccc;padding:0 15px}.album-container .song-number-header p:hover{color:#fff}.album-container .r-song,.album-container .song-number-header{width:40px;text-align:center}.album-container .song-title,.album-container .song-title-header{width:40%!important;margin-left:0}.album-container .song-artist,.album-container .song-artist-header{width:30%!important}.album-container .explicit-header,.album-container .song-explicit,.album-container .song-length,.album-container .song-length-header{text-align:center;width:100px}@media (max-width:800px){.album-container .explicit-header,.album-container .song-explicit,.album-container .song-length,.album-container .song-length-header{display:none}}.album-container .user-song-item .fa:active{color:#aaa}.album-container .user-song-item:hover .r-song{padding-top:5px}.album-container .user-song-item:hover .r-song .fa:first-of-type{display:inline}.album-container .user-song-item:hover .r-song span{display:none}.album-container .user-song-item.active .add-remove-section .fa{display:inline!important}.album-container .user-song-item.active .r-song{padding-top:5px}.album-container .user-song-item.active .r-song .fa:first-of-type{display:none}.album-container .user-song-item.active .r-song .fa:last-of-type,.album-container .user-song-item.active:hover .fa:first-of-type{display:inline}.album-container .user-song-item.active:hover .fa:last-of-type{display:none}.generic-container h1{border-bottom:1px solid #565656;padding-bottom:10px}.generic-container .browse-container{justify-content:space-evenly}.generic-container .browse-container .artist{margin-bottom:20px}.generic-container .browse-container .artist p{margin:0;font-family:Proxima Nova,Georgia,sans-serif}.generic-container .browse-container .artist .name{font-size:18px}.generic-container .browse-container .artist .followers{font-family:Proxima Thin,Georgia,sans-serif;margin-top:-5px;font-size:12px;color:#ccc}.search-container{min-height:500px;height:100%}.search-container .table-container{display:table;width:100%;height:100%}.search-container .search-index{position:fixed;height:100%;text-align:center;color:#ccc;left:0;right:0;top:35%}.search-container .search-index .fa{font-size:60px;-webkit-text-stroke:6px #181818}.search-container .search-index .fa-flag-o{-webkit-text-stroke:3px #181818}.search-container .search-index h2{color:#fff}.search-container .search-index span{font-size:14px}@media (max-width:1100px){.search-container .search-index{left:220px}}@media (max-width:700px){.search-container .search-index{left:0}}.search-container .results-table{display:table-cell;vertical-align:middle;margin-top:10px}.search-container .search-results{display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:40px;margin-bottom:80px}.search-container .search-results .search-result{max-width:500px;width:450px;display:flex;flex-wrap:wrap;margin-bottom:10px}@media (max-width:600px){.search-container .search-results .search-result{width:300px}}.search-container .search-results .search-result .result-header{width:100%;border-bottom:1px solid #676666;height:50px}.search-container .search-results .search-result .result-header h4{display:inline-block;width:50%;margin-bottom:5px}.search-container .search-results .search-result .result-header span{width:50%;font-size:14px;text-align:right;display:inline-block;color:#ccc}.search-container .search-results .search-result .result-header span:hover{text-decoration:underline;color:#fff}.search-container .search-results .search-result .result-body{display:flex;flex-wrap:wrap;width:100%}.search-container .search-results .search-result .result-body .item{display:flex;padding-left:0;width:48%;height:60px}.search-container .search-results .search-result .result-body .item:nth-child(2n){margin-left:5px}.search-container .search-results .search-result .result-body .item:nth-child(odd){margin-right:5px}.search-container .search-results .search-result .result-body .item:hover{background-color:#232323}.search-container .search-results .search-result .result-body .item:active{opacity:.7;height:55px;width:47%;margin-top:20px;margin-left:5px;margin-right:5px}.search-container .search-results .search-result .result-body .item:active .image img{height:55px;width:55px}.search-container .search-results .search-result .result-body .item:active .details h4{font-size:14px}.search-container .search-results .search-result .result-body .item:active .details span{font-size:12px}.search-container .search-results .search-result .result-body .item .image i{position:absolute;-webkit-text-stroke:1px #000;margin-left:-42px;margin-top:14px;font-size:30px;display:none}.search-container .search-results .search-result .result-body .item .image i:hover{display:inline-block;margin-left:-43px;margin-top:13px;font-size:33px}.search-container .search-results .search-result .result-body .item .image img{height:60px;width:60px}.search-container .search-results .search-result .result-body .item .image:hover i{display:inline}.search-container .search-results .search-result .result-body .item .image:hover img{opacity:.6}.search-container .search-results .search-result .result-body .item .details{width:100%;height:60px;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-container .search-results .search-result .result-body .item .details h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:10px;margin-bottom:5px;font-size:15px}.search-container .search-results .search-result .result-body .item .details span{color:#ccc;font-size:13px}.search-container .search-results .search-result .result-body .item.artist img{border-radius:30px}.search-container .search-results .search-result .result-body .item.artist h4{margin-top:22px}.overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:100000;opacity:0;background:rgba(0,0,0,.63);transition:all .6s}.modal-content{background:#282828;width:589px;padding-top:1px;padding-bottom:10px;border-radius:6px;max-width:630px;min-width:320px;height:auto;-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0;transition:all .4s}@media (max-width:600px){.modal-content{width:98%}.modal-content input{width:63%!important}.modal-content textarea{width:88%!important}.modal-content button{display:block;width:90%!important;margin-bottom:20px!important}}.active .modal-content{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.overlay.active,.playlist-Modal.active{opacity:1;visibility:visible}.playlist-Modal{position:fixed;z-index:1000000;top:45%;left:50%;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.playlist-Modal.active{visibility:visible}.playlist-Modal .modal-title{text-align:center;width:100%;border-bottom:1px solid #ccc}.playlist-Modal .modal-title h4{margin:10px 0;font-size:14px}.playlist-Modal .modal-body{padding-left:5px}.playlist-Modal .modal-body .title-input{margin-top:10px;padding-left:10px}.playlist-Modal .modal-body .title-input span{display:block;font-family:Proxima Thin,Georgia,sans-serif;color:#aaa;font-size:15px;margin-bottom:5px}.playlist-Modal .modal-body .title-input input{width:80%;font-family:Proxima Thin,Georgia,sans-serif;font-size:15px;outline:none;padding:0 88px 0 8px;border-radius:4px;border:0;height:28px}.playlist-Modal .modal-body .title-input .counter{position:absolute;border-radius:9px;right:21px;margin-top:-24px;width:50px;background-color:#506ab7;padding:3px;text-align:center;font-size:12px}.playlist-Modal .modal-body .description{display:flex;margin:20px 4px}.playlist-Modal .modal-body .description .image{text-align:center;width:34%;display:inline-block;margin-right:10px;margin-bottom:10px}.playlist-Modal .modal-body .description .image span{text-align:left}.playlist-Modal .modal-body .description .image img{width:100%}.playlist-Modal .modal-body .description .text{display:inline-block;width:60%}.playlist-Modal .modal-body .description .text textarea{resize:none;padding:8px;width:98%;height:175px;border-radius:5px;outline:none;font-family:Proxima Thin,Georgia,sans-serif}.playlist-Modal .modal-body .error-message{height:20px;background-color:#ca1f1f;border-radius:5px;padding:5px 15px;line-height:20px;margin-right:17px;margin-top:-13px;opacity:0}.playlist-Modal .modal-body .error-message.active{opacity:1}.playlist-Modal .modal-body .error-message span{padding-left:20px;display:inline-block;color:#fff}.playlist-Modal .modal-body .btn-section{text-align:center;padding-top:10px}.playlist-Modal .modal-body .btn-section .cancel-btn,.playlist-Modal .modal-body .btn-section .save-btn{font-size:12px;border:0;border-radius:20px;width:125px;height:30px;margin:0 5px;color:#fff}.playlist-Modal .modal-body .btn-section .cancel-btn{background-color:rgba(0,0,0,.25098039215686274);border:1px solid #ccc}.playlist-Modal .modal-body .btn-section .cancel-btn:hover{border-color:#fff}.playlist-Modal .modal-body .btn-section .cancel-btn:active{border-color:#aaa}.playlist-Modal .modal-body .btn-section .save-btn{background-color:#1db954}.playlist-Modal .modal-body .btn-section .save-btn:hover{background-color:#1ed760}.playlist-Modal .modal-body .btn-section .save-btn:active{background-color:#1aa34a;box-shadow:none}.main-section-container{width:1300px;height:100%}@media (max-width:1800px){.main-section-container{width:1100px}}@media (max-width:1600px){.main-section-container{width:1000px}}@media (max-width:1500px){.main-section-container{width:850px}}@media (max-width:1400px){.main-section-container{width:750px}}@media (max-width:1200px){.main-section-container{width:650px}}@media (max-width:900px){.main-section-container{width:600px}}@media (max-width:800px){.main-section-container{width:500px}}@media (max-width:700px){.main-section-container{width:550px}}@media (max-width:600px){.main-section-container{width:430px}}@media (max-width:450px){.main-section-container{width:380px;margin:0 auto}}.right-section{height:100%;width:100%;overflow:hidden;position:fixed;top:0;right:0;bottom:10px;width:210px;background-color:#0e0e10}.right-section .header{position:fixed;text-align:center;width:210px;border-bottom:1px solid rgba(58,58,58,.49019607843137253)}
/*# sourceMappingURL=main.46832cac.chunk.css.map */