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