.variaboard-panel,.variaboard-panel *{box-sizing:border-box}.variaboard-panel{background:#000;border:1px solid #000;color:#fff;font-family:source code pro,monospace;font-size:14px;left:0;max-height:100%;max-width:300px;overflow:auto;position:fixed;top:0;transition:opacity .2s;width:100%;z-index:1;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.variaboard-button::selection,.variaboard-control-title::selection,.variaboard-control-value::selection,.variaboard-title::selection{background:#fff;color:#000}.variaboard-button::-moz-selection,.variaboard-control-title::-moz-selection,.variaboard-control-value::-moz-selection,.variaboard-title::-moz-selection{background:#fff;color:#000}.variaboard-title{background:#111;color:#fff;cursor:pointer;height:28px;font-size:.8em;font-weight:700;line-height:28px;margin:0 0 1px;overflow:hidden;padding:0 1.5em;text-overflow:ellipsis;white-space:nowrap}.variaboard-panel-is-collapsed .variaboard-title{margin-bottom:0}.variaboard-panel-is-collapsed .variaboard-controls{display:none}.variaboard-control{border-left:3px solid #444;display:-webkit-box;display:flex;height:28px;margin-bottom:1px;transition:background .2s,border-color .2s}.variaboard-control:hover{border-left-color:#666;transition-duration:0ms}.variaboard-control:last-child{margin-bottom:0}.variaboard-control-title{-webkit-box-align:center;align-items:center;background:#222;border-left:1px solid #000;color:#bbb;cursor:pointer;display:-webkit-box;display:flex;-webkit-box-flex:0;flex:0 0 110px;font-size:.8em;font-weight:400;-webkit-box-pack:end;justify-content:flex-end;line-height:1;margin:0 1px 0 0;overflow:hidden;padding:.6em .75em;text-align:right;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.variaboard-control:hover .variaboard-control-title{color:#fff;transition-duration:0ms}.variaboard-control-checkbox-wrap{-webkit-box-align:center;align-items:center;background:#111;border:1px solid #111;cursor:pointer;display:-webkit-box;display:flex;-webkit-box-flex:0;flex:0 0 80px;margin:0 1px 0 0;padding:0 .6em;position:relative}.variaboard-control-checkbox{cursor:pointer;opacity:0;position:absolute}.variaboard-control-checkbox-indicator{-webkit-box-align:center;align-items:center;background:none;border:1px solid #333;cursor:pointer;display:-webkit-box;display:flex;height:1.2em;-webkit-box-pack:center;justify-content:center;transition:background .2s;width:1.2em}.variaboard-control-checkbox-indicator:before{color:#bbb;content:"\2713";font-size:.8em;opacity:0;transition:color .2s,opacity .2s}.variaboard-control.variaboard-control-is-focused .variaboard-control-checkbox-indicator{border-color:#fff}.variaboard-control-checkbox:checked~.variaboard-control-checkbox-indicator{background:#222}.variaboard-control-checkbox:checked~.variaboard-control-checkbox-indicator:before{opacity:1}.variaboard-control.variaboard-control-is-focused .variaboard-control-checkbox:checked~.variaboard-control-checkbox-indicator:before,.variaboard-control:hover .variaboard-control-checkbox:checked~.variaboard-control-checkbox-indicator:before{color:#fff}.variaboard-control-checkbox-wrap:active .variaboard-control-checkbox-indicator,.variaboard-control-title:active~.variaboard-control-checkbox-wrap .variaboard-control-checkbox-indicator{border-color:#fff}.variaboard-control-checkbox-stub{background:#111;-webkit-box-flex:1;flex:1 1 auto}.variaboard-control-value-wrap{-webkit-box-flex:0;flex:0 0 80px;margin:0 1px 0 0}.variaboard-control-value{background:#111;border:1px solid #111;border-radius:0;color:#bbb;font-family:inherit;font-size:.8em;font-weight:400;height:100%;line-height:1;margin:0;padding:.6em .75em;transition:color .2s,border-color .2s;width:100%;-webkit-appearance:none}.variaboard-control-value:focus,.variaboard-control:hover .variaboard-control-value{color:#fff;transition-duration:0ms}.variaboard-control-value:focus{border-color:#fff;outline:none}.variaboard-button{-webkit-box-align:center;align-items:center;background:linear-gradient(#333 50%,#222 0);border:none;border-left:1px solid #000;border-radius:0;color:#bbb;cursor:pointer;display:-webkit-box;display:flex;font-family:inherit;font-size:.8em;font-weight:700;height:100%;line-height:1;margin:0;padding:0 1.5em;position:relative;text-align:left;text-decoration:none;transition:color .2s;width:100%;-webkit-appearance:none}.variaboard-button:after{background:#fff;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.variaboard-button:hover{color:#fff;transition-duration:0ms}.variaboard-button:active{transition-duration:0ms}.variaboard-button:active:after{opacity:.3;transition-duration:0ms}.variaboard-button:focus{box-shadow:inset 0 0 0 1px #fff;outline:none}.variaboard-control-range{background:#111;cursor:ew-resize;cursor:-webkit-grab;cursor:grab;-webkit-box-flex:1;flex:1 1 auto;overflow:hidden;position:relative}.variaboard-control.variaboard-control-is-dragging .variaboard-control-range{cursor:ew-resize;cursor:-webkit-grabbing;cursor:grabbing}.variaboard-control-range-inner{background:#222;height:101%;left:0;position:absolute;right:1px;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:background .2s,-webkit-transform .3s cubic-bezier(.19,1,.22,1);transition:background .2s,transform .3s cubic-bezier(.19,1,.22,1);transition:background .2s,transform .3s cubic-bezier(.19,1,.22,1),-webkit-transform .3s cubic-bezier(.19,1,.22,1)}.variaboard-control-range-inner:after{background:linear-gradient(#999,#444);bottom:0;content:"";left:100%;position:absolute;top:0;transition:background .2s;width:1px}.variaboard-control.variaboard-control-eased .variaboard-control-range-inner{transition:background .2s}.variaboard-control:hover .variaboard-control-range-inner{background:#333;transition-duration:0ms}.variaboard-control.variaboard-control-is-dragging .variaboard-control-range-inner{transition-duration:0ms}