@charset "UTF-8";meta.foundation-version{font-family:"1.0.2"}meta.foundation-mq{font-family:"small=0&medium=40rem&large=75rem&xlarge=90rem&xxlarge=120rem"}.bandlab-instrument-toolbar{line-height:0;margin-bottom:18px;margin-left:2pc;text-align:left}.bandlab-instrument-toolbar article{line-height:initial;margin-right:1pc;display:inline-block}.bandlab-instrument-toolbar i{vertical-align:middle}.bandlab-instrument-toolbar .mix-editor-volume-input{margin-top:0}.bandlab-instrument-toolbar .mix-editor-button{font-size:14px;height:20px;line-height:19px;min-width:20px;padding:0}.bandlab-instrument-toolbar .mix-editor-button:nth-child(2){color:#2ABB9B}.bandlab-instrument-toolbar-label{color:#fff;display:inline-block;margin-right:8px;vertical-align:middle}.bandlab-instrument-piano{margin-top:30px}.virtual-piano-black,.virtual-piano-white{border-bottom-left-radius:3px;border-bottom-right-radius:3px;box-shadow:-1px 0 0 0 rgba(0,0,0,.1),1px 1px 0 0 rgba(0,0,0,.2);cursor:pointer;display:inline-block;font-size:14px;position:relative;transition:background-color 50ms ease-in-out,box-shadow 50ms ease-in-out;vertical-align:top}.active.virtual-piano-black,.active.virtual-piano-white{box-shadow:inset -1px 0 1px 0 rgba(0,0,0,.1),0 0 0 0 rgba(0,0,0,.1)}.virtual-piano-black span,.virtual-piano-white span{bottom:6px;left:0;right:0;position:absolute;text-transform:capitalize}.virtual-piano-white{background-color:#EEECEB;margin-right:1px;color:#252525;height:180px;width:36px}.virtual-piano-white.active{background-color:#D0D0D0}.virtual-piano-black{background-color:#282C33;color:#EEECEB;height:120.6px;margin-left:-11.16px;margin-right:-11.16px;width:22.32px;z-index:1}.virtual-piano-black.active{background-color:#7E7E7E}.virtual-drums{margin-bottom:10px;margin-left:40px;margin-top:56px}.virtual-drums-crash-cymbal{border-radius:50%;cursor:pointer;display:inline-block;font-size:0;height:90pt;margin:-8px 6px;overflow:hidden;position:relative;vertical-align:middle;width:90pt;background-color:#3C5767;box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.4),0 2px 24px 0 #282C33;transition:background-color .1s ease-in-out;bottom:1pc;left:20px;z-index:1}.virtual-drums-tom-high,.virtual-drums-tom-mid{border-radius:50%;cursor:pointer;display:inline-block;font-size:0;height:90px;margin:-8px 6px;overflow:hidden;position:relative;vertical-align:middle;width:90px;transition:all .1s ease-in-out}.virtual-drums-crash-cymbal.active{background-color:#2ABB9B}.virtual-drums-tom-mid{background-color:#97999C;box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.4),0 0 0 1px #4C4F53,0 0 0 3px #848484,0 2px 24px 0 #282C33}.virtual-drums-tom-mid.active{background-color:#2ABB9B;box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.4),0 0 0 1px #4C4F53,0 0 0 3px #2ABB9B}.virtual-drums-tom-high{background-color:#97999C;box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.4),0 0 0 1px #4C4F53,0 0 0 3px #848484,0 2px 24px 0 #282C33}.virtual-drums-tom-high.active{background-color:#2ABB9B;box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.4),0 0 0 1px #4C4F53,0 0 0 3px #2ABB9B}.virtual-drums-hi-hat,.virtual-drums-ride-cymbal{box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.4),0 2px 24px 0 #282C33;transition:background-color .1s ease-in-out;z-index:1;border-radius:50%;cursor:pointer;display:inline-block;font-size:0;margin:-8px 6px;overflow:hidden;position:relative;vertical-align:middle}.virtual-drums-ride-cymbal{height:8pc;width:8pc;background-color:#3C5767;right:20px;top:2px}.virtual-drums-ride-cymbal.active{background-color:#2ABB9B}.virtual-drums-ride-cymbal .virtual-drums-key:nth-child(2){bottom:50px}.virtual-drums-hi-hat{height:1in;width:1in;background-color:#3C5767;right:40px}.virtual-drums-snare-drum,.virtual-drums-tom-floor{box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.4),0 0 0 1px #4C4F53,0 0 0 3px #848484,0 2px 24px 0 #282C33}.virtual-drums-hi-hat.active{background-color:#2ABB9B}.virtual-drums-snare-drum{border-radius:50%;cursor:pointer;display:inline-block;font-size:0;height:90px;margin:-8px 6px;overflow:hidden;position:relative;vertical-align:middle;width:90px;background-color:#97999C;transition:all .1s ease-in-out;right:60px}.virtual-drums-snare-drum.active{background-color:#2ABB9B;box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.4),0 0 0 1px #4C4F53,0 0 0 3px #2ABB9B}.virtual-drums-snare-drum .virtual-drums-key:nth-child(2){bottom:38px}.virtual-drums-kick-drum{background:linear-gradient(to right,#363940 0,#75777B 20%,#75777B 80%,#363940 100%);bottom:0;border-radius:4px;height:76px;left:30px;margin:auto;position:absolute;right:0;top:1pc;width:75pt;z-index:-1}.virtual-drums-kick-drum-pedal,.virtual-drums-tom-floor{display:inline-block;font-size:0;right:60px;position:relative;cursor:pointer;vertical-align:middle;overflow:hidden}.virtual-drums-kick-drum-pedal{margin:-1pc 2pc;top:30px}.virtual-drums-kick-drum-pedal.active .background,.virtual-drums-kick-drum-pedal.active .shadow{fill:#2ABB9B}.virtual-drums-kick-drum-pedal .background,.virtual-drums-kick-drum-pedal .shadow{transition:fill 50ms ease-in-out}.virtual-drums-kick-drum-pedal .background{fill:#53565B}.virtual-drums-kick-drum-pedal .shadow{fill:#7E8084}.virtual-drums-kick-drum-pedal .virtual-drums-key{top:-58px}.virtual-drums-tom-floor{border-radius:50%;height:90px;margin:-8px 6px;width:90px;background-color:#97999C;transition:all .1s ease-in-out}.virtual-drums-tom-floor.active{background-color:#2ABB9B;box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.4),0 0 0 1px #4C4F53,0 0 0 3px #2ABB9B}.virtual-drums-key{font-size:14px}.virtual-drums-key:nth-child(1){align-items:center;border-radius:50%;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center}.virtual-drums-key:nth-child(2),.virtual-drums-key:nth-child(3){display:inline-block;height:30px;width:30px;line-height:30px}.virtual-drums-key:nth-child(2){bottom:40px;color:rgba(255,255,255,.5);position:relative}.virtual-drums-key:nth-child(3){color:rgba(255,255,255,.5);display:inline-block;left:11px;position:absolute;top:calc(50% - 15px)}.mix-editor-button,.mix-editor-button:focus{background-color:rgba(27,31,38,.5);color:rgba(255,255,255,.82)}.mix-editor-button-group{font-size:0;vertical-align:middle}.mix-editor-button-group a{font-size:22px}.mix-editor-button-group .mix-editor-button{border-radius:0}.mix-editor-button-group .mix-editor-button:first-child{border-radius:3px 0 0 3px}.mix-editor-button-group .mix-editor-button:not(:first-child){border-left:none}.mix-editor-button-group .mix-editor-button:last-child{border-radius:0 3px 3px 0}.mix-editor-button{border-radius:3px;border:1px solid rgba(255,255,255,.26);box-shadow:0 1px 1px 0 rgba(0,0,0,.22);cursor:pointer;display:inline-block;font-size:20px;height:40px;line-height:0;margin:0;min-width:40px;padding:8px;text-align:center;transition:color .2s,border-color .2s,background-color .1s;vertical-align:middle}.mix-editor .disabled,.mix-editor [disabled],.mix-editor-button.no-action{cursor:default}.mix-editor-button:focus{border-color:rgba(255,255,255,.26)}.mix-editor-button:hover{background-color:rgba(27,31,38,.1);border-color:rgba(255,255,255,.26);color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.2)}.mix-editor-button.active,.mix-editor-button:active{background-color:rgba(27,31,38,.5);border-color:rgba(255,255,255,.26);box-shadow:inset 0 2px 8px rgba(0,0,0,.5);color:#fff}.mix-editor-button.enabled{background-color:rgba(27,31,38,.5);border-color:rgba(42,187,155,.4);box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.2);color:#2abb9b}.mix-editor-button[disabled]{opacity:.5;pointer-events:none}.mix-editor-button.flat{background-color:rgba(27,31,38,.5);border-color:rgba(255,255,255,.26);box-shadow:0 1px 1px 0 rgba(0,0,0,.22);color:#fff}.mix-editor-button .icon-slice{position:relative;z-index:2}.mix-editor-button .icon-slice:after{content:'';border:1px dashed;color:rgba(255,255,255,.2);display:block;position:absolute;height:130%;width:0;top:-10%;left:10px;z-index:1}.mix-editor-footer{background:#fff;border-top:1px solid #CECECE;position:fixed;bottom:0;left:0;right:0;height:40px;min-width:75pc;padding:5px 15px;z-index:11}.mix-editor-footer-button-help{margin:0}.mix-editor-footer-button-help .icon-chat{display:inline-block;font-size:1pc;line-height:9pt;margin-top:-2px;padding-right:5px;vertical-align:middle}.mix-editor-footer-settings-container{bottom:5px;font-size:0;position:absolute;right:15px}.mix-editor-footer-settings-button .dropdown-container,.mix-editor-footer-settings-select .dropdown-container{bottom:40px;left:0;top:auto}.mix-editor-footer-settings-button-group{font-size:0}.mix-editor-footer-settings-button-group .mix-editor-footer-settings-button,.mix-editor-footer-settings-button-group .mix-editor-footer-settings-select{margin:0;border-radius:0}.mix-editor-footer-settings-button-group .mix-editor-footer-settings-button:first-child,.mix-editor-footer-settings-button-group .mix-editor-footer-settings-select:first-child{border-radius:4px 0 0 4px}.mix-editor-footer-settings-button-group .mix-editor-footer-settings-button:last-child,.mix-editor-footer-settings-button-group .mix-editor-footer-settings-select:last-child{border-radius:0 4px 4px 0}.mix-editor-footer-settings-button-group .mix-editor-footer-settings-button:not(:last-child),.mix-editor-footer-settings-button-group .mix-editor-footer-settings-select:not(:last-child){border-right-color:transparent}.mix-editor-footer-settings-button-group+.mix-editor-footer-settings-button,.mix-editor-footer-settings-button-group+.mix-editor-footer-settings-select{margin-left:20px}.mix-editor-footer-settings-button,.mix-editor-footer-settings-select{border:1px solid #CECECE;border-radius:4px;color:#4A4A4A;display:inline-block;font-size:18px;height:30px;line-height:0;min-width:2pc;margin:0 20px 0 0;padding:5px;position:relative;text-align:center;text-decoration:none!important;transition:all .2s ease;vertical-align:middle}.mix-editor-footer-settings-button.progress,.progress.mix-editor-footer-settings-select{cursor:default;width:60px;font-size:18px;line-height:18px}.enabled.mix-editor-footer-settings-select,.mix-editor-footer-settings-button.enabled{border-color:#2ABB9B;color:#2ABB9B}.disabled.mix-editor-footer-settings-select,.mix-editor-footer-settings-button.disabled{border-color:#d3d3d3;color:#7d7d7d;pointer-events:none}.mix-editor-footer-settings-button .dropdown-container .dropdown,.mix-editor-footer-settings-select .dropdown-container .dropdown{width:180px}.mix-editor-footer-settings-select{font-size:14px;line-height:18px;padding-left:9pt;padding-right:8px}.mix-editor-footer-settings-select .text{display:inline-block;padding-right:4px;text-align:left;width:140px}.mix-editor-footer-settings-select .icon-more,.mix-editor-footer-settings-select .icon-more-up{font-size:14px;vertical-align:text-top}.icon-shortcuts:before{font-size:14px;bottom:2px;content:'⌘';position:relative}.mix-editor-header{z-index:1}.mix-editor-header a{text-decoration:none!important}.mix-editor-header .profile-background-overlay{background:rgba(40,44,51,.8)}.mix-editor-header-content{color:#fff;font-size:0;height:5pc;min-width:75pc;padding:6px 20px;position:relative}.mix-editor-header-cover{float:left;margin-right:2pc}.mix-editor-header-leave{position:absolute;left:20px;top:28px}.mix-editor-header-leave-link{color:#fff;font-size:1pc}.mix-editor-header-leave-link .icon-exit{display:inline-block;margin-top:-4px;padding-right:10px}.mix-editor-header-save{padding:8px 0;position:absolute;right:20px;top:20px}.mix-editor-header-save-info{color:rgba(255,255,255,.4);display:inline-block;font-size:14px;padding:0 10px;vertical-align:middle}.mix-editor-header-save-button{margin:0}.mix-editor-header-save-button .icon-save{display:inline-block;line-height:1pc;font-size:1pc;padding-right:5px;margin:-3px 0 0 -1px;vertical-align:middle}.mix-editor-header-song{align-items:center;height:100%;display:flex;margin:0 auto;position:relative;text-align:center;width:500px}.mix-editor-header-song>div{text-align:center;width:100%}.mix-editor-header-song-author,.mix-editor-header-song-name{display:block;padding:1px 6px;margin:0 auto}.mix-editor-header-song-name{font-size:23px;font-weight:600;height:29px;line-height:26px;position:relative}.mix-editor-header-song-name-input[type=text]{background:0 0;box-shadow:none!important;border-radius:0;border:0;font-size:23px;font-weight:600;height:29px;line-height:26px;margin:0;padding-right:30px;text-align:center;transition:background .3s ease-in-out;width:100%}.mix-editor-header-song-name-input[type=text]+.icon-pen{color:rgba(255,255,255,.5);position:absolute;font-size:15px;right:15px;top:8px;height:15px;opacity:0;pointer-events:none;transition:opacity .3s ease;width:15px;z-index:1}.mix-editor-header-song-name-input[type=text]:hover{background:rgba(255,255,255,.05)}.mix-editor-header-song-name-input[type=text]:hover+.icon-pen{opacity:1}.mix-editor-header-song-name-input[type=text]:focus{background:rgba(255,255,255,.06)}.mix-editor-header-song-name-input[type=text]:focus+.icon-pen{opacity:0}.mix-editor-header-song-author{font-size:14px;height:21px;line-height:19px}.state-mixeditor.dragging *{pointer-events:none}.state-mixeditor.dragging .mix-editor-region-handler.mix-editor-region-handler{opacity:0;visibility:hidden}.state-mixeditor.dragging .mix-editor-track *{pointer-events:all}.state-mixeditor{backface-visibility:hidden;height:100vh;position:relative;overflow:hidden}.state-mixeditor .title-bar{display:none!important}.view-mixeditor{min-width:75pc;overflow:hidden;padding-top:0}.mix-editor{-webkit-user-select:none;user-select:none;min-width:75pc;overflow:hidden}.mix-editor-section{font-size:0;position:relative}.mix-editor-block,.mix-editor-block-headers,.mix-editor-block-tracks-container{display:inline-block;vertical-align:top}.mix-editor-block-headers{transition:width .1s ease-in-out;width:281px}.mix-editor-block-headers [mix-editor-scrollable]{width:inherit}.mix-editor-block-tracks-container{transition:width .1s ease-in-out;overflow:hidden;position:relative;width:calc(100% - 281px);z-index:0}.mix-editor-block-tracks{box-shadow:3px 0 4px rgba(0,0,0,.1);margin:0 9pt;min-width:100%;overflow:hidden;position:relative;width:auto}.mix-editor-background-canvas{left:281px;position:fixed;top:140px;z-index:0}.mix-editor-headers-actionbar{background:#fff;border-right:1px solid #D1D1D1;border-bottom:1px solid #D1D1D1;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#282C33;height:40px;font-size:1pc;line-height:20px;padding:9px 20px 10px;position:relative;z-index:9}.mix-editor-headers-actionbar a{text-decoration:none!important}.mix-editor-headers-actionbar a:hover{color:#040505}.mix-editor-headers-actionbar i{display:inline-block;font-size:14px;margin-top:-3px;padding-right:5px}.mix-editor-loader{flex-direction:column}.mix-editor-loader .modal{width:530px}.mix-editor-loader-animate{opacity:1;transition:all .5s ease-in-out}.mix-editor-loader-animate.ng-hide{opacity:0;transition-delay:.5s}.mix-editor-loader-cancel button{margin:20px 0 0}.mix-editor-loader-tips{margin-top:9pt}.mix-editor-loader-tips-icon{font-size:35px;margin-right:22px;vertical-align:top}.mix-editor-loader-tips-text{display:inline-block;margin-bottom:0;text-align:left;vertical-align:top;width:calc(100% - 90pt)}.mix-editor-loader-animation{margin:-9pt auto 22px}.mix-editor-footer-settings-select .dropdown-container a,.mix-editor-footer-settings-select .text,.mix-editor-header-song-author,.mix-editor-header-song-name,.mix-editor-track-header-name input,.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mix-editor-inline-input{background:0 0;text-align:center;width:100%}.mix-editor-context-menu{-webkit-transform:translate3d(0,0,0);min-width:1in;width:auto}.mix-editor-context-menu .sub-menu-title,.mix-editor-context-menu a{padding-top:3px;padding-bottom:3px}.mix-editor-progressbar{position:relative;height:27px;padding:3px;margin-bottom:4px;border-radius:4px;background-color:#e9e9e9}.mix-editor-progressbar .meter{background-color:#DC3710;border-radius:4px;display:block;height:100%;max-width:100%;transition:width .1s linear}.mix-editor-progressbar .percents{position:absolute;left:0;top:0;width:100%;height:100%;padding:3px 3px 3px 1pc;text-align:left;font-size:1pc;line-height:1.3;color:#fff;font-weight:600}.mix-editor-info-mini{position:absolute;background:#333;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.55);color:#fff;font-size:13px;font-weight:300;text-align:left;padding:3px 7px;z-index:5}.mix-editor-info-mini:after,.mix-editor-info-mini:before{bottom:100%;left:10px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.mix-editor-info-mini:after{border-color:rgba(51,51,51,0);border-bottom-color:#333;border-width:7px}.mix-editor-info-mini:before{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:8px;margin-left:-1px}.mix-editor-info-mini.above:after,.mix-editor-info-mini.above:before{border-color:transparent;bottom:auto;top:100%}.mix-editor-info-mini.above:after{border-top-color:#333}.mix-editor-info-mini.above:before{border-top-color:#fff}.mix-editor-info-mini-volume{top:19px;left:6px;width:75pt}.mix-editor-info-mini-volume.above{top:-36px}[mix-editor-area-selection].selecting *{pointer-events:none}.mix-editor-area-selection{background-color:rgba(40,44,51,.1);box-shadow:inset 0 0 0 1px rgba(40,44,51,.3);position:absolute;z-index:5}.mix-editor-playhead{cursor:col-resize;display:inline-block;height:75pc;left:9pt;width:15px;position:absolute;top:20px;will-change:transform;z-index:9}.mix-editor-playhead:before{-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #676C75;background-color:#fff;bottom:100%;font-size:19px;left:-8px;position:absolute;text-align:center;width:30px}.mix-editor-playhead:after{background:#fff;box-shadow:0 0 2px 1px rgba(0,0,0,.2);content:'';display:inline-block;margin-left:7px;height:100%;width:1px}.mix-editor-playhead:hover:after{box-shadow:0 0 2px 1px rgba(0,0,0,.2),0 0 4px 1px rgba(255,255,255,.2)}.mix-editor-regions-container{height:100%;position:relative}.mix-editor-regions-container.dropping{-webkit-animation:highlight-track .5s ease-in infinite alternate;animation:highlight-track .5s ease-in infinite alternate}.mix-editor-regions-container.dropping *{pointer-events:none}.mix-editor-region,.mix-editor-region-ghost,.mix-editor-region-recording{border-radius:6px;bottom:0;box-shadow:inset 0 0 0 1px #6d7f85;cursor:grab;height:calc(100% - 8px);margin:auto 0;position:absolute;top:0;transform:translate3d(0,0,0)}.mix-editor-region.tiny-first-loop .mix-editor-region-left-handler,.tiny-first-loop.mix-editor-region-ghost .mix-editor-region-left-handler,.tiny-first-loop.mix-editor-region-recording .mix-editor-region-left-handler{left:-22px}.mix-editor-region.tiny-first-loop .mix-editor-region-right-handler,.mix-editor-region.tiny-region .mix-editor-region-loop-handler,.tiny-first-loop.mix-editor-region-ghost .mix-editor-region-right-handler,.tiny-first-loop.mix-editor-region-recording .mix-editor-region-right-handler,.tiny-region.mix-editor-region-ghost .mix-editor-region-loop-handler,.tiny-region.mix-editor-region-recording .mix-editor-region-loop-handler{right:-22px}.mix-editor-region-ghost:active,.mix-editor-region-recording:active,.mix-editor-region:active{cursor:grabbing}.has-handlers.mix-editor-region-ghost .mix-editor-region-handler,.has-handlers.mix-editor-region-recording .mix-editor-region-handler,.mix-editor-region.has-handlers .mix-editor-region-handler{opacity:1;z-index:10}.mix-editor-region.selected,.selected.mix-editor-region-ghost,.selected.mix-editor-region-recording{box-shadow:inset 0 0 0 2px rgba(0,0,0,.5);z-index:3}.mix-editor-region.not-loaded,.not-loaded.mix-editor-region-ghost,.not-loaded.mix-editor-region-recording{background:repeating-linear-gradient(135deg,rgba(204,17,0,.2),rgba(204,17,0,.2) 5px,rgba(204,17,0,.8) 5px,rgba(204,17,0,.8) 10px)}.mix-editor-region-recording{background-color:#fff;box-shadow:inset 0 0 0 1px #DC3710;border-bottom-right-radius:0;border-top-right-radius:0;overflow:hidden;z-index:4}.mix-editor-region-recording:after{border-left:1px #fff solid;bottom:0;content:'';position:absolute;right:0;top:0}.mix-editor-region-recording canvas{height:91px;width:auto}.mix-editor-region-container{height:100%}.mix-editor-region-caption{background-color:rgba(255,255,255,.3);color:#fff;cursor:e-resize;display:none;font-size:9pt;font-weight:700;height:19px;left:0;overflow:hidden;padding:0 3px;position:absolute;top:0;white-space:nowrap;width:100%}.mix-editor-region-first-loop-container{display:inline-block;height:100%;pointer-events:none;position:relative}.mix-editor-region-first-loop-container.has-loop:after{border-left:1px solid #6d7f85;content:'';display:block;height:100%;position:absolute;right:0;top:0;width:0}.mix-editor-region-first-loop-container.slicing{cursor:pointer}.mix-editor-region-extra-loop-container{background-color:rgba(255,255,255,.3);border-bottom-right-radius:6px;border-top-right-radius:6px;display:inline-block;height:100%;overflow:hidden;pointer-events:none;position:relative}.mix-editor-region-waveform{pointer-events:none;position:absolute;height:100%}.mix-editor-region-handler{transition:all .1s ease-in-out;background-color:#6d7f85;border-radius:50%;bottom:4px;color:#fff;cursor:col-resize;display:inline-block;font-size:11px;height:1pc;opacity:0;pointer-events:all;position:absolute;text-align:center;width:1pc}.mix-editor-ruler-cursor-block[disabled],.mix-editor-track-placeholder.disabled input,.mix-editor-volume-input-cursor{pointer-events:none}.mix-editor-region-handler:before{padding-left:2px;line-height:18px}.mix-editor-region-left-handler{left:4px}.mix-editor-region-right-handler{transform:scaleX(-1);right:4px}.mix-editor-region-loop-handler{cursor:e-resize;right:4px;top:4px}.mix-editor-region-loop-handler:before{padding-left:0}.mix-editor-region-ghost{background-color:rgba(255,255,255,.2);border:2px dashed #7c7c7c;box-shadow:none;width:90pt;left:0;z-index:4}.mix-editor-ruler{border-bottom:1px solid #D1D1D1;box-shadow:-1pc 0 0 0 #fff,3px 0 4px rgba(0,0,0,.1),inset 0 20px 0 0 rgba(255,255,255,.07),0 1px 3px rgba(0,0,0,.1);height:40px;margin-left:11px;position:relative;z-index:9}@media (min-resolution:2dppx){.mix-editor-ruler{margin-left:9pt}}.mix-editor-cycle-container{cursor:default;height:20px;transition:opacity .1s ease-in-out;width:100%}.mix-editor-cycle-container.inactive{opacity:.3}.mix-editor-cycle-container:active .mix-editor-cycle:after,.mix-editor-cycle-container:active .mix-editor-cycle:before{opacity:1;transition-delay:.3s;visibility:visible}.mix-editor-scrollbar-vertical-container:not(.active),.mix-editor-toolbar-signature.hidden,.mix-editor-track-placeholder.hidden>div{visibility:hidden}.mix-editor-cycle{background-color:rgba(220,55,16,.48);cursor:move;height:20px;position:absolute}.mix-editor-cycle:after,.mix-editor-cycle:before{background-color:rgba(220,55,16,.68);content:'';height:100vh;opacity:0;position:absolute;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:1px}.mix-editor-cycle:before{left:0}.mix-editor-cycle:after{left:100%}.mix-editor-cycle-handler-left,.mix-editor-cycle-handler-right{display:block;height:20px;position:absolute;top:0;width:20px}.mix-editor-cycle-handler-left{cursor:w-resize;left:-10px}.mix-editor-cycle-handler-right{cursor:e-resize;right:-10px}.mix-editor-ruler-cursor-block{bottom:0;cursor:default;height:50%;left:-9pt;position:absolute;right:0}.mix-editor-region-ghost>canvas,.mix-editor-region-recording>canvas,.mix-editor-region>canvas,.mix-editor-ruler-graduation{pointer-events:none;position:absolute;top:0;width:100%}.mix-editor-ruler-graduation{left:0}.mix-editor-ruler-record-mark{border-left:1px dashed #bababa;display:inline-block;height:100vh;left:0;position:absolute;z-index:8}[mix-editor-scrollable="y"]{display:inline-block;height:calc(100vh - 220px);overflow:hidden}.mix-editor-scrollbar-horizontal-container,.mix-editor-scrollbar-vertical-container{height:1pc;position:absolute;transition:all .1s ease-in-out;width:1pc;z-index:10}.mix-editor-scrollbar-horizontal-container:active,.mix-editor-scrollbar-horizontal-container:hover,.mix-editor-scrollbar-vertical-container:active,.mix-editor-scrollbar-vertical-container:hover{background-color:rgba(255,255,255,.1)}.mix-editor-scrollbar-horizontal-container:active .mix-editor-scrollbar-horizontal,.mix-editor-scrollbar-horizontal-container:active .mix-editor-scrollbar-vertical,.mix-editor-scrollbar-horizontal-container:hover .mix-editor-scrollbar-horizontal,.mix-editor-scrollbar-horizontal-container:hover .mix-editor-scrollbar-vertical,.mix-editor-scrollbar-vertical-container:active .mix-editor-scrollbar-horizontal,.mix-editor-scrollbar-vertical-container:active .mix-editor-scrollbar-vertical,.mix-editor-scrollbar-vertical-container:hover .mix-editor-scrollbar-horizontal,.mix-editor-scrollbar-vertical-container:hover .mix-editor-scrollbar-vertical{background-color:rgba(0,0,0,.2)}.mix-editor-scrollbar-horizontal-container{bottom:0;height:1pc;left:281px;padding:3px 0;width:calc(100% - 281px)}.mix-editor-scrollbar-vertical-container{height:calc(100% - 40px);opacity:0;padding:0 3px;right:0;top:40px}.mix-editor-scrollbar-vertical-container:active,.mix-editor-scrollbar-vertical-container:hover{opacity:1}.mix-editor-scrollbar-horizontal,.mix-editor-scrollbar-vertical{background-color:rgba(0,0,0,.2);border-radius:5px;position:absolute;transition:background-color .3s ease-in-out;will-change:transform}.mix-editor-scrollbar-horizontal{height:10px}.mix-editor-scrollbar-vertical{width:10px}kbd.cmd-ctrl:after{content:'Ctrl'}.mac kbd.cmd-ctrl:after{content:'⌘'}.mix-editor-shortcuts{font-size:0}.mix-editor-shortcuts-search{padding:24px;border-bottom:1px solid #E7E7E7}.mix-editor-shortcuts-search input{margin:0}.mix-editor-toolbar-actions>*,.mix-editor-toolbar-playback{margin-right:20px}.mix-editor-shortcuts-list{height:60vh;overflow-y:scroll}.mix-editor-shortcuts-list .form-field{text-align:center}.mix-editor-shortcut-key,.mix-editor-shortcut-label{padding:4px;font-size:14px;display:inline-block;width:50%}.mix-editor-shortcut-key{font-weight:600;text-align:right;padding-right:18px}.mix-editor-shortcut-key kbd{display:inline-block;font-family:inherit;min-width:18px;padding:0 2px;text-align:center}.mix-editor-toolbar-metronome-value,.mix-editor-toolbar-signature,.mix-editor-toolbar-time-display-button{font-family:"Roboto Condensed",sans-serif}.mix-editor-shortcut-label{padding-left:18px;text-align:left}.mix-editor-toolbar{-webkit-font-smoothing:antialiased;font-size:0;height:60px;padding:10px 20px;position:relative}.mix-editor-toolbar article{display:inline-block;vertical-align:middle}.mix-editor-toolbar-controls{display:inline-block;min-width:45pc;text-align:center;width:calc(100% - 281px - 132px)}.mix-editor-toolbar-actions{width:281px}.mix-editor-toolbar-actions .mix-editor-button{min-width:50px}.mix-editor-toolbar-playback .mix-editor-button{min-width:60px}.mix-editor-toolbar-playback i{display:inline-block;vertical-align:middle}.mix-editor-toolbar-playback-nav-button i{font-size:28px;margin:-3px 3px 0}.mix-editor-toolbar-record-button i{background-color:#DC3710;border-radius:50%;box-shadow:0 0 0 0 #9E1E00;height:20px;line-height:22px;transition:all .1s ease-in-out;width:20px}.mix-editor-toolbar-record-button.active i{border-radius:2px;box-shadow:0 0 0 1px #9E1E00,0 0 7px 3px red}.mix-editor-toolbar-time-display-button{position:relative;-webkit-user-select:initial;user-select:initial;color:#fff;display:inline-block;font-size:22px;line-height:24px;width:75pt}.mix-editor-toolbar-time-display-button .time{left:0;position:absolute;transition:color 150ms ease-in-out;width:100%}.mix-editor-toolbar-time-display-button .time.playing{text-shadow:0 0 2px rgba(255,255,255,.3)}.mix-editor-toolbar-time-display-button .time.recording{color:#DC3710;text-shadow:0 0 2px rgba(220,55,16,.3)}.mix-editor-toolbar-signature{padding-right:0}.mix-editor-toolbar-signature .mix-editor-button{font-size:22px}.mix-editor-toolbar-signature .mix-editor-button-group{width:156px}.mix-editor-toolbar-beats{color:#fff;cursor:ns-resize;padding-left:9pt;padding-right:9pt;width:86px}.mix-editor-toolbar-beats small{color:#fff;font-size:14px}.mix-editor-toolbar-beats .value{display:inline-block;font-size:18px;vertical-align:middle;width:30px}.mix-editor-toolbar-metronome-value{width:70px}.mix-editor-toolbar-metronome-value :first-child{line-height:1}.mix-editor-toolbar-metronome-value .value{display:inline-block;font-size:1pc;padding:2px 3px}.mix-editor-toolbar-metronome-value .dropdown-container{left:-15px;top:2pc;width:44px}.mix-editor-toolbar-metronome-value .dropdown{color:#282C33}.mix-editor-toolbar-metronome-value .dropdown ul{margin:2px auto}.mix-editor-toolbar-metronome-value .dropdown li{line-height:19px}.mix-editor-toolbar-metronome-value .dropdown li.active{font-weight:900}.mix-editor-toolbar-metronome-value .dropdown li.active a{background:rgba(0,0,0,.07)}.mix-editor-toolbar-metronome-value .dropdown a{display:inline-block;font-size:1pc;padding-right:1px;text-decoration:none;text-align:center;width:100%}.mix-editor-toolbar-metronome-value .dropdown a:hover{background:rgba(0,0,0,.1)}.mix-editor-toolbar-volume{color:#fff;margin-left:20px}.mix-editor-toolbar-volume .mix-editor-volume-input{background-color:rgba(27,31,38,.5);width:90pt}.mix-editor-toolbar-export{float:right}.mix-editor-toolbar-export-button{font-size:14px;line-height:22px;padding-left:9pt;padding-right:9pt}.mix-editor-toolbar-export-button:hover{color:#fff}.mix-editor-toolbar-export-button .icon-more{vertical-align:baseline}.mix-editor-toolbar-export-button+.dropdown-container{top:22px;right:-4px;left:auto}.mix-editor-toolbar-export-button+.dropdown-container .dropdown{width:129px}.mix-editor-toolbar-export-button+.dropdown-container .dropdown-caret{left:auto;right:2pc}.mix-editor-tracks-list{background-color:#fff}.mix-editor-track{border-bottom:1px solid #d1d1d1;box-shadow:3px 0 4px rgba(0,0,0,.1);height:75pt;position:relative;transition:background-color .1s ease-in-out}.mix-editor-track.selected{background-color:rgba(0,0,0,.04)}.mix-editor-track.ng-leave{transition:none}@-webkit-keyframes highlight-track{from{background-color:transparent}to{background-color:rgba(0,0,0,.1)}}@keyframes highlight-track{from{background-color:transparent}to{background-color:rgba(0,0,0,.1)}}.mix-editor-track-placeholder{background-color:#F7F7F7;margin-left:-9pt;min-width:300px;padding:8px 9pt;position:relative;width:calc(100vw - 281px);z-index:1}.mix-editor-track-placeholder>div{border-radius:8px;border:2px dashed rgba(0,0,0,.07);color:#ADADAD;font-size:1pc;height:92px;left:0;margin-left:9pt;padding:1pc 0;text-align:center;transition:border-color .1s ease-in-out,color .1s ease-in-out,opacity .1s ease-in-out}.mix-editor-track-placeholder input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.mix-editor-track-placeholder i{transition:color .1s ease-in-out;color:rgba(0,0,0,.07);vertical-align:middle}.mix-editor-track-placeholder .icon-note{font-size:2pc}.mix-editor-track-placeholder .icon-plus{margin-right:-5px;vertical-align:middle}.mix-editor-track-placeholder.dropping>div{border-color:#7c7c7c;color:#707070}.mix-editor-track-placeholder.dropping .icon-note,.mix-editor-track-placeholder.dropping .icon-plus{color:#7c7c7c}.mix-editor-track-placeholder.disabled>div{opacity:.5}.mix-editor-track-header{background-color:#fff;border-bottom:1px solid #D1D1D1;font-size:0;height:75pt;position:relative;transition:background .1s ease-in-out,transform .3s ease}.mix-editor-track-header.selected{background-color:#F5F5F5;border-bottom-color:#c4c4c4}.mix-editor-track-header.ng-enter,.mix-editor-track-header.ng-leave.ng-leave-active{transform:translateX(-100%)}.mix-editor-track-header.ng-enter-active{transform:translateX(0)}.mix-editor-track-header-placeholder{height:81pt}@-webkit-keyframes highlight-track-header{from{background-color:#E5E5E5}to{background-color:#fff}}@keyframes highlight-track-header{from{background-color:#E5E5E5}to{background-color:#fff}}.mix-editor-track-header-content{height:calc(75pt - 36px);padding:18px 9pt 10px 20px;position:relative;width:100%}.mix-editor-track-header-advanced{height:36px;padding:7px;width:100%;font-size:0}.mix-editor-track-header-button{color:#4A4A4A;cursor:pointer;display:inline-block;margin:0 9px;padding:3px 10px;height:100%}.mix-editor-track-header-button:first-child{margin-left:3px}.mix-editor-track-header-button.enabled{color:#2ABB9B}.mix-editor-track-header-button.disabled{color:#DC3710}.mix-editor-track-header-button i{font-size:1pc;line-height:1pc;height:1pc}.mix-editor-track-header-record{color:#DC3710;display:none;padding:0 1pc;height:100%;font-size:9pt}.mix-editor-track-header-record i,.mix-editor-track-header-record span{display:inline-block;vertical-align:middle}.mix-editor-track-header-record span{margin-right:2px}.mix-editor-track-header-record i{background-color:#DC3710;border-radius:50%;box-shadow:0 0 0 1px #9E1E00,0 0 7px 1px red;height:10px;width:10px}.mix-editor-track-header.selected .mix-editor-track-header-record.recording{display:block}.mix-editor-track-header-settings{color:#4A4A4A;font-size:14px;position:absolute;top:18px;right:20px}.mix-editor-track-header-instrument{background-color:rgba(128,128,128,.05);box-shadow:inset 0 0 1px 0 rgba(0,0,0,.1);border-radius:4px;color:#4A4A4A;display:block;margin-right:20px;float:left;text-align:center;padding:2px;height:40px;width:40px}.mix-editor-track-header-instrument .dropdown-container{top:50px}.mix-editor-track-header-instrument .dropdown-caret{left:1pc}.mix-editor-track-header-instrument i{font-size:36px}.mix-editor-track-header-instrument i:hover{color:#3b3b3b}.mix-editor-track-header-instrument+div{display:inline-block;width:calc(100% - 5pc)}.mix-editor-track-header-name{color:#474747;font-size:13px;font-weight:600;margin-left:-3px}.mix-editor-track-header-name input{background:0 0;padding:0 3px;width:10pc}.mix-editor-track-header-name input:focus{background:rgba(0,0,0,.1)}.mix-editor-track-header-volume{margin-top:3px;margin-left:-2px}.mix-editor-track-header-volume i{color:#4A4A4A}.mix-editor-track-header-dropdown-container{top:100%}.mix-editor-track-header-dropdown{min-width:10pc;width:auto}.mix-editor-track-header-dropdown a{padding-top:4px;padding-bottom:4px}.mix-editor-track-header-color{position:absolute;height:100%;width:3px;right:0;top:0}.mix-editor-track-header-color-preview{border:1px solid rgba(0,0,0,.42);display:block}.mix-editor-track-header-color-preview:after{content:'';display:inline-block}.mix-editor-volume-input-icon{cursor:pointer;display:inline-block;font-size:14px;margin-top:1px;vertical-align:top}.mix-editor-volume-input-icon:first-child{margin-right:6px}.mix-editor-volume-input{background-color:#4A4A4A;border-radius:6px;cursor:pointer;display:inline-block;height:9pt;margin-top:2px;position:relative;vertical-align:middle;width:90pt}.mix-editor-volume-input-container{height:100%;margin:auto;position:relative;width:calc(100% - 9pt)}.mix-editor-volume-input-cursor-shadow{background:#2ABB9B;border-radius:6px;height:100%;left:-6px;top:0;position:absolute;width:0}.mix-editor-volume-input-cursor{background:#FFF;box-shadow:0 0 4px 0 rgba(0,0,0,.18),0 2px 4px 0 rgba(0,0,0,.3);border-radius:50%;display:inline-block;height:9pt;margin-left:-6px;position:absolute;top:0;width:9pt}