.progress-bar{height:20px;position:relative;background:#555;border-radius:25px;padding:10px;box-shadow:inset 0 -1px 1px rgba(255,255,255,.3);box-sizing:content-box}.progress-bar>span{display:block;height:100%;border-radius:20px;background-color:#2bc253;background-image:linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%);box-shadow:inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4);position:relative;overflow:hidden;transition:width .5s ease-out}.progress-bar>span:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 0,transparent 50%,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 75%,transparent 0,transparent);z-index:1;background-size:50px 50px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden}@keyframes progressMove{0%{background-position:0 0}to{background-position:50px 50px}}.palette{display:flex;flex-wrap:wrap;margin:0;padding:0 5px;transition:opacity .3s,transform .3s;align-content:flex-start;justify-content:center}.palette--hidden{opacity:0;pointer-events:none;transform:scale(.8)}.palette-button{width:40px;height:40px;margin:5px;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.5);border:solid rgba(0,0,0,0);padding:5px;outline:none}.palette-button--selected{animation:button-press .3s forwards}.delay-input{width:50px;margin-right:0}.timepicker-container{opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;overflow:hidden;background:rgba(100,100,100,.9);position:absolute;bottom:0;width:100%;color:#fff;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center;padding:10px 10px 200px;pointer-events:none;box-sizing:border-box}.timepicker-container--visible{pointer-events:all;display:flex;height:auto;opacity:1;transform:translateY(0);min-height:150px}.timepicker-close{position:absolute;top:10px;right:20px;border:none;background:none;color:#fff}.timepicker-preview-item{overflow:hidden}.timepicker-preview-animate{animation:timepicker-preview-walk 1s linear infinite;animation-timing-function:steps(20);display:inline-block}@keyframes timepicker-preview-walk{0%{transform:translateX(-50px)}to{transform:translateX(50px)}}.timeline-container{overflow:hidden;padding:10px 0;position:relative;background:rgba(255,255,255,.7)}.timeline{margin:0;padding:0;display:flex}.timeline--editing{transition:transform .1s ease-out}.frame-status-text{font-size:30px;padding:0 5px;text-align:center;min-width:80px;display:inline-block}.timeline-toolbar{text-align:center}.timeline__frame{list-style:none;width:120px;min-width:40px;min-height:40px;max-height:90px;flex:none;position:relative}.timeline__frame--insert{text-align:center;font-size:50px;overflow:hidden;position:absolute;top:0;width:100%}.timeline__frame--insert i{animation:insert 2s infinite}.timeline__frame-canvas{width:100%}.framepicker-container{overflow:hidden;background:rgba(100,100,100,.9);position:absolute;bottom:0;width:100%;color:#fff;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center;padding:10px 10px 200px;box-sizing:border-box}.framepicker-close{position:absolute;top:10px;right:20px;border:none;background:none}.framepicker-list{display:flex;flex-wrap:wrap}@keyframes insert{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.slider-control{width:60px;position:relative;height:50px;display:inline-block;margin:0 5px}.slider-control__rail{position:relative;width:100%;height:10px;margin:20px auto;background-color:rgba(150,150,150,.8);border-radius:30px;box-sizing:border-box;touch-action:none}.slider-control__rail:before{content:"";display:block;position:relative;top:-6px;width:20px;height:20px;margin-left:-11px;border:2px solid #fff;border-radius:20px;background-color:#646464;box-sizing:border-box}.slider-control--show-value .slider-control__rail:after{content:attr(data-value);position:absolute;top:-20px;text-align:center;background:rgba(255,255,255,.8);border-radius:5px;padding:0 5px;font-weight:700;font-size:14px}.editor-toolbar{transition:opacity .3s,transform .3s;padding:0 5px}.editor-toolbar,.editor-toolbar__group{display:flex;justify-content:center;flex-wrap:wrap}.editor-toolbar--hidden{opacity:0;pointer-events:none;transform:scale(.8)}.editor-toolbar__item{display:flex}.icon{width:30px;height:30px;display:inline-block;text-align:center;line-height:30px;color:#666;border-radius:5px}.editor-toolbar-icon__transparent{background-image:linear-gradient(45deg,#808080 25%,transparent 0),linear-gradient(-45deg,#808080 25%,transparent 0),linear-gradient(45deg,transparent 75%,#808080 0),linear-gradient(-45deg,transparent 75%,#808080 0);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.editor{display:grid;grid-template-columns:[first] repeat(auto-fill,minmax(220px,1fr)) [last];grid-template-rows:50px minmax(min-content,1fr) auto;position:relative}.editor-options-bar{grid-column:first/last;grid-row:1/span 1}.editor-toolbar-container{grid-column-start:first;grid-row:2/span 1;max-width:300px}.editor-canvas-pane{grid-column:2/last;grid-row:2/span 1}.editor-bottom{grid-column:first/last;grid-row:3/span 1}.editor-canvas-pane{position:relative}.editor-frame-picker{position:absolute;grid-column:first/last;grid-row:1/span 2}.editor-main{display:flex;flex-direction:column;max-width:100%}.editor-toolbar-container{padding-bottom:10px;min-width:150px;background:rgba(255,255,255,.7)}.editor-options-bar{display:flex;background:rgba(255,255,255,.7)}.public-switch{line-height:50px;cursor:pointer}.public-switch__label--private,.public-switch__label--public{transition:opacity .2s ease,color .2s ease;background:#e67e22;border-radius:5px;padding:0 5px;margin:0 5px}.public-switch--public .public-switch__label--private{opacity:.4;background-color:rgba(0,0,0,0)}.public-switch--public .public-switch__label--public{opacity:1;color:#fff;background-color:#e67e22}.public-switch--private .public-switch__label--private{opacity:1;color:#fff;background-color:#3498db}.public-switch--private .public-switch__label--public{opacity:.4;background-color:rgba(0,0,0,0)}.editor-canvas-pane{padding:10px;touch-action:none;width:100%;height:100%}.editor-canvas-container{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.7);line-height:0}.editor-canvas-container canvas{position:absolute;top:0;left:0;width:100%;cursor:crosshair;touch-action:none}.editor-canvas-container .canvas-move{cursor:move}.editor-canvas-container{touch-action:none}.onion-skin-container{height:100%}.editor-onion-skin img,.onion-skin-container{position:absolute;width:100%;top:0;left:0}.editor-onion-skin--previous{opacity:.2}.editor-onion-skin--previous-previous{opacity:.1}.editor-onion-skin--next{opacity:.3}.editor-button{font:24px Comic Neue,Lucida Grande,Helvetica,Arial,sans-serif;margin:5px;background:#fff;border:solid #fff;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.5);color:#666;outline:none;padding:0;cursor:pointer;width:40px;height:40px}.editor-button--disabled{color:#eee}.editor-button--active{color:#000;border:3px solid rgba(0,0,0,.5);animation:button-press .3s forwards}.editor-button--active-transient{animation:button-press-transient .3s forwards}.button-spacer{width:30px;display:inline-block}
/*# sourceMappingURL=abe179a61e7bd013.css.map*/