@import url(https://fonts.googleapis.com/css?family=Barlow:400,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Barlow&display=swap);#svg-canvas{position:absolute}[data-v-0211bb9e]{font-family:Barlow,Helvetica,sans-serif}main[data-v-0211bb9e]{background:#f7f7f7;padding:0 5vh;overflow-x:hidden}#welcome[data-v-0211bb9e]{height:50vh;position:relative;background:#ffc454;padding:5vh;margin:0 -5vh}#welcome h1[data-v-0211bb9e]{font-size:3rem;text-transform:uppercase;background:transparent}.toggle[data-v-0211bb9e]{text-align:center;border-bottom:1px solid #2c3450}.toggle button[data-v-0211bb9e]{background:transparent;border:1px solid transparent;border-bottom:3px solid transparent;border-radius:0;margin-bottom:-2px;text-transform:uppercase;font-weight:700;letter-spacing:1px;color:#b9b9b9}.toggle button.active[data-v-0211bb9e]{color:#2c3450;border-bottom:3px solid #ffc454}.toggle button.active[data-v-0211bb9e]:hover{color:#ffc454}#tracks[data-v-0211bb9e]{min-height:50vh;-webkit-transform:translateY(0);transform:translateY(0);opacity:0;z-index:12;position:relative;margin:0 5vh;padding:0 20px;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s,-webkit-transform .2s}section[data-v-0211bb9e]{display:none;z-index:0;position:relative}section.active[data-v-0211bb9e]{display:block}#tracks h2[data-v-0211bb9e]{padding:10px 0}#tracks.active[data-v-0211bb9e]{opacity:1}#embed-wrap a button[data-v-0211bb9e],.button[data-v-0211bb9e],button.button[data-v-0211bb9e],button[data-v-0211bb9e]{background:#fff;border:3px solid #2c3450;border-radius:5px;-webkit-transition:background .3s,color .3s;transition:background .3s,color .3s;padding:12px 24px;font-size:16px;margin:12px 0}button[data-v-0211bb9e]:hover{background:#2c3450;color:#fff;cursor:pointer}input[type=text][data-v-0211bb9e]{font-size:16px;border-radius:2px;padding:5px 10px;border:1px solid;width:80%}input[type=file][data-v-0211bb9e]{opacity:0;position:absolute;width:100%;height:100%;top:0;left:0}input[type=file][data-v-0211bb9e]:hover{cursor:pointer}h4[data-v-0211bb9e]{padding:10vh 15vh;text-align:center;font-weight:400}#all_tracks[data-v-0211bb9e]{width:100%;margin:0;padding:0}#all_tracks li[data-v-0211bb9e]{width:30%;clear:both;display:inline-block;vertical-align:top}h3[data-v-0211bb9e]{text-align:center;font-size:2rem;padding:10vh 5vh;background:#4adeef}.upload[data-v-0211bb9e]{background:#ddd;width:90%;padding:5%;display:block;clear:both;text-align:center;font-weight:400;position:relative}.source-img[data-v-0211bb9e]{width:94%;height:50vh;display:inline-block;margin:3%}.src-wrap[data-v-0211bb9e]{position:relative;width:48%;margin-right:2%;display:inline-block}.list-wrap[data-v-0211bb9e]{width:50%;height:100vh;display:inline-block;vertical-align:top;position:relative}.list-wrap ul[data-v-0211bb9e]{width:50%;background:hsla(0,0%,100%,.85)}.list-wrap li[data-v-0211bb9e]{clear:both}#svg-wrap[data-v-0211bb9e],.src-wrap ul[data-v-0211bb9e]{position:absolute;left:0;top:0;z-index:-1;width:100%}canvas[data-v-0211bb9e]{position:absolute}em.loading[data-v-0211bb9e]{letter-spacing:3px}@media (max-width:600px){#welcome h1[data-v-0211bb9e]{font-size:2.4rem}#all_tracks li[data-v-0211bb9e]{width:100%}.source-img[data-v-0211bb9e]{height:10vh;width:94%}.list-wrap[data-v-0211bb9e],.src-wrap[data-v-0211bb9e]{width:100%}.src-wrap ul[data-v-0211bb9e]{width:20px;position:relative;float:left;height:0;-webkit-transform:scale(.5) translateX(-50px) translateY(-24vh);transform:scale(.5) translateX(-50px) translateY(-24vh)}.list-wrap li[data-v-0211bb9e]{font-size:12px}.list-wrap[data-v-0211bb9e]{overflow-y:scroll;overflow-x:hidden}#tracks[data-v-0211bb9e]{margin:0 2vh;padding:0}#tracks.active[data-v-0211bb9e]{-webkit-transform:translateY(0);transform:translateY(0);margin-bottom:0}#svg-wrap[data-v-0211bb9e]{position:relative}#top_tracks[data-v-0211bb9e]{width:100%}.upload[data-v-0211bb9e]{height:50vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toggle button[data-v-0211bb9e]{font-size:.7rem;padding:.8rem}main[data-v-0211bb9e]{width:calc(100% - 10vh);overflow:hidden}}*{font-family:Barlow,Helvetica,sans-serif;padding:0;margin:0}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3450}li{list-style-type:none}ul{margin:0;padding:0;display:inline-block;float:left;width:50%}