.register-form[data-v-4724bd92]{align-items:center;background-color:var(--primary);display:flex;flex-direction:column;margin:2rem 0;padding:1rem}.register-form h1[data-v-4724bd92]{color:var(--secondary);font-size:1rem;margin-bottom:.25rem;width:100%}.register-form input[data-v-4724bd92]{background-color:transparent;border:0;border-bottom:1px solid;border-bottom-color:var(--secondary);color:var(--secondary);margin-right:1rem;margin-bottom:1rem;width:100%}.register-form input[data-v-4724bd92]:focus{border-bottom:1px solid #000;outline:none}.register-form .input-user[data-v-4724bd92]{margin-bottom:3rem}.register-form a[data-v-4724bd92]{color:var(--secondary);text-align:center;width:100%}.register-form .errors[data-v-4724bd92]{background:var(--secondary);color:var(--primary);width:100%}.register-form .errors li[data-v-4724bd92]{margin:.25rem}.register-form .btn-signup[data-v-4724bd92]{background-color:var(--primary);border:1px solid #000;border-color:var(--secondary);color:var(--secondary);margin:1rem;padding:.75rem}.register-form .btn-signup[data-v-4724bd92]:hover{background:var(--secondary);color:var(--primary);cursor:pointer}.register-form .login[data-v-4724bd92]{font-size:.75rem}.register-form .login a[data-v-4724bd92]{text-decoration:underline}.register-form .login a[data-v-4724bd92]:hover{cursor:pointer}.register-form i[data-v-4724bd92]{margin-left:.5rem}@media(max-width:1024px){h1[data-v-4724bd92]{font-size:1rem}}.login-form[data-v-47241756]{align-items:center;background-color:var(--primary);display:flex;flex-direction:column;margin:2rem 0;padding:1rem}.login-form h1[data-v-47241756]{color:var(--secondary);font-size:1rem;margin-bottom:.25rem;width:100%}.login-form input[data-v-47241756]{background-color:transparent;border:0;border-bottom:1px solid;border-bottom-color:var(--secondary);color:var(--secondary);margin-right:1rem;margin-bottom:1rem;width:100%}.login-form input[data-v-47241756]:focus{border-bottom:1px solid #000;outline:none}.login-form a[data-v-47241756]{color:var(--secondary);text-align:center;width:100%}.login-form .errors[data-v-47241756]{background:var(--secondary);color:var(--primary);width:100%}.login-form .errors li[data-v-47241756]{margin:.25rem}.login-form .btn-login[data-v-47241756]{background-color:var(--primary);border:1px solid #000;border-color:var(--secondary);color:var(--secondary);margin:1rem;padding:.75rem}.login-form .btn-login[data-v-47241756]:hover{background-color:var(--secondary);color:var(--primary);cursor:pointer}.login-form .sign-up[data-v-47241756]{font-size:.75rem}.login-form .sign-up a[data-v-47241756]{text-decoration:underline}.login-form .sign-up a[data-v-47241756]:hover{cursor:pointer}.login-form i[data-v-47241756]{margin-left:.5rem}@media(max-width:1024px){.login-form h1[data-v-47241756]{font-size:1rem}}.info[data-v-02e99d1a]{background-color:#fff;display:flex;flex-direction:column;padding:1rem;height:100%;width:25%}.info h1[data-v-02e99d1a]{color:#408ea3;font-size:4rem}.info h1 i[data-v-02e99d1a]{font-size:.8em}.info h2[data-v-02e99d1a]{font-size:1.25rem}.info ul[data-v-02e99d1a]{display:flex;flex-direction:column;margin:2rem 0}.info ul li[data-v-02e99d1a]{margin:1rem 0}.info .menu[data-v-02e99d1a]{height:auto;margin:2rem 0;width:100%}.info .menu h1[data-v-02e99d1a]{color:var(--secondary);font-size:1rem;font-weight:700}.info .menu a[data-v-02e99d1a]{color:var(--secondary);margin-bottom:.5rem;text-decoration:none;width:auto}.info .menu a[data-v-02e99d1a]:hover{cursor:pointer;text-decoration:underline}.info .menu span[data-v-02e99d1a]{width:100%}.info .menu li[data-v-02e99d1a]{cursor:pointer}.info .menu li[data-v-02e99d1a]:hover{text-decoration:underline}.info .menu i[data-v-02e99d1a]{margin-right:.5rem}.info .menu .user-lists[data-v-02e99d1a]{margin:0;max-height:25vh;overflow-y:scroll;padding:1rem 0}.info .menu .user-lists li[data-v-02e99d1a]{margin:.25rem 0;padding:0}.info .footer[data-v-02e99d1a]{align-items:flex-end;display:flex;flex-grow:1;font-size:.75rem;line-height:1.666}.info .footer a[data-v-02e99d1a]{color:var(--secondary)}.scroll[data-v-02e99d1a]::-webkit-scrollbar-track{background-color:var(--primary)}.scroll[data-v-02e99d1a]::-webkit-scrollbar{width:.25rem;background-color:var(--primary)}.scroll[data-v-02e99d1a]::-webkit-scrollbar-thumb{background-color:var(--secondary)}@media(max-width:1450px){.info h1[data-v-02e99d1a]{font-size:3rem}.info h2[data-v-02e99d1a]{font-size:.75rem}}@media(max-width:1024px){.info[data-v-02e99d1a]{background-color:#fff;height:91vh;left:0;margin-top:0;position:fixed;top:0;transition:all .4s ease;width:100%;z-index:100}.info .mobile-header[data-v-02e99d1a]{font-size:2rem;text-align:right;width:100%}.info h1[data-v-02e99d1a]{font-size:4rem}.info h2[data-v-02e99d1a]{font-size:1rem}.closed[data-v-02e99d1a]{transform:translateX(-100vw)}}li[data-v-4a19db4a]{border:1px solid;border-color:var(--secondary);margin-bottom:1rem;padding:1rem}li[data-v-4a19db4a]:hover{cursor:pointer}li.selected[data-v-4a19db4a],li[data-v-4a19db4a]:hover{background-color:var(--secondary);color:var(--primary)}progress[data-v-0ac1f90d]{height:.5rem;width:100%}progress[value][data-v-0ac1f90d]{-webkit-appearance:none;-moz-appearance:none;appearance:none}progress[value][data-v-0ac1f90d]::-webkit-progress-bar{background-color:var(--primary);border:1px solid var(--secondary);border-radius:1rem}progress[value][data-v-0ac1f90d]::-webkit-progress-value{background-color:var(--secondary);border-radius:1rem}.controls[data-v-0ac1f90d]{align-items:center;display:flex;font-size:2rem;justify-content:flex-end;padding:1rem;text-align:center;width:100%}.controls i[data-v-0ac1f90d]{margin:0 .5rem}.controls i[data-v-0ac1f90d]:hover{cursor:pointer}.controls i.fa-play[data-v-0ac1f90d]{margin:0 1rem}.controls i.fa-random[data-v-0ac1f90d],.controls i.fa-repeat[data-v-0ac1f90d]{font-size:1.5rem;opacity:.5}.controls i.fa-random[data-v-0ac1f90d]:hover,.controls i.fa-repeat[data-v-0ac1f90d]:hover{opacity:1}.controls i.fa-random[data-v-0ac1f90d]{margin-right:3rem}.controls i.fa-repeat[data-v-0ac1f90d]{margin-left:3rem}@media(max-width:1024px){.controls[data-v-0ac1f90d]{padding:0}.controls .fa-backward[data-v-0ac1f90d],.controls .fa-forward[data-v-0ac1f90d],.controls .fa-random[data-v-0ac1f90d],.controls .fa-repeat[data-v-0ac1f90d]{display:none}.controls .fa-pause[data-v-0ac1f90d],.controls .fa-play[data-v-0ac1f90d]{font-size:2rem}}.mobile-open progress[data-v-0ac1f90d]{margin-bottom:2rem;width:95vw}.mobile-open .controls[data-v-0ac1f90d]{justify-content:center}.embed .fa-backward[data-v-0ac1f90d],.embed .fa-forward[data-v-0ac1f90d],.mobile-open .fa-backward[data-v-0ac1f90d],.mobile-open .fa-forward[data-v-0ac1f90d],.mobile-open .fa-random[data-v-0ac1f90d],.mobile-open .fa-repeat[data-v-0ac1f90d]{display:block}.playlist[data-v-3fd86466]{display:flex;background-color:var(--primary);color:var(--secondary);flex-direction:column;height:100%;padding:1rem;width:100%}.playlist .mobile-close[data-v-3fd86466]{display:none;font-size:2rem;margin-bottom:2rem;text-align:left;width:100%}.playlist .preview[data-v-3fd86466]{border:1px solid #000;display:inline;padding:.25rem;position:absolute;right:0;top:0}.playlist .track-controls[data-v-3fd86466]{display:flex;justify-content:center}.playlist h1[data-v-3fd86466]{font-size:2rem}.playlist h2[data-v-3fd86466]{font-size:2rem;margin:.5rem 0}.playlist h3[data-v-3fd86466]{margin-bottom:.5rem}.playlist h2[data-v-3fd86466],.playlist h3[data-v-3fd86466]{text-align:center;width:100%}.playlist p[data-v-3fd86466]{margin:1rem 0}.playlist img[data-v-3fd86466]{border:1px solid;border-color:var(--secondary);display:block;width:100%;height:auto}.playlist ul[data-v-3fd86466]{width:100%}@media(max-width:1450px){.playlist h2[data-v-3fd86466]{font-size:1.5rem}}@media(max-width:1024px){.playlist[data-v-3fd86466]{align-items:center;border-top:1px solid var(--secondary);display:flex;flex-direction:row;margin-top:0;padding:0;transition:all .4s ease;z-index:1000}.playlist img[data-v-3fd86466]{border:0;height:100%;width:auto}.playlist .track-title[data-v-3fd86466]{display:flex;flex-direction:column;flex-grow:1;padding-left:1rem}.playlist .track-title h2[data-v-3fd86466],.playlist .track-title h3[data-v-3fd86466]{text-align:left}.playlist .track-title h2[data-v-3fd86466]{font-size:1rem}.playlist .track-title h3[data-v-3fd86466]{font-size:.75rem}.playlist .track-list[data-v-3fd86466]{display:none}}.wide-open[data-v-3fd86466]{transform:translateY(-91vh);display:flex;flex-direction:column;left:0;height:100vh;padding:1rem;position:fixed}.wide-open .mobile-close[data-v-3fd86466]{padding-top:1rem;display:block}.wide-open img[data-v-3fd86466]{height:auto;margin-bottom:1rem;width:100%}.wide-open .track-title[data-v-3fd86466]{align-self:flex-start;flex-grow:0;margin-bottom:2rem;padding:0}.wide-open .track-title h2[data-v-3fd86466]{font-size:1.5rem;font-weight:700}.wide-open .track-title h3[data-v-3fd86466]{font-size:1rem}.big-pad[data-v-3fd86466]{padding-top:7rem}.player-embed-landscape[data-v-3fd86466]{align-items:center;display:flex;flex-direction:row;margin-top:0;padding:0}.player-embed-landscape img[data-v-3fd86466]{border:none;height:100%;width:auto}.player-embed-landscape .track-title[data-v-3fd86466]{display:flex;flex-direction:column;flex-grow:1;padding-left:1rem}.player-embed-landscape .track-title h2[data-v-3fd86466],.player-embed-landscape .track-title h3[data-v-3fd86466]{text-align:left}.player-embed-landscape .track-title h2[data-v-3fd86466]{font-size:1rem}.player-embed-landscape .track-title h3[data-v-3fd86466]{font-size:.75rem}.player-embed-landscape progress[data-v-3fd86466]{display:none}.player-embed-portrait[data-v-3fd86466]{align-items:center;border:none;display:flex;flex-direction:column;margin-top:0;overflow-y:scroll;padding:1rem}.player-embed-portrait img[data-v-3fd86466]{border:none;max-width:100%}.player-embed-portrait .track-title[data-v-3fd86466]{margin-bottom:1rem}.player-embed-portrait .track-title h2[data-v-3fd86466]{font-size:1.5rem}.player-embed-portrait .track-title h3[data-v-3fd86466]{font-size:1rem}.player-embed-portrait .track-title h2[data-v-3fd86466],.player-embed-portrait .track-title h3[data-v-3fd86466]{text-align:center}.player-embed-portrait .track-controls[data-v-3fd86466]{display:flex;justify-content:center;margin-bottom:1rem}.player-embed-portrait h1[data-v-3fd86466]{font-size:2rem}.player-embed-portrait h2[data-v-3fd86466]{font-size:2rem;margin:.5rem 0}.player-embed-portrait h3[data-v-3fd86466]{margin-bottom:.5rem}.player-embed-portrait h2[data-v-3fd86466],.player-embed-portrait h3[data-v-3fd86466]{text-align:center;width:100%}.player-embed-portrait p[data-v-3fd86466]{margin:1rem 0}.player-embed-portrait img[data-v-3fd86466]{border:1px solid;border-color:var(--secondary);display:block;width:100%;height:auto}.player-embed-portrait ul[data-v-3fd86466]{width:100%}.player-embed-portrait .track-list[data-v-3fd86466]{display:block}.home[data-v-59e9eb8f]{background-color:var(--primary);display:flex;height:100vh}.home .modal[data-v-59e9eb8f]{align-items:center;background-color:rgba(0,0,0,.5);color:#000;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:-10000}.home .modal div[data-v-59e9eb8f]{background-color:#fff;display:flex;flex-direction:column;max-width:33%;padding:2rem}.home .modal div h1[data-v-59e9eb8f]{font-weight:700;margin:0 0 .5rem 0}.home .modal div h2[data-v-59e9eb8f]{margin:1rem 0 .5rem 0}.home .modal div p[data-v-59e9eb8f]{margin-bottom:1rem}.home .modal div a[data-v-59e9eb8f]{border:1px solid #000;margin:1rem 0;padding:1rem;text-align:center;width:100%}.home .modal div a[data-v-59e9eb8f]:hover{background-color:#000;color:#fff;cursor:pointer}.home .modal div input[data-v-59e9eb8f]{border:1px solid #000;box-shadow:none;font-size:1rem;padding:.25rem}.home .modal div .copy[data-v-59e9eb8f]{background-color:#fff;border:1px solid #000;margin-left:1rem;padding:.25rem}.home .modal div .copy[data-v-59e9eb8f]:hover{background-color:#000;color:#fff;cursor:pointer}.home .modal div .permalink[data-v-59e9eb8f]{display:block;margin:0 0 1rem 0;padding:0}.home .modal div .permalink span[data-v-59e9eb8f]{text-decoration:underline}.home .modal div .embed-style[data-v-59e9eb8f]{align-items:center;flex-direction:row;margin-bottom:.5rem;padding:0}.home .modal div .embed-style a[data-v-59e9eb8f]{margin:0 1rem 0 0;padding:.25rem}.home .modal div .embed-style a i[data-v-59e9eb8f]{font-size:1.5rem}.home .modal div .embed-style a.selected[data-v-59e9eb8f]{background-color:#000;color:#fff}.home .content[data-v-59e9eb8f]{background-color:var(--primary);border-left:1px solid var(--secondary);color:var(--secondary);display:flex;flex-direction:column;height:100%;overflow-y:scroll;padding:1rem;width:50%}.home .content .mobile-header[data-v-59e9eb8f]{font-size:2rem;padding:1rem}.home .menu[data-v-59e9eb8f]{background-color:var(--primary);display:flex;height:100%;overflow-y:scroll;width:25%}.scroll[data-v-59e9eb8f]::-webkit-scrollbar-track{background-color:var(--primary)}.scroll[data-v-59e9eb8f]::-webkit-scrollbar{width:.25rem;background-color:var(--primary)}.scroll[data-v-59e9eb8f]::-webkit-scrollbar-thumb{background-color:var(--secondary)}@media(max-width:1024px){.home[data-v-59e9eb8f]{display:flex;font-size:16px;flex-direction:column;height:100%;padding-bottom:12vh}.home .modal div[data-v-59e9eb8f]{max-width:85%}.home .modal div h1[data-v-59e9eb8f]{font-size:1rem}.home .content[data-v-59e9eb8f]{border:none;font-size:12px;height:91vh;padding:.25rem;width:100%}.home .menu[data-v-59e9eb8f]{display:flex;bottom:0;left:0;overflow:hidden;position:fixed;height:9vh;width:100%;z-index:1000}}.embed[data-v-59e9eb8f]{align-items:center;display:flex;height:100%!important;justify-content:center;left:0;width:100vw!important;top:0}#app{background-color:#eef2f3;color:#232323;font-family:Roboto Mono,monospace;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app :root{--primary:#eef2f3;--secondary:#000}#app *{box-sizing:border-box}#app button,#app input,#app textarea{border-radius:0;font-family:Roboto Mono,monospace;font-size:1rem}#app input:focus,#app textarea:focus{outline:none}#app .fade-enter-active,#app .fade-leave-active{transition:opacity .5s ease}#app .fade-enter-from,#app .fade-leave-to{opacity:0}@media(max-width:1450px){#app{font-size:12px}}.track-song{align-items:center;background-color:#fff;border:1px solid #fff;display:flex;margin-bottom:1rem;width:100%}.track-song img{height:5rem;width:5rem}.track-song h1{font-size:1.25rem}.track-song h2{font-size:1rem}.track-song .title-display{padding:1rem}.track-song .controls{flex-grow:1;padding:1rem;text-align:right}.track-song .controls i{color:rgba(0,0,0,.5);margin:.25rem}.track-song .controls i:hover{color:#000;cursor:pointer}.track-song .controls .fa-times{margin-left:.75rem}@media(max-width:1024px){.track-song h1{font-size:1rem}.track-song h2{font-size:.75rem}.track-song i{font-size:1rem}}.track-entry{background-color:#fff;border-color:1px solid #fff;padding:1rem;width:100%}.track-entry .track-input{align-items:center;display:flex;justify-content:space-between}.track-entry .track-input input{width:75%}.track-entry .track-input a:hover{cursor:pointer}.track-entry .track-input div{text-align:center;width:25%}.track-entry .track-input a{background-color:#000;border:1px solid #000;color:#fff;padding:.5rem;line-height:1.666;text-align:center;width:25%}.track-entry .track-input span:hover{background-color:#000;color:#fff;cursor:pointer}@media(max-width:1024px){.track-entry .track-input{display:flex;flex-direction:column}.track-entry .track-input input{width:100%;margin-bottom:1rem}.track-entry .track-input a{width:100%}}.playlist-creator{display:flex;flex-direction:column;justify-content:flex-start;height:100%;padding:1rem;width:100%}.playlist-creator .page-title{font-size:2rem;margin-bottom:1rem}.playlist-creator input{background-color:transparent;border:0;border-bottom:1px solid rgba(0,0,0,.2);margin-right:1rem;width:100%}.playlist-creator input:focus{border-bottom:1px solid #000;outline:none}.playlist-creator textarea{border:1px solid rgba(0,0,0,.2);font-family:Roboto Mono,monospace;font-size:1rem;resize:none;width:100%}.playlist-creator textarea:focus{border-color:#000;outline:none}.playlist-creator .playlist-info{background:#fff;border:1px solid #fff;margin-bottom:2rem;padding:1rem}.playlist-creator .playlist-info h1{margin-bottom:.25rem}.playlist-creator .playlist-info input{margin-bottom:1rem}.playlist-creator .playlist-info input[type=color]{border-bottom:0;height:1.5rem;margin:0;padding:0;width:2rem}.playlist-creator .playlist-info textarea{margin-bottom:1rem}.playlist-creator .playlist-info ul{border:1px solid #000;display:flex;padding:.5rem}.playlist-creator .playlist-info ul li{align-items:center;display:flex}.playlist-creator .playlist-info ul li:first-of-type{margin-right:1rem}.playlist-creator .song-list{margin-bottom:1rem;width:100%}.make-playlist{border:1px solid #000;margin-top:1rem;padding:1rem;text-align:center}.make-playlist:hover{background-color:#000;color:#fff;cursor:pointer}.errors{background-color:#fff;margin-top:1rem;padding:.5rem}.errors li{margin:1rem 0}@media(max-width:1024px){.playlist-creator{padding-bottom:7rem}.playlist-creator h1{font-size:1rem}.playlist-creator textarea{border:1px solid #000}.playlist-creator ul li{font-size:.75rem}.playlist-creator .make-playlist{background-color:#000;color:#fff}}li[data-v-f3a3f794]:hover{background-color:var(--secondary);color:var(--primary);cursor:pointer}li:hover .bc a[data-v-f3a3f794],li:hover a[data-v-f3a3f794],li:hover i[data-v-f3a3f794]{color:var(--primary)}.selected[data-v-f3a3f794]{background-color:var(--secondary);color:var(--primary)}.selected .bc[data-v-f3a3f794],.selected .bc a[data-v-f3a3f794],.selected a[data-v-f3a3f794],.selected i[data-v-f3a3f794]{color:var(--primary)}.playlist-view h1{font-size:3rem;margin-bottom:.5rem}.playlist-view h2 a{color:var(--secondary)}.playlist-view h2 a:hover{cursor:pointer}.playlist-view h2 i{margin-right:.25rem}.playlist-view h2.share{margin:.5rem 0 1rem 0}.playlist-view h2.share a{text-decoration:none}.playlist-view h2.share a:hover{text-decoration:underline}.playlist-view h2.owner-controls{margin-top:.5rem}.playlist-view h2.owner-controls a:hover{cursor:pointer}.playlist-view h2.owner-controls i{margin-right:.25rem}.playlist-view h3{font-size:.75rem;margin-top:.25rem}.playlist-view p{margin:1.25rem 0}.playlist-view a.user-display{text-decoration:underline}.playlist-view .social-options{margin-bottom:1rem}.playlist-view .social-options a{text-decoration:underline}.playlist-view .social-options a:hover{cursor:pointer}.playlist-view .social-options i{margin-right:.5rem}.playlist-view .social-options h2{line-height:1.6}.playlist-view .nope{opacity:.3}.playlist-view .nope a:hover{cursor:not-allowed}.playlist-view .track-list li{display:flex;justify-content:space-around;padding:.5rem;width:100%}.playlist-view .track-list li.titles{border-bottom:1px solid;border-color:var(--secondary)}.playlist-view .track-list li.titles div{text-align:left}.playlist-view .track-list .fav{text-align:center;width:5%}.playlist-view .track-list .artist,.playlist-view .track-list .title{width:40%}.playlist-view .track-list .bc a{text-decoration:none;color:var(--secondary)}.playlist-view .track-list .bc i{margin-left:.5rem}@media(max-width:1024px){.playlist-info{padding:.5rem}.playlist-info h3{font-size:.5rem}h1{font-size:2rem}.track-list{font-size:.8rem;padding-bottom:9vh}.social-options{margin-bottom:.5rem}}