*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;height:100%}body{margin:0}svg{width:100%}img{max-width:100%;height:auto}p{margin:0}.body-copy{margin:1rem 0}ul{margin:0;padding:0;list-style:none}a{color:#454f8c;text-decoration:none;border-bottom:1px solid}h1,h2,h3,h4{color:#454f8c;margin:1rem 0 .3rem 0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#6d8ca0;background-color:#e4e6f2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28'%3E%3Cpath fill='%23454f8c' fill-opacity='.2' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 10-4 0h-4.09A25.98 25.98 0 000 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 00-2-2v-2a4 4 0 013.98 3.6 28.09 28.09 0 012.8-3.86A8 8 0 000 6V4a9.99 9.99 0 018.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 000 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0014.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 014 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 00-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0148.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0156 4v2a8 8 0 00-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0156 10v2a2 2 0 00-2 2.07 28.4 28.4 0 012-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 012.8-3.86 8 8 0 00-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 017.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 00-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0136.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 00-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0125.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 00-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0116.34 0z'/%3E%3C/svg%3E");display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:100%;font-size:17px;line-height:1.6;text-align:left}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.box{background:#fff;border-radius:10px}.box,.box-shadow{-webkit-box-shadow:4px 4px 29px 6px rgba(4,15,41,.06),9px 9px 45px 34px rgba(4,15,41,.04);box-shadow:4px 4px 29px 6px rgba(4,15,41,.06),9px 9px 45px 34px rgba(4,15,41,.04)}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.m-a-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-a-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-a-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-a-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.s-a-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s-a-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.s-a-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.s-a-between{-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between}.m-t-0{margin-top:0}.m-t-1{margin-top:1rem}.m-t-3{margin-top:3rem}.m-t-5{margin-top:5rem}.m-t-8{margin-top:8rem}.m-t-10{margin-top:10rem}.m-b-0{margin-bottom:0}.m-b-1{margin-bottom:1rem}.m-b-3{margin-bottom:3rem}.m-b-5{margin-bottom:5rem}.m-b-8{margin-bottom:8rem}.m-b-10{margin-bottom:10rem}.m-r-0{margin-right:0}.m-r-1{margin-right:1rem}.m-r-3{margin-right:3rem}.m-r-5{margin-right:5rem}.m-r-8{margin-right:8rem}.m-r-10{margin-right:10rem}.btn{display:inline-block;text-decoration:none;border:none;-webkit-transition:all .2s ease;transition:all .2s ease;padding:.5rem .7rem;-webkit-box-shadow:0 5px 4px -1px rgba(0,0,0,.3);box-shadow:0 5px 4px -1px rgba(0,0,0,.3);-webkit-transform:translateY(2px);transform:translateY(2px);cursor:pointer}.btn-primary{background:linear-gradient(160deg,#838cc3,#444e8d);color:#fff}.btn-primary:hover{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 4px 10px 1px rgba(0,0,0,.3);box-shadow:0 4px 10px 1px rgba(0,0,0,.3)}.btn-secondary{background:#fff;-webkit-box-shadow:0 1px 2px 2px #fff,0 1px 5px 3px rgba(0,0,0,.18),inset 0 0 0 0 rgba(0,0,0,.2);box-shadow:0 1px 2px 2px #fff,0 1px 5px 3px rgba(0,0,0,.18),inset 0 0 0 0 rgba(0,0,0,.2);border-radius:10px;border:1px solid rgba(0,0,0,.2)}.btn-secondary:hover{-webkit-box-shadow:0 0 0 2px #fff,0 1px 6px 6px rgba(0,0,0,.09),inset 0 0 6px 0 rgba(0,0,0,.2);box-shadow:0 0 0 2px #fff,0 1px 6px 6px rgba(0,0,0,.09),inset 0 0 6px 0 rgba(0,0,0,.2)}@media screen and (max-width:1024px){body{height:100%}}.user-profile[data-v-f8ea26a2]{margin:2rem;padding:1rem}.user-id[data-v-f8ea26a2]{font-size:.8rem;color:#666e98}.profile-email[data-v-f8ea26a2],.profile-id[data-v-f8ea26a2],.profile-link[data-v-f8ea26a2],.profile-name[data-v-f8ea26a2]{width:100%;text-align:left}@media screen and (max-width:1024px){.user-profile[data-v-f8ea26a2]{width:100%}}.mobile.nav-buttons[data-v-2c1ef747]{display:none;width:100%}.artist-container[data-v-2c1ef747]{padding:2rem;max-width:100%}.artist-list[data-v-2c1ef747]{width:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden;padding-bottom:2rem}.artist[data-v-2c1ef747]{margin-right:3rem;position:relative}.artist[data-v-2c1ef747]:last-child{margin-right:0}.artist-img[data-v-2c1ef747]{width:320px;max-width:none;height:400px;-o-object-fit:cover;object-fit:cover;border:16px solid #fff;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}.selected .artist-img[data-v-2c1ef747]{border-color:#454f8c}.artist-options[data-v-2c1ef747]{position:absolute;bottom:.6rem;height:30px;width:100%;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.button[data-v-2c1ef747]{padding:.8rem;background:linear-gradient(-45deg,#ff9e01,#fff2c0);-webkit-box-shadow:0 0 0 3px #fff,0 3px 12px 3px rgba(0,0,0,.2),inset 0 1px 2px 3px transparent;box-shadow:0 0 0 3px #fff,0 3px 12px 3px rgba(0,0,0,.2),inset 0 1px 2px 3px transparent;border-radius:50%;border:none;opacity:0;-webkit-transform:rotateY(80deg) translateY(5px);transform:rotateY(80deg) translateY(5px);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transform-origin:50% 30%;transform-origin:50% 30%;cursor:pointer}.button>svg[data-v-2c1ef747]{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.selected .button>svg[data-v-2c1ef747]{-webkit-transform:scale(.8);transform:scale(.8)}.artist:hover .button[data-v-2c1ef747]{-webkit-transform:rotate(0deg) translateY(0);transform:rotate(0deg) translateY(0);opacity:1}.button[data-v-2c1ef747]:hover{-webkit-box-shadow:0 0 0 3px #fff,0 3px 12px 3px rgba(0,0,0,.2),inset 0 2px 3px 1px rgba(0,0,0,.2);box-shadow:0 0 0 3px #fff,0 3px 12px 3px rgba(0,0,0,.2),inset 0 2px 3px 1px rgba(0,0,0,.2)}.selected .button[data-v-2c1ef747]{-webkit-box-shadow:0 0 0 3px #fff,0 3px 12px 3px rgba(0,0,0,.2),inset 0 2px 3px 5px rgba(0,0,0,.2);box-shadow:0 0 0 3px #fff,0 3px 12px 3px rgba(0,0,0,.2),inset 0 2px 3px 5px rgba(0,0,0,.2)}@media screen and (max-width:1024px){.mobile.nav-buttons[data-v-2c1ef747]{display:-webkit-box;display:-ms-flexbox;display:flex}}.recent-tracks[data-v-8a249424]{margin:0 1rem 1rem 1rem}.list-heading[data-v-8a249424]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);margin:1rem;width:100%}.track-name[data-v-8a249424]{color:#454f8c;font-weight:700}.track-list[data-v-8a249424]{list-style:none;padding:0;width:100%}.track[data-v-8a249424]{padding:.5rem 1rem;color:#454f8c}.track[data-v-8a249424]:nth-child(odd){background:#f3f3f3}.expand-recent-tracks[data-v-8a249424]{cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-webkit-transform-origin:center center;transform-origin:center center;transform-box:fill-box;opacity:0}.expand-recent-tracks.active[data-v-8a249424]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media screen and (max-width:1024px){.expand-recent-tracks[data-v-8a249424]{opacity:1}.recent-tracks[data-v-8a249424]{width:100%}.track-list[data-v-8a249424]{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0;height:0}.track-list.expanded[data-v-8a249424]{-webkit-transform:scaleY(1);transform:scaleY(1);height:auto}}.recommended-tracks[data-v-6a6ade4c]{width:100%}.list-heading[data-v-6a6ade4c]{margin:1rem 2rem .4rem 2rem}.track-list[data-v-6a6ade4c]{width:100%;padding:0 0 1rem 0}.track[data-v-6a6ade4c]{width:100%;color:#454f8c;padding:.5rem 2rem;border-bottom:1px solid #e7e9f3}.track[data-v-6a6ade4c]:last-child{border-bottom:none}.track>[data-v-6a6ade4c]{margin:0 .5rem}.header[data-v-6a6ade4c]{font-weight:700}.track-link[data-v-6a6ade4c],.track-number[data-v-6a6ade4c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.track-preview[data-v-6a6ade4c]{-webkit-box-flex:2;-ms-flex:2;flex:2;cursor:pointer}.track-name[data-v-6a6ade4c]{-webkit-box-flex:7;-ms-flex:7;flex:7}.track-artist[data-v-6a6ade4c]{-webkit-box-flex:5;-ms-flex:5;flex:5}.track-album[data-v-6a6ade4c]{-webkit-box-flex:7;-ms-flex:7;flex:7}.track-link a[data-v-6a6ade4c]{border-bottom:none;opacity:.2}.track-link a[data-v-6a6ade4c]:hover{opacity:1}.dashboard[data-v-1f01e94d]{width:100%;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:100%}.col-left[data-v-1f01e94d]{width:25%;height:100%;overflow:hidden;position:relative}.col-right[data-v-1f01e94d]{width:75%;height:100%;overflow:hidden;position:relative}.solid-background[data-v-1f01e94d]{padding:2rem;padding-right:calc(2rem + 16px);background:linear-gradient(-45deg,#ffb133,#ffc466);border-top-right-radius:10px;border-bottom-right-radius:10px}.absolute-wrapper[data-v-1f01e94d],.solid-background[data-v-1f01e94d]{width:calc(100% + 16px);height:100%;overflow-y:scroll;position:absolute;top:0;left:0;right:0;bottom:0}.absolute-wrapper[data-v-1f01e94d]{background:#fff;border-radius:10px;border-top-right-radius:0;border-bottom-right-radius:0}@media screen and (max-width:1024px){.absolute-wrapper[data-v-1f01e94d]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.col-right[data-v-1f01e94d],.dashboard .col-left[data-v-1f01e94d]{height:auto}.col-left[data-v-1f01e94d],.col-right[data-v-1f01e94d]{width:100%}.absolute-wrapper[data-v-1f01e94d],.solid-background[data-v-1f01e94d]{height:auto;position:relative;overflow:initial}}.notification[data-v-ee64fe14]{position:fixed;left:0;right:0;top:0;bottom:0;padding:0 10rem;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background:rgba(69,79,140,.9)}.notification-body[data-v-ee64fe14]{padding:1rem 2rem;border-top:10px solid #fff;border-radius:0;min-width:600px;margin-top:5rem}.error[data-v-ee64fe14]{border-color:#ff9e01}.progress-component[data-v-15fbf34c]{-webkit-box-flex:7;-ms-flex:7;flex:7;margin:0 2rem}.progress-track[data-v-15fbf34c]{background:#e8e8e8;height:10px;overflow:hidden;border-radius:20px;-webkit-box-flex:7;-ms-flex:7;flex:7;margin:0 1rem}.progress-bar[data-v-15fbf34c]{background:linear-gradient(-45deg,#ffb133,#ffc466);height:100%;width:0;-webkit-transition:width .2s linear;transition:width .2s linear}.progress-time[data-v-15fbf34c]{text-align:center}.volume-control[data-v-39179451]{-webkit-box-flex:2;-ms-flex:2;flex:2}.speaker-icon[data-v-39179451]{-webkit-box-flex:1;-ms-flex:1;flex:1}.volume-bar[data-v-39179451]{position:relative;background:#e8e8e8;height:10px;border-radius:20px;cursor:pointer;overflow:hidden;-webkit-box-flex:7;-ms-flex:7;flex:7}.volume-indicator[data-v-39179451]{background:#c7c7c7;position:absolute;top:0;left:0;height:100%;width:0;-webkit-transition:width .1s ease;transition:width .1s ease}.player[data-v-2e3fb176]{width:75%}.player-button[data-v-2e3fb176]{border:none;background:none;min-height:30px;cursor:pointer;padding:0}.player-button[data-v-2e3fb176]:focus{outline:none}.disabled[data-v-2e3fb176]{opacity:.5}.action-footer[data-v-3f976bb2]{position:fixed;bottom:0;left:0;height:80px;width:100%;background:#fff;border-top:1px solid #444;opacity:1;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;padding:1rem 10rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateY(80px);transform:translateY(80px);z-index:2}.action-footer.active[data-v-3f976bb2]{-webkit-transform:translateY(0);transform:translateY(0)}.action-buttons .btn[data-v-3f976bb2]:first-child{margin-right:1rem}.main-content[data-v-41f56592]{width:100%;padding:0 3rem;height:calc(100vh - 6rem)}@media screen and (max-width:1024px){.main-content[data-v-41f56592]{padding:0 0;height:auto}}@-webkit-keyframes idle-data-v-063e66a2{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes idle-data-v-063e66a2{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translate(0);transform:translate(0)}}.circle[data-v-063e66a2]{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:idle-data-v-063e66a2 2s ease-in-out infinite;animation:idle-data-v-063e66a2 2s ease-in-out infinite;transform-box:fill-box;fill:#fff;opacity:1}.circle[data-v-063e66a2]:first-child,.circle[data-v-063e66a2]:nth-child(2){-webkit-animation-timing-function:cubic-bezier(.165,.84,.44,1);animation-timing-function:cubic-bezier(.165,.84,.44,1);-webkit-animation-duration:2.5s;animation-duration:2.5s}.circle[data-v-063e66a2]:nth-child(3){-webkit-animation-timing-function:cubic-bezier(.39,.575,.565,1);animation-timing-function:cubic-bezier(.39,.575,.565,1);-webkit-animation-duration:1.7s;animation-duration:1.7s}.circle[data-v-063e66a2]:nth-child(4){-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-duration:1.5s;animation-duration:1.5s}.login-section[data-v-1279e774],main[data-v-1279e774]{width:100%}.login-illustration[data-v-1279e774]{-webkit-box-flex:3;-ms-flex:3;flex:3}.login-box[data-v-1279e774]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;border-radius:4px;padding:3rem 2rem;margin-right:2rem}