.login{display:none}@media (min-width:768px){.login{display:block;box-shadow:inset 0 0 0 2px #58afd1;color:#58afd1;transition:color .25s .08333s;position:relative;text-align:center;background:none;border:none;cursor:pointer;line-height:1.5;font:700 .8em "Roboto Slab",sans-serif;padding:1em 2em;letter-spacing:.05rem}.login:after,.login:before{border:0 solid transparent;box-sizing:border-box;content:"";pointer-events:none;position:absolute;width:0;height:0;top:0;left:0}.login:before{border-top-width:2px;border-right-width:2px}.login:after{border-bottom-width:2px;border-left-width:2px}.login:hover{color:#ffe593}.login:hover:after,.login:hover:before{border-color:#ffe593;transition:border-color 0s,width .25s,height .25s;width:100%;height:100%}.login:hover:before{transition-delay:0s,0s,.25s}.login:hover:after{transition-delay:0s,.25s,0s}}@media (min-width:768px){nav{text-transform:uppercase;z-index:1}nav a{margin:.5em 1em}.nav img{width:50px;height:auto;vertical-align:middle}.nav .active{font-weight:500}}.player{min-height:4em;justify-content:space-between;padding:.5em 2em;background:rgba(3,3,15,.6);border-top:1px solid #33363b}.player,.player .small{display:flex;align-items:center}.player .small{width:20vw}.player .smallCover{width:auto;height:3em;border-radius:5px;display:inline-block;margin:0}.player .smallTitle{display:inline-block;overflow:hidden;padding:1em;flex-direction:column;justify-content:space-around;font-size:.8em}.player .smallTitle p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player .smallTitle p:first-child{font-weight:500;width:100%;font-size:1.1em}.player .controls{display:flex;justify-content:space-between;align-items:center;margin:0 1em}.player .controls button{background:transparent;border:none;outline:none}.player .controls button:first-child,.player .controls button:last-child{display:none}.player .controls button img{width:1.5em}.player .progress{display:flex;justify-content:space-between;align-items:center;width:50%;font-size:.9em;font-family:"Reem Kufi",sans-serif}.player .progress progress[value]{height:3px;width:100%;margin:0 1em;background:#000}.player .progress progress[value]::-webkit-progress-bar{background:#424242;border-radius:5px;box-shadow:inset 0 2px 5px rgba(0,0,0,.25)}.player .progress progress[value]::-webkit-progress-value{background-color:#fff;border-radius:5px}@media (min-width:768px){.player .controls button,.player .controls svg{cursor:pointer;margin:0 .5em}.player .controls button:first-child,.player .controls button:last-child{display:block}.player .controls.right img{width:1.2em}.player .controls.right button:first-child{margin-right:2em}.player .controls.right button:last-child{display:flex;align-items:center}.player .controls.right button:last-child img{margin-right:.5em}.player .progress{font-size:.7em}.player .progress span{color:hsla(0,0%,100%,.7)}.player .progress progress[value]{cursor:pointer;height:1px}}.player .volumeSlider{width:5em;height:1px;border-radius:3px;position:relative;padding:1em 0}.player .volumeSlider__bgLine{background-color:#979797;width:100%;height:1px;position:absolute}.player .volumeSlider__currentLine{background-color:#fff;position:absolute;height:1px;width:50%}.player .volumeSlider__ball{position:absolute;width:3px;height:3px;background-color:#fff;border-radius:50%;left:50%;top:calc(50% - 1px)}.search{margin-top:0;height:100%}.search .results{overflow-y:auto;max-width:100%}.search .results>div{display:flex;align-items:center}.search .results h2{font-size:.8em;text-transform:uppercase;margin:0 1em}.search .results h2+div{display:flex;align-items:center;overflow-x:auto}.search .result{display:flex;flex-direction:column-reverse;justify-content:space-around;align-items:center;font-size:.9em;padding:.5em;height:100%;cursor:pointer}.search .result p{margin:1em 0;font-size:.8em}.search .result span{display:block;font-weight:500}.search .result p,.search .result span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search .result img,.search .result p{width:25vw}.search .searchForm{height:50px}.search .searchForm *{outline:none;box-sizing:border-box}.search .searchWrapper{position:relative}.search .searchField{position:absolute;right:0;background:transparent;height:50px;font-family:Lato,sans-serif;font-size:1.35em;padding:.35em 50px .35em 0;border-radius:0;transition:all .3s ease-in-out;border:1px solid transparent;border-bottom-color:#ccc;width:100%}.search .searchField~.search__icon{background-color:transparent;cursor:pointer;pointer-events:auto}.search .searchIcon{position:absolute;top:0;right:0;background-color:transparent;width:50px;height:50px;font-size:1.35em;text-align:center;border-color:transparent;border-radius:50%;pointer-events:none;display:inline-block;transition:background-color .2s ease-in-out}.search .searchField::-webkit-input-placeholder{position:relative;top:0;left:0;-webkit-transition-property:top,color;transition-property:top,color;transition-duration:.1s;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000}.search .searchField:-moz-placeholder,.search .searchField::-moz-placeholder{position:relative;top:0;left:0;-moz-transition-property:top,color;transition-property:top,color;transition-duration:.1s;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000}.search .searchField:-ms-input-placeholder{position:relative;top:0;left:0;-ms-transition-property:top,color;transition-property:top,color;transition-duration:.1s;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000}.search .searchField::-webkit-input-placeholder[style*=hidden]{color:transparent;font-size:.65em;font-weight:400;top:-20px;opacity:1;visibility:visible!important}.search .searchField:-moz-placeholder[style*=hidden],.search .searchField::-moz-placeholder[style*=hidden]{color:transparent;font-size:.65em;font-weight:400;top:-20px;opacity:1;visibility:visible!important}.search .searchField:-ms-input-placeholder[style*=hidden]{color:transparent;font-size:.65em;font-weight:400;top:-20px;opacity:1;visibility:visible!important}@media (min-width:768px){.search{z-index:2;display:flex;flex-direction:column;align-items:center}.search .searchField{position:static;width:50vw}.search .results{padding-top:2em}.search .results h2{font-size:1.2em}.search .results p{font-size:.9em}.search .results img,.search .results p{width:12vw}.search .results img{border-radius:5px}}footer{font-size:.7em;position:absolute;bottom:.3em;right:1em}footer img{height:.7em;width:auto;vertical-align:middle}@media (min-width:768px){footer{display:block;cursor:default;font-size:.8em}footer img{height:.8em}}.searchRoute{height:100vh;display:flex;flex-direction:column}.searchRoute footer{display:none}@media (min-width:768px){.searchRoute main{display:flex;flex-wrap:wrap;padding:0 30px}.searchRoute footer{display:block}}.playlists{max-width:100%}.playlists .slick-slider .slick-slide{margin:1em 0}.playlists .slick-slider .slick-slide p{display:inline-block;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;font-size:.8em;font-weight:400;margin:1em 0}.top main{padding-top:20px}.top h3{font-weight:400;font-size:1.2em;line-height:1.5em}.top .slick-slider .slick-slide{padding:5px 10px 20px;width:25vw;text-align:center}.top .slick-slider .slick-slide img{width:100%;height:auto;border-radius:5px}.top .slick-slider .btn{background:transparent;border:none;position:absolute;right:.5em;top:-2.5em;font-size:15px;cursor:pointer}.top .slick-slider .btn.prev{right:2em}.top .slick-slider .btn:focus{outline:none}.top .top-albums{max-width:100%}.top .top-albums div{padding-bottom:15px}.top .top-albums figcaption{padding:5px 0;text-align:left}.top .top-albums figcaption p{font-weight:400;line-height:1.2em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:.9em}.top .top-albums figcaption .album-artist{display:flex;align-items:center}.top .top-albums figcaption .album-artist p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:300;font-size:.9em;color:#ccc}.top footer{display:none}@media (min-width:768px){.top main{display:flex;flex-wrap:wrap;padding:0 30px}.top h3{font-size:1.5em;line-height:3em}.top ul li{margin:15px 5px;width:12vw}.top footer{display:block}}.artist__info{width:100%}.artist__info__listen{display:inline-block;margin:0 .5em;vertical-align:text-bottom}.artist__info__listen:last-child{margin-top:1em}.artist__info__listen button{width:10em;border:1px solid #ee3769;color:#ee3769;border-radius:8px;text-align:center;margin:1em;align-self:center;background:transparent;padding:10px 20px;cursor:pointer}.artist__info__listen button:focus{outline:none}.artist__info__name{font-size:2em;font-weight:300;max-width:calc(100% - 64px);margin-bottom:.5em}.artist__info__bio{line-height:1.7}.artist__info__genres{display:flex;margin-top:1em}.artist__info__genre{margin-right:1em;text-transform:capitalize;background-color:rgba(91,95,99,.5);padding:.5em 1em;border-radius:3px;white-space:nowrap}@media (min-width:768px){.artist__info{width:100%;display:flex;flex-direction:column;padding-left:2vw}.artist__info__listen{height:auto;margin-top:0;flex-wrap:wrap;cursor:pointer}.artist__info__listen button{margin:.5em}.artist__info__name{font-size:2.5em}.artist__info__bio{width:40%}}.artist__songs{margin:2em 0;width:100%;padding-left:2vw}.artist__songs ul{margin-top:2vh;line-height:5vh}.artist__songs ul li{margin:1em auto;border-radius:10px}.artist__songs .artist__song{display:flex;padding:10px}.artist__songs__cover{border-radius:5px;width:3em;height:3em}.artist__songs__cover+div{flex-direction:column;margin-left:1em}.artist__songs__title{font-weight:500;line-height:1.5}.artist__songs__contributors{font-size:.8em;line-height:1.5}@media (min-width:768px){.artist__songs{width:50%;padding-top:4vh}.artist__songs ul{line-height:6vh;min-height:35vh;cursor:pointer}.artist__songs li:hover{background-color:rgba(78,80,82,.5)}}.artist__playlists{margin:2em 0;width:100%;padding-left:2vw}.artist__playlists ul{display:flex;flex-wrap:wrap;margin-top:2vh;line-height:5vh}.artist__playlists ul img{border-radius:10px;width:9em;height:9em}.artist__playlists .artist__playlist{display:flex;padding:10px}.artist__playlists__cover{border-radius:5px;width:3em;height:3em}.artist__playlists__cover+div{flex-direction:column;margin-left:1em}.artist__playlists__title{font-weight:500;line-height:1.5}@media (min-width:768px){.artist__playlists{width:50%;padding-top:4vh}.artist__playlists ul{line-height:6vh;min-height:35vh;cursor:pointer}}.similar{margin:2vh 0;width:100%}.similar li{display:flex;justify-content:space-between;align-items:center;border-bottom:.5px solid hsla(0,0%,100%,.2)}.similar img{width:2.5em;height:auto;border-radius:50%;margin:2vh 0;box-shadow:0 4px 4px rgba(0,0,0,.5)}.similar p{margin-left:15px}@media (min-width:768px){.similar{padding:0 2vw}.similar img{width:3em}.similar ul{-webkit-column-count:2;column-count:2;-moz-column-gap:15vw;-webkit-column-gap:15vw;grid-column-gap:15vw;column-gap:15vw}.similar ul li{cursor:pointer}}.albums{width:100%;margin-top:2em}.albums h2{font-size:1.2em}.albums .slider-frame{position:relative;width:100vw;touch-action:pan-y;margin:2vh -20px 0}.albums .slider-frame .btn{display:none}.albums .slider-frame .slider-container{overflow-x:auto;display:flex}.albums .slide{position:relative;display:inline-block;min-width:33.33333vw;background-position:50%;background-size:cover;font-size:.5em}.albums .slide p{width:100%;height:100%;opacity:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent);padding:calc(50% - 1.5em) 1em 1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-shadow:0 2px 5px #000}.albums .slide:hover p{opacity:1}.albums .songs{margin-top:2vh}.albums .songs ul{display:flex;flex-direction:column;padding:0 20px}.albums .songs ul li{border-bottom:.5px solid hsla(0,0%,100%,.2);padding:2vh 0}.albums .songs .playAlbum{visibility:hidden;width:10em;border:1px solid #ee3769;color:#ee3769;border-radius:8px;text-align:center;margin:1em;align-self:center;background:transparent;padding:10px 20px;cursor:pointer;font-size:.8em}.albums .songs .playAlbum:focus{outline:none}@media (min-width:768px){.albums h2{font-size:1.4em;padding:0 2vw}.albums .slider-frame{margin:0 -30px;width:100%}.albums .slider-frame .btn{width:3vw;height:11.80045vw;background:rgba(0,0,0,.3);top:1.96674vw;z-index:5;display:flex;justify-content:center;align-items:center;font-size:2em;position:absolute;cursor:pointer}.albums .slider-frame .btn.prev{left:0}.albums .slider-frame .btn.next{right:-60px}.albums .slider-frame .slider-container{overflow:visible;white-space:nowrap;margin:3.93348vw 0;position:absolute;left:0;transition:left .45s ease,transform .45s ease}.albums .slider-frame .slider-container:hover{transform:translate3d(-3.49643vw,0,0)}.albums .slider-frame .slider-container:hover .slide{opacity:.3}.albums .slider-frame .slider-container:hover .slide:hover{transform:scale(1.5);opacity:1}.albums .slider-frame .slider-container:hover .slide:hover:nth-child(7n+1){transform:translate3d(6.99286vw,0,0) scale(1.5)}.albums .slider-frame .slider-container:hover .slide:hover:nth-child(7n+1)~.slide{transform:translate3d(13.98571vw,0,0)}.albums .slider-frame .slider-container:hover .slide:hover:nth-child(7n){transform:translate3d(-6.99286vw,0,0) scale(1.5)}.albums .slide{width:13.98571vw;min-width:0;height:7.86696vw;margin-right:.3vw;transition:all .45s;transform-origin:center left;cursor:pointer;font-size:.8em}.albums .slide p{transition:opacity .45s}.albums .slide:hover~.slide{transform:translate3d(6.99286vw,0,0)}.albums .list{width:100%;overflow-x:hidden;float:left}.albums .list img,.albums .list p{width:7em;cursor:pointer}.albums .list p{font-size:.9em;font-weight:lighter}.albums .list .backArrow,.albums .list .nextArrow{cursor:pointer;margin-top:.6em;display:block}.albums .close{position:fixed;top:10%;right:-25em;cursor:pointer;background:#4f39e4;width:2em;height:2em;border-radius:2px;text-align:center;padding-top:.3em}.albums .songs{background:#111;position:fixed;padding:0;min-height:100%;max-height:100%;top:0;z-index:5;overflow-y:auto;display:flex;flex-direction:column;margin-top:0}.albums .songs .playAlbum{cursor:pointer}.albums .songs li{cursor:pointer;padding:2vh 2vw}.albums .songs li:hover{background-color:rgba(79,57,228,.14)}.albums .slideout{-webkit-animation:SLIDEOUT 1.5s 0s 1 forwards;animation:SLIDEOUT 1.5s 0s 1 forwards}@-webkit-keyframes SLIDEOUT{0%{right:-27em}to{right:0}}@keyframes SLIDEOUT{0%{right:-27em}to{right:0}}.albums .slidein{-webkit-animation:SLIDEIN 1.5s 0s 1 forwards;animation:SLIDEIN 1.5s 0s 1 forwards}@-webkit-keyframes SLIDEIN{0%{right:0}to{right:-27em}}@keyframes SLIDEIN{0%{right:0}to{right:-27em}}.albums .buttonSlideout{-webkit-animation:BUTTONSLIDEOUT 1.5s 0s 1 forwards;animation:BUTTONSLIDEOUT 1.5s 0s 1 forwards}@-webkit-keyframes BUTTONSLIDEOUT{0%{right:-25em}to{right:25em}}@keyframes BUTTONSLIDEOUT{0%{right:-25em}to{right:25em}}.albums .buttonSlidein{-webkit-animation:BUTTONSLIDEIN 1.5s 0s 1 forwards;animation:BUTTONSLIDEIN 1.5s 0s 1 forwards}@-webkit-keyframes BUTTONSLIDEIN{0%{right:25em}to{right:-25em}}@keyframes BUTTONSLIDEIN{0%{right:25em}to{right:-25em}}}.artist h2{font-size:1.5em;font-weight:300}.artist footer{display:none}@media (min-width:768px){.artist main{display:flex;flex-wrap:wrap;padding:0 30px}.artist footer{display:block}}*{margin:0;padding:0;box-sizing:border-box;color:#fff}body{font-family:"Roboto",sans-serif;font-weight:300;background:#000a11;text-shadow:0 4px 4px rgba(0,0,0,.5)}.wrapper{justify-content:center;height:100vh;width:100vw;background:#000}.loader,.wrapper{display:flex;align-items:center}.loader__part{background:#fff;width:5px;border-radius:3px;margin:0 5px;opacity:0}.loader__part--1{-webkit-animation:opacity .3s linear forwards,anim-1 .5s cubic-bezier(.8,0,.6,1) infinite alternate;animation:opacity .3s linear forwards,anim-1 .5s cubic-bezier(.8,0,.6,1) infinite alternate;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes anim-1{0%{height:5px}to{height:35px}}@keyframes anim-1{0%{height:5px}to{height:35px}}.loader__part--2{-webkit-animation:opacity .3s linear forwards,anim-2 .5s cubic-bezier(.8,0,.6,1) infinite alternate;animation:opacity .3s linear forwards,anim-2 .5s cubic-bezier(.8,0,.6,1) infinite alternate;-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes anim-2{0%{height:5px}to{height:38px}}@keyframes anim-2{0%{height:5px}to{height:38px}}.loader__part--3{-webkit-animation:opacity .3s linear forwards,anim-3 .5s cubic-bezier(.8,0,.6,1) infinite alternate;animation:opacity .3s linear forwards,anim-3 .5s cubic-bezier(.8,0,.6,1) infinite alternate;-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes anim-3{0%{height:5px}to{height:41px}}@keyframes anim-3{0%{height:5px}to{height:41px}}@-webkit-keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes opacity{0%{opacity:0}to{opacity:1}}.NavyPlayer .background{height:100vh;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-repeat:no-repeat;background-position:center 20%}.NavyPlayer a{text-decoration:none}.NavyPlayer ul{list-style:none}main{flex:1 1 100%;overflow-y:auto;overflow-x:hidden;padding:0 5vw}.active button i,.active button p{color:#76a5ca}@media (min-width:768px){body ::-webkit-scrollbar{width:7px;height:7px;background-color:transparent;-webkit-border-radius:100px}body ::-webkit-scrollbar:hover{background-color:hsla(0,0%,100%,.1)}body ::-webkit-scrollbar-thumb{background:#000;border:1px solid hsla(0,0%,100%,.3);-webkit-border-radius:100px}body ::-webkit-scrollbar-thumb:active{background:rgba(88,175,209,.8);border:none;-webkit-border-radius:100px}body ::-webkit-scrollbar-thumb:vertical{min-height:10px}body ::-webkit-scrollbar-thumb:horizontal{min-width:10px}header{display:flex;justify-content:space-between;align-items:center;padding:1.5em 1em}}
/*# sourceMappingURL=main.ccc80eb6.chunk.css.map */