.icon{width:24px;height:24px;pointer-events:none}.icon--small{width:18px;height:18px}.btn{display:inline-block;text-align:center;text-decoration:none;outline:none;border:0;padding:0;overflow:hidden;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);background:transparent}.btn[disabled]{cursor:default}.btn--icon{border-radius:40px;padding:8px;width:40px;height:40px}.btn--icon{border-radius:100%;padding:8px;width:40px;height:40px}.search-bar{height:0;overflow:hidden;-webkit-transition:height .16s ease-in-out;-o-transition:height .16s ease-in-out;transition:height .16s ease-in-out}.search-bar--open{height:90px}.search-form{border-top:1px solid hsla(0,0%,100%,.05)}.search-form__input{outline:none;border:0;padding:0;width:100%;height:65px;color:#f0f0f0;font-family:inherit;font-size:1.875rem;font-weight:300;background:transparent;-webkit-font-smoothing:antialiased}.search-form__input::-webkit-input-placeholder{color:#999;opacity:1}.search-form__input::-moz-placeholder{color:#999;opacity:1}.search-form__input:-ms-input-placeholder{color:#999;opacity:1}.search-form__input::placeholder{color:#999;opacity:1}.search-form__input:focus::-webkit-input-placeholder{color:#777;opacity:1}.search-form__input:focus::-moz-placeholder{color:#777;opacity:1}.search-form__input:focus:-ms-input-placeholder{color:#777;opacity:1}.search-form__input:focus::placeholder{color:#777;opacity:1}.search-form__input::-ms-clear{display:none}.header{position:fixed;left:0;top:0;z-index:100;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 3px 0 0 rgba(0,0,0,.08);box-shadow:0 3px 0 0 rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.2);width:100%;min-height:61px;overflow:hidden;background:#262728}.header__title{float:left;padding-top:10px;height:60px;font-size:.875rem;font-weight:400;line-height:2.85714}.header__actions{float:right;padding-top:18px;height:60px}.header__actions:after{clear:both;content:"";display:table}.header__actions li{float:left;margin-left:12px;border-left:1px solid #38393a;padding-left:12px;height:24px;list-style:none}.header__actions li:first-of-type{margin-left:0;border:none;padding-left:0}.header__actions .btn{margin-top:3px;border-radius:0;padding:0;fill:#98999a}.header__actions .btn--search-alt,.header__actions .btn--search-alt .icon{width:18px;height:18px}.header__actions .btn--soundcloud,.header__actions .btn--soundcloud .icon{width:36px;height:18px}.header__actions .link{display:block;fill:#98999a;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.header__actions .link--github{margin-top:2px;width:20px;height:20px}.header__actions .link--github .icon{width:20px;height:20px}.audio-timeline{display:block;position:relative;width:inherit;height:inherit}.audio-timeline .bar{position:absolute;height:inherit;background:rgba(143,55,255,.5)}.audio-timeline .bar--animated{-webkit-transition:width .5s;-o-transition:width .5s;transition:width .5s}.audio-timeline .bar--buffered{opacity:.3}@-webkit-keyframes show-player{0%{bottom:-80px}to{bottom:-10px}}@keyframes show-player{0%{bottom:-80px}to{bottom:-10px}}.player{display:block;position:fixed;left:0;bottom:-10px;z-index:100;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 -3px 0 0 rgba(0,0,0,.1);box-shadow:0 -3px 0 0 rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.2);width:100%;height:71px;background:#2d2e2f;-webkit-animation-name:show-player;animation-name:show-player;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:.3s;animation-duration:.3s}.player-timeline{height:4px;background:#3a3b3c;cursor:pointer}.player-controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 auto;padding-top:8px;max-width:970px;font-size:rem(13px)}.player-controls .btn--icon{fill:#5d5e5f}.player-controls .btn--icon:active{background:rgba(0,0,0,.15)}.player-controls .btn--icon:hover{fill:#955fde}.player-controls__time{padding:0 10px}.player-controls__title{-ms-flex:1 1 0%;flex:1 1 0%;padding:0 10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.player-controls__volume{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.player-controls__volume>span{width:35px;text-align:center}.content-header{margin-bottom:40px;padding-top:94px;height:220px;color:#7d7e7f;background:#1d1e1f}.content-header__title{color:#d6d6d6;font-size:2.25rem;font-weight:300;line-height:1.16667;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}@-webkit-keyframes loadingIndicator{0%,to{-webkit-transform:scale(0);transform:scale(0)}75%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes loadingIndicator{0%,to{-webkit-transform:scale(0);transform:scale(0)}75%{-webkit-transform:scale(1);transform:scale(1)}}.loading-indicator{position:relative;margin:100px auto 0;width:80px;height:80px}.loading-indicator .circle{position:absolute;left:0;top:0;border-radius:50%;width:100%;height:100%;opacity:.4;background-color:#6d30ba;-webkit-animation:loadingIndicator 2.25s infinite ease-in-out;animation:loadingIndicator 2.25s infinite ease-in-out}.loading-indicator .circle--2{-webkit-animation-delay:-.75s;animation-delay:-.75s}.loading-indicator .circle--3{-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.waveform{display:block;position:absolute;left:0;top:0;overflow:hidden}.waveform,.waveform canvas{width:inherit;height:inherit;pointer-events:none}.waveform canvas{-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated;image-rendering:optimizeSpeed}.waveform-timeline{position:relative;margin-bottom:25px;width:100%;height:70px;background:#2a2b2c;opacity:0}.waveform-timeline--ready{opacity:1;-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.track-card{display:-ms-flexbox;display:flex;overflow:hidden}.track-card__username{color:#7d7e7f;font-size:.8125rem;text-decoration:none}.track-card__title,.track-card__username{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.track-card__title{font-size:.9375rem;font-weight:400}.track-card__actions{display:-ms-flexbox;display:flex;height:40px;color:#5d5e5f;fill:#4d4e4f;font-size:.8125rem;line-height:40px}.track-card__actions .cell{-ms-flex-align:center;align-items:center;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.track-card__actions .cell,.track-card__actions .cell>a{display:-ms-flexbox;display:flex}.track-card__actions .cell>a:visited{fill:#4d4e4f}.track-card__actions .cell>span{margin-left:6px}.track-card__actions .cell .icon--headset{margin-top:1px}.track-card__actions .btn--icon:active{background:rgba(0,0,0,.2)}.track-card__actions .btn--icon:hover{fill:#78797a}.track-card--compact{-ms-flex-direction:column;flex-direction:column;margin-bottom:30px;border-top:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid #18191a;padding-top:20px}.track-card--compact .track-card__image{position:relative;height:auto;background:#171819}.track-card--compact .track-card__image:before{content:"";float:left;padding-top:100%}.track-card--compact .track-card__image img{position:absolute}.track-card--compact .track-card__main{position:relative;background:#1d1e1f}.track-card--compact .track-card__main:before{content:"";float:left;padding-top:61.8%}.track-card--compact .track-card__timeline{border-bottom:1px solid rgba(0,0,0,.1);height:9px;background:#171819}.track-card--compact .track-card__username{margin:6px 15px 0;font-size:.8125rem;line-height:1.53846}.track-card--compact .track-card__title{margin:0 15px;color:#bdbebf;font-size:.875rem;line-height:1.42857}.has-line-clamp .track-card--compact .track-card__title{display:-webkit-box;-webkit-line-clamp:2;white-space:normal;word-wrap:break-word}.track-card--compact .track-card__actions{position:absolute;left:0;bottom:10px;width:100%}.track-card--compact .track-card__actions .cell:last-of-type{margin-left:auto;margin-right:15px}.track-card--full{margin-bottom:20px;height:220px;background:#1d1e1f}.track-card--full .track-card__image{-ms-flex-item-align:start;align-self:flex-start;width:220px}.track-card--full .track-card__main{-ms-flex:1 1 0%;flex:1 1 0%;border-left:4px solid rgba(0,0,0,.1);padding:14px 20px 0 16px;overflow:hidden}.track-card--full .track-card__username{line-height:1.38462}.track-card--full .track-card__title{margin-bottom:22px;color:#bdbebf;line-height:1.26667}.track-card--full .track-card__actions .cell{width:120px}.track-card--full .track-card__actions .cell:first-of-type{width:140px}.tracklist{-webkit-transform:translateZ(0);transform:translateZ(0)}.search-header{margin-bottom:40px;padding-top:94px;height:220px;color:#7d7e7f;background:#1d1e1f}.search-header__title{color:#d6d6d6;font-size:2.25rem;font-weight:300;line-height:1.16667;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.user-card{margin-bottom:40px;padding-top:110px;height:270px;background:#1d1e1f}.user-card .circle{float:right;margin-left:10px;margin-top:3px;border-radius:50%;padding:10px;width:44px;height:44px;fill:#4d4e4f;background:rgba(0,0,0,.2)}.user-card__title{margin-bottom:27px;color:#d6d6d6;font-size:2.25rem;font-weight:300;line-height:1.38889}.user-stats__label{display:block;border-bottom:1px solid #363738;padding-bottom:3px;color:#808182;text-decoration:none}.user-stats__label.active{border-bottom:1px solid #6d30ba}.user-stats__value{font-size:1.5rem}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,ul{margin:0}fieldset,iframe{border:0}fieldset,legend,ol,td,th,ul{padding:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}html{min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:16px;cursor:default;background-color:#262728}body{font-family:aktiv-grotesk,Helvetica Neue,Arial,sans-serif;font-size:.875rem;line-height:1.42857;color:#aaabac}a{background-color:transparent}a:active,a:hover{outline:0}button{overflow:visible;cursor:pointer}button::-moz-focus-inner{border:0;padding:0}hr{border:0;border-top:1px solid}img{border:0;max-width:100%;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}html{overflow-y:scroll}a{color:inherit;text-decoration:none}::-moz-selection{background:rgba(200,200,255,.1)}::selection{background:rgba(200,200,255,.1)}.g-col{float:left;position:relative;padding-left:10px;padding-right:10px;width:100%}.g-cont{padding:0 10px}.g-row{margin:0 auto;width:100%;max-width:960px}.g-row:after,.g-row:before{content:"";display:table}.g-row:after{clear:both}.g-row .g-row{margin:0 -10px;width:auto}.w-1\/1,.w-full{width:100%}.w-1\/2{width:50%}.w-1\/3{width:33.33333%}.w-2\/3{width:66.66667%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}@media screen{.xs-1\/2{width:50%}.xs-2\/2{width:100%}}@media screen and (min-width:31.25em){.sm-1\/4{width:25%}.sm-2\/4{width:50%}.sm-3\/4{width:75%}.sm-4\/4{width:100%}}@media screen and (min-width:46.25em){.md-1\/3{width:33.33333%}.md-2\/3{width:66.66667%}.md-3\/3{width:100%}}@media screen and (min-width:61.25em){.lg-1\/4{width:25%}.lg-2\/4{width:50%}.lg-3\/4{width:75%}.lg-4\/4{width:100%}.g-cont{padding:0}}@media screen and (max-width:31.24em){.xs-hide{display:none}}.hidden{display:none}
/*# sourceMappingURL=main.ebc9558d.css.map*/