/* 
 * Copyright 2011-2025, The Trustees of Indiana University and Northwestern
 *   University.  Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed
 *   under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
 *   CONDITIONS OF ANY KIND, either express or implied. See the License for the
 *   specific language governing permissions and limitations under the License.
 * ---  END LICENSE_HEADER BLOCK  ---
*/

@import"https://fonts.googleapis.com/css?family=Roboto:300,400,500";*,*:before,*:after{box-sizing:border-box}body,html{font-family:Roboto,sans-serif;margin:0;padding:0;background:#eee;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.homepage{margin:20px}.homepage h1{font-weight:500}.container{max-width:500px;margin:100px auto}.container h1{color:#005cc5;text-align:center}.container code{border:1px solid #ddd;background:#eee}.container .panel{line-height:25px;text-align:justify;background:#dad0e4;padding:1px 15px;margin-bottom:15px}.container .button{border:1px solid #3f50b5;background-color:#3f50b5;color:#fff;text-decoration:solid;border-radius:3px;margin:35%;padding:5px}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-track{border-radius:0;background:#0000001a}::-webkit-scrollbar-thumb{border-radius:0;background:#0003}::-webkit-scrollbar-thumb:hover{background:#0006}::-webkit-scrollbar-thumb:window-inactive{background:#0000000d}#app{width:100%;height:100%}.documentation{position:fixed;top:0;right:0;background:#000;color:#fff;border-radius:0 0 0 3px;text-decoration:none;padding:10px}

.variations-app-bar{background:#3f50b5;color:#fff}.variations-app-bar-no-header{background:#fff}.current-time-indicator{margin-right:30px}.current-time-indicator--error{color:#8b0000}.zoom-controls{position:relative;top:0;right:0}.audio-transport-bar{padding:8px 30px;background:#fff}.audio-transport-bar__actions{display:flex;align-items:center;flex-direction:row;justify-content:flex-start}.audio-transport-bar__buttons{display:flex;flex-direction:row;align-items:center;justify-content:center}.audio-transport-bar__volume{display:flex;align-items:end;flex-direction:row;justify-content:flex-end}div .audio-transport-bar__tooltip{font-size:12px}.audio-transport-bar .audio-transport-bar__button-text{min-width:40px}.volume-slider-compact{width:160px;position:relative;font-size:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:20px}.volume-slider-compact--flipped{flex-direction:row-reverse;margin-right:20px;margin-left:10px}.volume-slider-compact__muter{margin:0 10px}.colour-swatch-picker__option{width:64px;height:40px}.time-picker{display:flex;flex-direction:row-reverse;align-items:flex-end;justify-content:space-evenly;width:80px;margin-right:8px;margin-top:13px;border:2px solid #ccc;padding:8px}.time-picker__unit{width:21px;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;border-radius:0}.metadata-editor__button-bar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.metadata{display:flex;flex-direction:row;align-items:stretch;flex-grow:1;flex-shrink:1;flex-basis:0px;min-height:calc(50vh - 48px)}.metadata__annotations{flex:2;padding-right:8px;display:flex;flex-direction:column}.metadata__annotations-content{background:#fff;padding:8px 16px;flex:1 1 0px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.metadata__video-playback{flex:1;padding-right:8px;display:flex;flex-direction:column}.metadata__video-playback-content{background:#fff;padding:8px 16px;flex:1 1 0px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.metadata__project{flex:1 1 0px;display:flex;align-items:stretch;justify-content:stretch;flex-direction:column}.metadata__project-content{width:100%;background:#fff;padding:8px 16px;display:flex;flex:1 1 0px;flex-direction:column;overflow-y:auto;overflow-x:hidden}.metadata__content{padding:0 8px}.file-upload{padding:14px;border:1px solid #ccc;border-radius:2px;margin-top:16px;margin-bottom:20px}.file-upload__label{line-height:34px;margin:0 15px}.footer{margin-top:24px;height:24px}.content-overlay{width:100%;height:100%;background:#ffffffe6;position:absolute;z-index:1000;display:flex;justify-content:center;align-items:center}.bubble-display{display:block;vertical-align:top}.bubble-display *{transition:all .3s}.bubble-display--mouseDown *{transition:none}.bubble-display--mouseDown+.timeline-scrubber{transition:none}.bubble-display__rect{fill:transparent;stroke-width:0;stroke:#0000;cursor:grab}.bubble-display__rect:active{cursor:grabbing}.single-bubble{cursor:pointer;paint-order:stroke}.single-bubble:active{cursor:grabbing}.timeline-marker{position:absolute;width:4px;height:11px;display:block;margin-left:-2px;margin-top:-5px;cursor:grab;z-index:10;background:#000;transition:transform .2s}.timeline-marker:after{content:"";position:absolute;background:transparent;height:11px;margin-left:-5px;width:11px}.timeline-marker--marker:hover{transform:scaleY(2)}.timeline-marker--marker:active{cursor:grabbing;transform:scaleY(3);background:#000;box-shadow:0 5px 10px #0000001a}.timeline-marker--bookmark{background:transparent;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='none'%20d='M0%200h24v24H0V0z'/%3e%3cpath%20d='M7%2014l5-5%205%205H7z'/%3e%3c/svg%3e") no-repeat top left;background-size:contain;width:29px;height:29px;margin-left:-14px}.timeline-marker--bookmark:hover{transform:scale(1.2)}.timeline-marker--bookmark:active{box-shadow:none;transform:scale(1.5) translateY(10px)}.timeline-marker--bookmark:active:after{content:"";position:absolute;background:#00000080;width:1px;height:16px;top:-5px;left:19px}.timeline-marker__tooltip{position:absolute;top:15px;left:0;margin-left:5px;color:#777;border-radius:2px;font-size:11px;transform:translate(-50%);text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.playhead{position:absolute;background:#ff4081;left:0;top:0;bottom:0;margin-top:-2px;margin-bottom:-2px;pointer-events:none;overflow:visible;z-index:-1;transition:width .2s linear}.playhead:after{transition:all .4s;content:"";height:100%;border-bottom:0 solid #424242;border-left:0 solid transparent;border-right:0 solid transparent;position:absolute;right:0;top:5px;cursor:ew-resize}.playhead:before{position:absolute;content:"";background:transparent;right:-6px;top:-3px;border-radius:50%;height:12px;width:12px;transform:scale(0);transition:all .2s}.timeline-scrubber:hover .playhead,.timeline-scrubber:active .playhead{transition:none}.timeline-scrubber:hover .playhead:before,.timeline-scrubber:active .playhead:before{background:#b32d5a;transform:scale(1)}.timeline-scrubber{position:relative;height:6px;z-index:10;box-sizing:border-box;border-bottom:2px solid transparent;border-top:2px solid transparent;background:#eee;cursor:pointer;transition:width .3s,margin-left .3s}.timeline-scrubber:focus{outline:none}.timeline-scrubber:before{z-index:1;background:transparent;content:"";width:100%;position:absolute;left:0;right:0;top:-10px;height:20px}.timeline-scrubber__tooltip{position:absolute;background:#00000080;transition:opacity .4s;color:#fff;width:80px;height:25px;line-height:25px;text-align:center;top:-35px;border-radius:3px;left:0;pointer-events:none}.variations-app,.variations-app__content{width:100%;height:100%;display:flex;flex-direction:column}.variations-app__metadata-editor{padding:8px;background:#eee;flex:1 1 0px;display:flex;flex-direction:column}.variations-app__metadata-grid{margin-top:24px;height:24px}
