@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Ubuntu+Mono&display=swap);ul.submenu{cursor:auto;background:#e0e0e0;background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border:1px solid #ccc;border-radius:3px;padding:0;margin:0;list-style:none;min-width:150px}.submenu-item{width:100%;cursor:pointer;transition:background .3s ease,color .1s ease}.submenu-item a{color:inherit;padding:4px 8px;box-sizing:border-box;text-decoration:none;display:inline-block;width:100%}.submenu-item a[disabled=true]{color:#999}.submenu-item a:hover:not([disabled=true]){background:linear-gradient(180deg,#404040,#707070);color:#fff}.modal{display:flex;flex-direction:column;justify-content:center;width:100vw;height:100vh;position:absolute;top:0;left:0;background:rgba(0,0,0,.6)}.modal-form{width:300px;margin:auto;background:#fff;border:1px solid #999;border-radius:3px}.modal-form input.input{background-color:#fff}.modal-form .modal-form-header{padding:4px;background:linear-gradient(180deg,#f0f0f0,#d0d0d0)}.modal-form .modal-form-main{padding:12px}.modal-form .modal-form-description{margin:20px 0;text-align:center}.modal-form .modal-form-buttons{text-align:right;padding:8px 8px}.autocomplete{position:relative;box-sizing:border-box}.autocomplete-options{position:absolute;width:100%;top:32px;border:1px solid #eee;box-shadow:0 0 2px rgba(0,0,0,.3);box-sizing:border-box;z-index:20}.autocomplete-options-item{height:24px;overflow:hidden;border-bottom:1px solid #eee;background-color:#fff;cursor:pointer}.autocomplete-options-item-active{background-color:#45a;color:#fff}.band-option{padding:4px 12px}.picker{position:relative}.picker .picker-input{cursor:pointer;padding:2px 6px;box-sizing:border-box;height:28px;width:100%;background-color:#fff;border:1px solid #999;border-radius:3px;display:flex;align-items:center;justify-content:center}.picker .picker-input svg{margin-top:2px;margin-left:2px;width:12px}.picker .picker-options{position:absolute;z-index:200;background:#fff;width:100%;box-sizing:border-box;border:1px solid #999;top:30px;max-height:105px;overflow:auto}.picker .picker-options .picker-options-item{padding:3px 4px;height:21px;cursor:pointer;box-sizing:border-box}.picker .picker-options .picker-options-item:hover{background:linear-gradient(180deg,#e0e0e0,silver)}.btn-download svg{width:16px;margin-top:-5px;position:relative;top:3.5px}.bounce-modal input[type=number]{text-align:center}.modal-form-field{margin-bottom:8px}.modal-form-field label{display:block;margin-bottom:2px}.modal-form-field input.input{width:100%}ul.mainmenu{background:#e0e0e0;background:linear-gradient(180deg,#f0f0f0,#e0e0e0);color:#000;padding:4px 8px;margin:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.mainmenu li.mainmenu-item{display:inline-block;cursor:pointer;margin-right:1em;position:relative}ul.mainmenu li.mainmenu-item .submenu-wrapper{position:absolute;top:20px;z-index:100}.user-info{padding:4px 8px;display:flex;align-items:center}.user-info .user-avatar{width:20px;height:20px;background-size:contain;border-radius:50px;margin-right:4px}@-webkit-keyframes waveform{0%{transform:scaleY(.8725267706)}10%{transform:scaleY(.5977066863)}20%{transform:scaleY(1.9734538159)}30%{transform:scaleY(.0805745318)}40%{transform:scaleY(1.2235050014)}50%{transform:scaleY(1.5074329115)}60%{transform:scaleY(1.5651015402)}70%{transform:scaleY(.6518504039)}80%{transform:scaleY(1.0533808949)}90%{transform:scaleY(1.0435154561)}to{transform:scaleY(1.4427659745)}}@keyframes waveform{0%{transform:scaleY(.8725267706)}10%{transform:scaleY(.5977066863)}20%{transform:scaleY(1.9734538159)}30%{transform:scaleY(.0805745318)}40%{transform:scaleY(1.2235050014)}50%{transform:scaleY(1.5074329115)}60%{transform:scaleY(1.5651015402)}70%{transform:scaleY(.6518504039)}80%{transform:scaleY(1.0533808949)}90%{transform:scaleY(1.0435154561)}to{transform:scaleY(1.4427659745)}}.loading-animation-wrapper{display:flex;justify-content:center;position:relative}.loading-animation-wrapper .loading-block{-webkit-animation:waveform 1s linear infinite;animation:waveform 1s linear infinite;width:5px;height:50px;border:1px solid #999;background:linear-gradient(180deg,#f0f0f0,silver)}.loading-animation-wrapper .loading-block:not(:last-child){margin-right:2px}.loading-animation-wrapper h3{position:absolute;width:100%;top:calc(50% - 25px);font-size:38px;font-weight:700;margin:0;text-align:center}.authenticate{background:linear-gradient(180deg,#f0f0f0,#d0d0d0);height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.authenticate .authenticate-form{width:250px;padding:20px;border:1px solid #ccc;text-align:center}.authenticate .authenticate-form h3{margin-top:0;font-weight:700}.alert{padding:8px;border-radius:4px;border-width:1px;border-style:solid;margin-bottom:8px;font-weight:700;position:relative;box-sizing:border-box}.alert .close{font-size:2em;position:absolute;top:1px;right:8px;font-weight:400;text-decoration:none;color:inherit;cursor:pointer}.alert.alert-error{border-color:#c05c5c;background-color:rgba(192,92,92,.8);color:#fff}.alert.alert-success{border-color:#5cc05c;background-color:rgba(92,192,92,.8);color:#fff}.alert.alert-info{border-color:#5cc0c0;background-color:rgba(92,192,192,.8);color:#fff}.alert.alert-warn{border-color:#ffdb24;background-color:rgba(255,219,36,.8);color:#000}.alerts-overlay{position:fixed;top:0;left:0;margin:32px 8px 8px;z-index:200;box-sizing:border-box;width:calc(100vw - 16px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;padding:0;margin:0;font-size:12px;min-width:1024px}body,button,h1,h2,h3,h4,h5,h6,input,textarea{font-family:Montserrat,Helvetica,Arial,sans-serif;font-weight:400}.fullscreen-loading{height:100vh}.menu-fullscreen-loading{height:calc(100vh - 48px)}.fullscreen-loading,.menu-fullscreen-loading{display:flex;flex-direction:column;justify-content:center}.select-disable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn{padding:0;font-size:1em;padding:2px;box-sizing:border-box;border:1px solid #999;text-align:center;background:linear-gradient(180deg,#f0f0f0,#d0d0d0);cursor:pointer}.btn:hover{outline:1px solid rgba(0,0,0,.3);background:linear-gradient(180deg,#d0d0d0,#b0b0b0)}.btn-outline{border:1px solid #444;color:#444;border-radius:3px;background:transparent;height:28px;cursor:pointer;margin-right:4px;padding:4px 12px;text-transform:uppercase;font-size:.95em;text-decoration:none;transition:color .15s ease,background-color .15s ease}.btn-outline:hover{outline:2px solid rgba(0,0,0,.3)}.btn-outline:disabled{border-color:#999;color:#999;cursor:auto}.btn-outline:disabled:hover{outline:none}.btn-outline.active{background-color:#444;color:#fff}.btn-danger{border-color:#c44;color:#c00}.btn-danger:hover{outline:2px solid rgba(255,0,0,.3)}.btn-sq{box-sizing:border-box;width:28px;padding:4px;overflow:hidden}.btn-small{padding:2px 4px}input.input{height:28px;box-sizing:border-box;background:#eee;border:1px solid #999;border-radius:3px;padding:2px 6px}input.input:focus{outline:2px solid #aaa}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.small{font-size:.9em}.btn-group button.btn-outline{margin:0;border-radius:0}.btn-group button.btn-outline:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.btn-group button.btn-outline:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.btn-group button.btn-outline:not(:last-child){border-right:none}.track-waveform{overflow:auto;box-sizing:border-box;border-bottom:1px solid #ccc;background:linear-gradient(180deg,#f0f0f0,#e0e0e0);background-blend-mode:multiply;position:relative}.track-waveform .track-download{display:block;position:absolute;bottom:2px;width:20px;height:20px;color:rgba(0,0,0,.5)}.track-timeline{position:absolute;top:0;left:0;height:12px;font-size:.8em;color:#000;background-color:rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.track-timeline .tick{border-left:1px solid #000;padding-left:4px;position:absolute;top:0}.meter{width:100%;border:1px solid #ddd;padding:1px 2px;white-space:nowrap;overflow:hidden;box-sizing:border-box;text-overflow:ellipsis;position:relative;text-shadow:1px 0 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,0 1px 0 #fff;background:linear-gradient(90deg,#209646,#20be46 80%,#ffe13b 90%,#c61919)}.meter span{position:relative;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.meter .meter-value{box-sizing:inherit;position:absolute;height:100%;top:0;right:0;background:#5cc05c;background:#fcfcfc}.knob{width:20px;height:20px}.track-mixer{height:50px;width:300px;box-sizing:border-box;overflow:hidden;border-bottom:1px solid #ccc;background:linear-gradient(180deg,#f0f0f0,#d0d0d0);display:grid;padding:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-template-areas:"name    .     mute  solo" "volume  .     pan   width";grid-gap:2px;grid-template-rows:20px 20px;grid-template-columns:auto 1px 20px 20px}.track-mixer.track-mixer-muted{background:linear-gradient(180deg,silver,#b0b0b0)}.track-mixer .name{grid-area:name;cursor:-webkit-grab;cursor:grab}.track-mixer .pan{grid-area:pan}.track-mixer .width{grid-area:width}.track-mixer .btn.mute,.track-mixer .btn.solo{background:transparent;color:#000;line-height:1em;width:20px;height:20px;font-size:1em}.track-mixer .mute.mute-selected{border-color:#d00;text-shadow:1px 0 2px #d00,-1px 0 2px #d00,0 1px 2px #d00,0 -1px 2px #d00;color:#fff}.track-mixer .solo.solo-selected{border-color:#ff4;color:#000;text-shadow:1px 0 2px #ff4,-1px 0 2px #ff4,0 1px 2px #ff4,0 -1px 2px #ff4}.track-mixer .mute{grid-area:mute}.track-mixer .solo{grid-area:solo}.track-mixer .delete{position:absolute;top:5px;left:calc(50% - 24px);width:40px;opacity:.3}.track-mixer .volume{grid-area:volume;padding-top:2px}.track-mixer .volume input[type=range]{-webkit-appearance:none;background:transparent;width:calc(100% - 2px)}.track-mixer .volume input[type=range]:focus{outline:none}.track-mixer .volume input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#b6b6b6;border-radius:25px;border:1px solid #8a8a8a}.track-mixer .volume input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #828282;border:1px solid #8a8a8a;height:16px;width:16px;border-radius:4px;background:#dadada;cursor:pointer;-webkit-appearance:none;margin-top:-6px}.track-mixer .volume input[type=range]:focus::-webkit-slider-runnable-track{background:#b6b6b6}.track-mixer .volume input[type=range]::-moz-range-track{box-sizing:border-box;width:100%;height:6px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#b6b6b6;border-radius:25px;border:1px solid #8a8a8a}.track-mixer .volume input[type=range]::-moz-range-thumb{box-sizing:border-box;box-shadow:1px 1px 1px #828282;border:1px solid #8a8a8a;height:16px;width:16px;border-radius:4px;background:#dadada;cursor:pointer}.track-mixer .volume input[type=range]::-ms-track{width:100%;height:6px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}.track-mixer .volume input[type=range]::-ms-fill-lower,.track-mixer .volume input[type=range]::-ms-fill-upper{background:#b6b6b6;border:1px solid #8a8a8a;border-radius:50px;box-shadow:0 0 0 #000}.track-mixer .volume input[type=range]::-ms-thumb{margin-top:1px;box-shadow:1px 1px 1px #828282;border:1px solid #8a8a8a;height:16px;width:16px;border-radius:4px;background:#dadada;cursor:pointer}.track-mixer .volume input[type=range]:focus::-ms-fill-lower,.track-mixer .volume input[type=range]:focus::-ms-fill-upper{background:#b6b6b6}.track-mixer.track-mixer-drag{position:fixed;z-index:100;opacity:.85}.track-mixer-drop{margin-bottom:50px}.is-dragging .fake-drop,.is-dragging .track-mixer{transition:margin-bottom .1s linear}.mix-view-mixers{background-image:linear-gradient(135deg,#e0e0e0 25%,#f0f0f0 0,#f0f0f0 50%,#e0e0e0 0,#e0e0e0 75%,#f0f0f0 0,#f0f0f0);background-size:20px 20px}.track-position-pointer{width:0;border-left:1px solid #777;position:absolute;top:0}.track-picker-section-header{padding:2px;font-weight:700;cursor:pointer}.track-picker-section-header svg{position:relative;top:1.5px;width:12px;height:12px}.track-list-item{display:flex;align-items:center;padding:4px 2px 4px 18px}.track-list-item .track-list-item-name{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-list-item .track-list-item-add{display:block;width:16px;height:16px;opacity:0;transition:opacity .15s ease}.track-list-item .track-list-item-add svg{width:16px;height:16px}.track-list-item:hover .track-list-item-add{opacity:1}.track-picker .add-all{text-align:right}.track-picker .btn-outline{height:24px;margin-bottom:8px}.mix-control{height:46px;background:linear-gradient(135deg,#e0e0e0,silver);box-sizing:border-box;border-top:1px solid #999;border-bottom:1px solid #999;padding:8px;display:flex;align-items:center}.mix-control-start-stop button.btn-sq:last-child{margin-right:0}.mix-control-clock{height:28px;background-color:#777;border:1px solid #444;padding:2px 8px 2px 19px;box-sizing:border-box;font-size:1.5em;font-weight:700;width:120px;color:#eee}.mix-control-vr{margin:0 12px;height:28px;width:0;border-right:1px solid #999;border-left:1px solid #eee}.mix-control-tempo{margin-left:1em;font-weight:700}.mix-control-tempo input.input{width:56px}.mix-control-name{font-weight:700}.mix-control-name input.input{margin-left:.5em;width:250px}.mix-control-tracks{position:relative}.mix-control-tracks .mix-control-tracks-add{position:absolute;top:0;left:0;width:270px;background:#f0f0f0;border:1px solid #ccc;border-radius:3px;padding:28px 8px 8px;z-index:1}.mix-control-tracks a.mix-control-tracks-btn{height:28px;display:flex;align-items:center;margin:0 8px;box-sizing:border-box;color:inherit;text-decoration:none;z-index:2;position:relative}.mix-control-tracks a.mix-control-tracks-btn svg{width:20px;height:20px;margin-right:.3em}.mix-control-space{flex-grow:1}.mix-control-unsaved{width:20px;height:20px;position:relative;top:1px;cursor:help}.mix-control-timeline{margin-left:.5em}.mix-control-timeline .btn-outline{font-size:.8em}.mix-view{position:relative}.mix-view-tracks,.mix-view-tracks-empty{display:flex;width:100%;height:calc(100vh - 89px);background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.mix-view-tracks{overflow:auto}.mix-view-tracks .mix-view-mixers{width:300px;border-right:1px solid #ccc}.mix-view-tracks .mix-view-waveforms{flex-grow:1;width:calc(100vw - 300px);overflow:auto;position:relative}.mix-view-tracks-empty{flex-direction:column;justify-content:center;text-align:center;font-size:1.1em}.mix-view-status{height:20px;display:flex;align-items:center;background:linear-gradient(135deg,#e0e0e0,silver);box-sizing:border-box;border-top:1px solid #999;padding:0 8px}.users-autocomplete .autocomplete-options-item{height:36px}.user-option{padding:4px 12px}.user-option-name{font-weight:700;line-height:1.2em}.user-option-username{font-size:.8em}.band-view{background:#d0d0d0;min-height:calc(100vh - 24px);border-top:1px solid #999;box-sizing:border-box;display:flex;padding:12px}.band-view .band-view-left{width:350px;margin-right:1em}.band-view .band-view-right{flex-grow:1}.band-view .band-member{margin-bottom:2px}.band-view .band-member svg{width:12px;position:relative;top:1.5px;cursor:pointer}.band-view .band-member svg:hover~span{text-decoration:line-through}.band-view .section.members{min-height:200px;display:flex;flex-direction:column}.band-view .section.members .section-sub.member-list{flex-grow:1}.band-view .users-autocomplete{width:350px}.filedrop,.filedrop-receive{height:150px;box-sizing:border-box}.filedrop-receive{position:absolute;left:0;top:0;width:100%;border:8px solid #aaa}.filedrop{position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:2em}.filedrop-receive.filedrop-receive-hover{border-color:#cfc;background-color:rgba(144,240,144,.125)}.filedrop h3{font-size:1.5em}.tag-picker{width:180px;box-sizing:border-box;position:relative;padding:9px 0}.tag-picker a.handler{color:#000;text-decoration:none}.tag-picker a.handler svg{width:14px;position:relative;top:3px}.tag-picker .tag-picker-picker{box-sizing:border-box;position:absolute;list-style:none;margin:0;padding:0;width:100%;top:0;left:0;background:linear-gradient(180deg,#f0f0f0,#d0d0d0);border:1px solid #999;z-index:10}.tag-picker-option .tag-picker-option-link{display:block;padding:4px 8px;color:#000;text-decoration:none}.tag-picker-option .tag-picker-option-link.active{background-color:#ccc}.tag-picker-option .tag-picker-option-link:hover{background-color:#999;color:#fff}.project-view-track-list-item{padding:4px;margin-bottom:4px;height:46px;box-sizing:border-box;display:grid;grid-template-areas:"name tag delete" "hash tag delete";grid-template-rows:18px 12px;grid-template-columns:390px auto 20px;grid-gap:4px}.project-view-track-list-item .track-name{grid-area:name;font-weight:700;font-size:1.2em}.project-view-track-list-item .track-hash{grid-area:hash;font-family:Ubuntu Mono,Courier New,Courier,monospace}.project-view-track-list-item .track-tag{grid-area:tag}.project-view-track-list-item .track-del{grid-area:delete}.project-view-track-list-item .track-del a{display:block;width:20px;height:20px;color:#000}.project-view-progress-track-list-item{padding:4px;margin-bottom:4px;height:46px;box-sizing:border-box;background:#f0f0f0}.project-view-progress-track-list-item .track-name{font-weight:700;font-size:1.2em;margin-bottom:8px}.project-view-progress-track-list-item .track-progress{height:8px;border:1px solid #999;position:relative}.project-view-progress-track-list-item .track-progress .track-progress-prog{background-color:#ccc;height:8px}.project-view{background:#d0d0d0;min-height:calc(100vh - 24px);border-top:1px solid #999;display:flex;padding:12px}.project-view .project-view-left{width:350px;margin-right:1em}.project-view .project-view-right{flex-grow:1}section.section{border:1px solid #999;padding:16px;border-radius:4px;position:relative;margin-bottom:1em}section.section legend{position:absolute;top:-8px;left:12px;background:#d0d0d0;padding:0 6px}.section-sub:not(:last-child){margin-bottom:8px}.section-sub label{display:block;font-size:.9em;margin-bottom:1px}.section-sub input[type=text]{width:100%}.section-sub input[type=number]{width:56px}.section-sub.buttons{margin-top:1em;text-align:right}.mix-name{font-size:1.1em}.mix-name a{font-weight:700;color:#000}.mix-description{font-size:1em;font-style:italic}.project-manager-mix{margin-top:2px;margin-bottom:2px;padding-left:12px;display:flex;width:100%;max-width:800px;box-sizing:border-box}.project-manager-mix .mix-version{flex-grow:1;font-weight:700}.project-manager-mix .mix-version a{color:#000;text-decoration:none}.project-manager-mix .mix-version a:hover{text-decoration:underline}.project-manager-mix .mix-author,.project-manager-mix .mix-updated{width:220px}.project-manager-project{width:100%;max-width:800px;padding-left:12px}.project-manager-project-row{margin-top:2px;margin-bottom:2px;display:flex;width:100%}.project-manager-project-row .project-name{flex-grow:1;font-weight:700}.project-manager-project-row .project-name a{color:#000;text-decoration:none}.project-manager-project-row .project-name a:hover{text-decoration:underline}.project-manager-project-row .project-author,.project-manager-project-row .project-updated{width:220px}.project-manager{background:#d0d0d0;min-height:calc(100vh - 24px);border-top:1px solid #999;padding:12px}.project-manager .band-name{font-size:1.2em;font-weight:700;margin-bottom:6px}