.loading{background:transparent;height:71px;margin:0 auto 10px;position:relative;width:71px}.loading .loading,.loading__text{position:relative;z-index:2}.loading__text{-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation:text-glow 1.4s ease-in infinite;animation:text-glow 1.4s ease-in infinite;color:#1db954;font-family:"Raleway",sans-serif;font-size:12px;font-weight:700;text-align:center;text-shadow:0 0 0 #1ed760}.loading span{-webkit-animation:soundBar 1.4s ease-in-out infinite;animation:soundBar 1.4s ease-in-out infinite;background:#1db954;border-radius:2px;bottom:0;display:block;height:2px;position:absolute;width:8px}.loading span:first-child{left:0}.loading span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s;left:9px}.loading span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s;left:18px}.loading span:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s;left:27px}.loading span:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s;left:36px}.loading span:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s;left:45px}.loading span:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s;left:54px}.loading span:nth-child(8){-webkit-animation-delay:.7s;animation-delay:.7s;left:63px}@-webkit-keyframes soundBar{0%{background:#1db954;height:2px}20%{background:#1ed760;height:70px}40%{background:#1db954;height:2px}60%{background:#1db954;height:2px}}@keyframes soundBar{0%{background:#1db954;height:2px}20%{background:#1ed760;height:70px}40%{background:#1db954;height:2px}60%{background:#1db954;height:2px}}@-webkit-keyframes text-glow{0%{color:#1db954;text-shadow:0 0 0 #1db954}50%{color:#1ed760;text-shadow:0 0 5px #1ed760}to{color:#1db954;text-shadow:0 0 0 #1db954}}@keyframes text-glow{0%{color:#1db954;text-shadow:0 0 0 #1db954}50%{color:#1ed760;text-shadow:0 0 5px #1ed760}to{color:#1db954;text-shadow:0 0 0 #1db954}}.route-header{display:flex;width:100%}.route-header__title-group{align-items:center;color:#fff;display:flex;justify-content:flex-start;padding:20px 0;position:relative;width:100%}.route-header .back-button{background-color:transparent;border:none;color:#fff;font-size:24px;line-height:0;margin:0 10px 0 0;outline:none;padding:0}.route-header__title{font-size:24px;font-weight:700}.welcome-box{display:flex;flex-wrap:wrap;padding:32px 0}.welcome-box span{font-size:16px}.welcome-box strong{color:#00f387}*,:after,:before{box-sizing:border-box}html{font-size:10px}body{background:#060125;font-size:1.6rem}a,body{font-family:"Raleway",sans-serif}a{-webkit-tap-highlight-color:transparent;text-decoration:none}.container{margin:0 auto;padding:0 16px;width:100%}@media screen and (min-width:768px){.container{width:728px}}.app{color:#5c5970;font-family:"Raleway",sans-serif;min-height:100vh;width:100%}.app strong{font-weight:600}.callback{align-items:center;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.callback:after{background-color:rgba(0,0,0,.75);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.callback .loading{position:relative;z-index:2}.categories{display:flex;width:100%}.categories__title{color:#fff;display:block;font-size:24px;font-weight:700;margin:0}.categories__content{display:flex;flex-wrap:wrap;justify-content:space-between;padding:16px 0}.categories__item{background-size:cover;border-radius:5px;margin-bottom:10px;overflow:hidden;padding-top:calc(50% - 5px);position:relative;width:calc(50% - 5px)}@media screen and (min-width:568px){.categories__item{margin-bottom:15px;padding-top:calc(25% - 10px);width:calc(25% - 10px)}}.categories__item__link{color:#fff;left:0;text-decoration:none;top:0}.categories__item__link,.categories__item__title{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.categories__item__title{font-weight:600;top:30%}.dashboard{width:100%;padding-top:51px}.dashboard .loading{padding:100px 0}.login{align-items:center;background-repeat:no-repeat;display:flex;height:100vh;justify-content:center;max-height:100vh;overflow:hidden;position:relative;width:100%}.login:after,.login:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.login:after{background-color:rgba(0,0,0,.75);z-index:2}.login:before{background-image:inherit;background-size:cover;background-position:bottom;background-repeat:no-repeat;z-index:1}.login .container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:3}.login__microcopy{color:#fff;font-size:22px;font-style:italic;font-weight:700;line-height:1.2em;margin:80px 0;padding:0;text-align:center}.login__microcopy strong{color:#00f387}@media screen and (min-width:768px){.login{align-items:flex-start;justify-content:flex-end;width:calc(100% - 500px)}.login:after{background-color:transparent;box-shadow:inset -1px 0 0 hsla(0,0%,100%,.1)}.login .container{background-color:#060125;display:flex;height:100%;margin:0;position:fixed;right:0;width:500px}.login__microcopy{color:#fff;font-size:32px;line-height:1.2em;text-align:center}.login__microcopy strong{display:block}}.login .spotify-brand{width:180px}.login__auth-button{background-color:#00f387;border-radius:50px;border:1px solid #00f387;color:#060125;cursor:pointer;display:flex;font-family:"Raleway",sans-serif;font-size:1rem;font-weight:700;outline:none;padding:15px 50px;position:relative;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.player{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(0deg,#060125,#05172e);background:#05172e;bottom:0;left:0;position:fixed;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .5s ease-in-out;width:100%;z-index:10}.player.is-playing{-webkit-transform:translate(0);transform:translate(0)}.player__wrapper{height:100%;position:relative;width:100%}.player__progress-bar{background-color:#5c5970;height:2px;border:1px solid #5c5970;left:0;position:absolute;top:0;width:100%}.player__progress-bar__stroke{background-color:#00f387;border-radius:0 5px 5px 0;height:2px;box-shadow:0 0 10px 2px #00f387;position:relative;transition:all .01s linear}.player__progress-bar__stroke:after{background-color:#00f387;content:"";height:10px;position:absolute;right:0;top:50%;border-radius:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:10px}.player .container{align-items:flex-start;display:flex;justify-content:center;padding:16px}.player__album-cover{background-size:cover;border-radius:30px;border:1px solid #00f387;flex:0 0 50px;height:50px}.player__status{padding:0 10px;display:flex;flex-direction:column;width:100%}.player__status__current{color:#00f387;display:flex;flex-direction:column;font-size:12px;line-height:1.4em;margin-top:5px;height:16px;overflow:hidden;position:relative}.player__status__current span{position:relative;display:block}.player__status__current.is-playing span{top:-16px}.player__artist{display:flex;flex-direction:column;text-align:center;width:100%}.player__music{color:#fff;font-size:14px;font-weight:700;line-height:1.4em;margin-bottom:5px}.player__artists{color:#5c5970;font-size:12px;line-height:1.4em}.player__controls{align-self:center}.player__control{-webkit-tap-highlight-color:transparent;align-items:center;background:#05172e;background:linear-gradient(0deg,#060125,#05172e);border-radius:50px;box-shadow:inset 0 3px 5px 1px hsla(0,0%,100%,.05),0 1px 5px 1px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;font-size:25px;height:40px;justify-content:center;line-height:0;overflow:hidden;position:relative;text-align:center;width:40px}.player__control.is-paused{color:#00f387}.playlists{display:flex}.playlists__content{display:flex;flex-wrap:wrap;justify-content:space-between;padding:16px 0}.playlists__item{display:flex;flex-direction:row;margin-bottom:10px;position:relative;width:100%}@media screen and (min-width:568px){.playlists__item{width:calc(50% - 10px);margin-bottom:15px}}.playlists__item__link{background-size:cover;border-radius:5px;border:1px solid #1a1a22;color:#fff;display:flex;margin-bottom:5px;overflow:hidden;padding-top:calc(50% - 5px);text-decoration:none;width:calc(50% - 5px)}.playlists__item__description{font-size:13px;line-height:1.3em;overflow:hidden;padding-left:10px;position:relative;width:50%}.playlists__item__description strong{display:block;margin-bottom:5px;color:#fff}.playlists__item__title{display:none}.topbar{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#060125;display:flex;font-family:"Raleway",sans-serif;left:0;padding:8px 0;position:fixed;top:0;width:100%;z-index:9999}.topbar .container{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between}.topbar .spotify-brand{height:30px}.topbar .user{position:relative;align-items:center;display:flex;justify-content:center}.topbar .user__name{color:#00f387;font-size:13px;font-weight:700;margin-right:8px}.topbar .user__thumb{border-radius:50px;border:1px solid #5c5970;height:35px;overflow:hidden;width:35px}.topbar .user__thumb img{height:100%;width:auto}.track{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(0deg,hsla(0,0%,100%,.01),hsla(0,0%,100%,0));border-radius:5px;cursor:pointer;display:flex;margin-bottom:10px;overflow:hidden;padding:5px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.track.is-playing .track__play{border-color:#00f387}.track.is-playing .track__name{color:#00f387}.track.is-playing .track__play__wrapper{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.track__play{border-radius:50px;border:1px solid #fff;color:#fff;flex:0 0 32px;font-size:20px;height:32px;overflow:hidden;position:relative}.track__play,.track__play__wrapper{transition-timing-function:cubic-bezier(.4,0,.2,1);transition:all .2s}.track__play__wrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column;padding:5px;position:absolute;top:0;-webkit-transform:translate(0);transform:translate(0);width:100%}.track__play__icon{margin-bottom:5px}.track__play__icon:last-of-type{color:#00f387}.track__info{padding-left:10px;width:auto;display:flex;flex-direction:column}.track__name{color:#fff;font-size:14px;line-height:1.3em;font-weight:600;margin-bottom:5px;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:all .2s}.track__artists{display:block;font-size:12px}.tracks{display:flex}.tracks__content{width:100%;display:flex;flex-direction:column;padding:16px 0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/*# sourceMappingURL=main.bf40b699.chunk.css.map */