body,dd,dl,dt,form,html,li,ol,ul{padding:0;margin:0;display:block}ol,ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}label{cursor:pointer}input,select{vertical-align:baseline}input,input[type=radio],select{_vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom}input[type=checkbox],input[type=range]{*vertical-align:baseline}button.custom{padding:0;margin:0;border:0;background:none;cursor:pointer;overflow:visible;vertical-align:middle;font-size:1em;width:auto}button.custom::-moz-focus-inner{border:0;padding:0}input:focus{outline:none;outline-width:1px;outline-color:#0871f7;outline-style:inset}input:focus[type=range]{outline-style:none}body{font:13px/1.231 sans-serif;color:#fff}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}p{line-height:1.4}input,select,textarea{color:#333;font-family:sans-serif}a img{border:0}a:link,a:visited{text-decoration:none;color:#ffb135;font-weight:700}a:active,a:hover{text-decoration:underline}@font-face{font-family:lobster;src:url(lobster.160a2dd3.ttf) format("truetype");font-weight:400;font-style:sans-serif}html{background:#004a86;background:-webkit-radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%);background:-moz-radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%);background:-ms-radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%);background:-o-radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%);background:radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%)}body,html{height:100%}body{min-height:100%;margin:0;padding:0 20px;overflow:hidden;background:url(grid.70014124.png)}.content{width:100%;height:100%;margin:0 auto;position:relative;display:flex;flex-direction:column}.main-header{position:absolute;width:100%;font:normal 18px/1 lobster;color:#fff;text-shadow:#000 0 4px 1px;text-align:center;line-height:0}.main-header.intro{font:normal 40px/1 lobster;line-height:15px}.workflow{display:flex;color:#333;align-items:end;padding-top:24px}.workflow button{height:25px;font-weight:700;text-align:center;margin:0 5px 5px 0;border:1px solid #888;border-radius:4px;cursor:pointer;padding:4px 10px;position:relative;background:-webkit-linear-gradient(top,#fefefe,#b8b8b8);background:-moz-linear-gradient(top,#fefefe,#b8b8b8);background:-ms-linear-gradient(top,#fefefe,#b8b8b8);background:-o-linear-gradient(top,#fefefe,#b8b8b8);background:linear-gradient(top,#fefefe,#b8b8b8)}.workflow button.active{background:#252525;box-shadow:inset 0 3px 7px rgba(0,0,0,.6);color:#fff}.workflow button:disabled{background:#707070;box-shadow:inset 0 3px 7px rgba(0,0,0,.6);color:#b6b5b5}.workflow.intro{padding-top:100px;opacity:0}.main-footer.intro{margin:0 auto;position:relative;display:table;table-layout:fixed;width:800px;height:auto}.main-footer p{float:right;padding:10px 30px;margin:0;white-space:nowrap}.intro .main-footer p{padding:12px 16px 0}.main-footer .srcLink{float:left}.main-footer .frkLink{float:right}.feature-test{display:none;width:800px;margin:0 auto;text-align:center}.not-supported .feature-test{display:block}.feature-test h1{font:normal 2.5em sans-serif;margin:0;padding:40px 0}.feature-test ul{display:inline-block;*display:inline;zoom:1}.feature-test li{margin:10px auto;font-size:1.1em;overflow:hidden;text-align:left}.feature-test p{width:600px;margin:0 auto 20px;font-size:1.1em;text-align:left}.feature-test .fail,.feature-test .pass{float:left;width:50px;font-weight:700;color:#5f5}.feature-test .fail{color:#f55}.intro-copy{display:none}.canvas-view{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.canvas-view .upload-input{position:absolute;top:-5000px;left:-5000px;cursor:pointer;z-index:10}.canvas-view .lg-button{display:none}.intro .canvas-view .lg-button{display:inline-block}.canvas-cell{display:table-cell;height:100%;position:relative}.intro .canvas-cell{border:5px solid #ff9934;height:150px;cursor:auto}.canvas-inner{overflow:auto;background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMzMz0oyR4AAAARSURBVAgdY/jPwIAVYRf9DwB+vw/xbMOy9QAAAABJRU5ErkJggg==");box-shadow:0 4px 18px rgba(0,0,0,.35);position:relative;height:100%}.opera .canvas-inner{position:absolute;top:0;left:0;right:0;bottom:0;height:auto}.intro .canvas-inner{overflow:hidden}.animator-canvas-container,.editor-canvas-container,.selector-canvas-container{position:absolute;min-width:100%;min-height:100%}.animator-canvas-container canvas,.editor-canvas-container canvas,.selector-canvas-container canvas{display:block;position:absolute}.animator-canvas-container .highlight,.editor-canvas-container .highlight,.selector-canvas-container .highlight{background:rgba(0,90,255,.25);position:absolute;top:0;left:0;width:5px;height:5px;pointer-events:none;border:1px solid rgba(0,114,255,.5);box-sizing:border-box;display:none;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-transition-property:border,background;-moz-transition-property:border,background;-ms-transition-property:border,background;-o-transition-property:border,background;transition-property:border,background}.animator-canvas-container .highlight.high-vis,.editor-canvas-container .highlight.high-vis,.selector-canvas-container .highlight.high-vis{background-color:rgba(0,255,48,.25);border-color:rgba(0,255,51,.5)}.intro .animator-canvas-container,.intro .editor-canvas-container,.intro .selector-canvas-container{opacity:0}.animation-preview-container{position:absolute;right:0;top:0;color:#000}.tabcontent{width:100%;height:100%;margin:0 auto;position:relative;display:table;table-layout:fixed}.tabcontent.intro{width:800px;height:auto}.tabcontent>*{display:table-row}.not-supported .tabcontent{display:none}.export-tab{right:10px;border-spacing:10px 0;width:99vw}.export-container{color:#000}.export-container .toolbar{line-height:5px;margin:0}.export-container .toolbar .export-label-name{padding-left:10px}.export-container .toolbar .export-label-name .tipName{top:12px;left:95px}.export-container .export-preview-cell{display:table-cell;height:100%;position:relative;overflow:hidden;border:1px solid #4e4e4e;border-right:none;border-radius:5px;background:-webkit-linear-gradient(top,#f0efef,#a7a7a7);background:-moz-linear-gradient(top,#f0efef,#a7a7a7);background:-ms-linear-gradient(top,#f0efef,#a7a7a7);background:-o-linear-gradient(top,#f0efef,#a7a7a7);background:linear-gradient(top,#f0efef,#a7a7a7)}.export-container .export-items{display:flex;flex-wrap:wrap;height:100%;position:absolute;overflow:auto;box-sizing:border-box;padding:5px 5px 60px;justify-content:start;align-content:baseline}.export-container .export-items .export-item{display:flex;flex-direction:column;padding:5px;margin:5px;gap:5px;border:2px solid #4e4e4e;border-radius:5px}.export-container .export-items .export-item .item-name{border:1px solid #4e4e4e;border-radius:5px}.export-container .export-items .export-item .download-single{border:1px solid #4e4e4e;border-radius:5px;background:-webkit-linear-gradient(top,#f0efef,#a7a7a7);background:-moz-linear-gradient(top,#f0efef,#a7a7a7);background:-ms-linear-gradient(top,#f0efef,#a7a7a7);background:-o-linear-gradient(top,#f0efef,#a7a7a7);background:linear-gradient(top,#f0efef,#a7a7a7)}.export-container .export-items .export-item .small-preview{background:url(trans.fb1ea1fb.png)}.export-container .export-options-cell{display:table-cell;width:20%;text-align:center;border:1px solid #4e4e4e;border-radius:5px}.export-container .export-options-cell button{width:100px;height:30px;background:-webkit-linear-gradient(top,#f0efef,#a7a7a7);background:-moz-linear-gradient(top,#f0efef,#a7a7a7);background:-ms-linear-gradient(top,#f0efef,#a7a7a7);background:-o-linear-gradient(top,#f0efef,#a7a7a7);background:linear-gradient(top,#f0efef,#a7a7a7)}.export-container .export-options-cell .export-options{display:flex;flex-direction:column;gap:5px;align-items:start;padding:10px 20px 0}.export-container .export-options-cell .export-options input[type=checkbox]{margin-right:10px}.export-container .export-options-cell .export-options button,.export-container .export-options-cell .export-options input{border:1px solid #4e4e4e;border-radius:5px}.export-container .export-options-cell .export-options hr{width:100%}.export-container .export-options-cell{background:-webkit-linear-gradient(top,#f0efef,#a7a7a7);background:-moz-linear-gradient(top,#f0efef,#a7a7a7);background:-ms-linear-gradient(top,#f0efef,#a7a7a7);background:-o-linear-gradient(top,#f0efef,#a7a7a7);background:linear-gradient(top,#f0efef,#a7a7a7)}@font-face{font-family:oswald;src:url(oswald.3c7ec23f.ttf) format("truetype");font-weight:400;font-style:sans-serif}.select-btn{margin:0 48px 0 0}.start-buttons{position:absolute;top:50px;left:0;width:100%;text-align:center}.drop-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(37,207,28,.2);box-shadow:inset 0 0 18px #175a00;display:none;pointer-events:none}.drag-over .drop-indicator{display:block;opacity:1}.lg-button{width:192px;border-radius:100px;color:#fff;font:normal 29px/1 oswald,sans-serif;padding:14px 20px;box-shadow:inset 0 0 6px #ff6c00,0 3px 6px rgba(0,0,0,.7);cursor:pointer;text-shadow:rgba(0,0,0,.5) 0 2px 0;background:-webkit-linear-gradient(top,#ffb95a,#ff6c00 50%,#c73a00);background:-moz-linear-gradient(top,#ffb95a 0,#ff6c00 50%,#c73a00 100%);background:-ms-linear-gradient(top,#ffb95a 0,#ff6c00 50%,#c73a00 100%);background:-o-linear-gradient(top,#ffb95a 0,#ff6c00 50%,#c73a00 100%);background:linear-gradient(top,#ffb95a,#ff6c00 50%,#c73a00)}.css-output{display:block;white-space:pre;background:rgba(0,0,0,.1);padding:20px 30px;overflow:auto;position:relative;tab-size:4}.intro .css-output{height:0;padding-top:0;padding-bottom:0;overflow:hidden}.css-output code{font-size:1.2em;line-height:1}.css-output [data-inline-edit]{position:relative;display:inline-block}.css-output [data-inline-edit]:before{border-bottom:1px dotted #fff;position:absolute;left:0;bottom:-3px;right:0;content:""}.css-output .file{cursor:pointer}.css-output input[type=text]{position:absolute;border:1px solid #ccc;background:#fff;color:#333;font:normal 12px/1 monospace;padding:3px;outline:none}.intro .further-detail{height:0}.tooltip{position:absolute;width:22px;height:22px;background-image:url(tooltip.7baa115c.svg);background-size:contain;background-repeat:no-repeat;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.7))}.tooltip.tooltip:hover .tooltipText{cursor:pointer;visibility:visible}.tooltip .tooltipText{visibility:hidden;background-color:#000;color:#fff;z-index:100;height:fit-content;width:40vh;line-height:20px;border-radius:4px;padding:5px 5px 5px 15px;position:absolute;top:-5px;left:130%}.toolbar{padding:5px 6px 3px;position:relative;z-index:1;border-color:#e2e2e2 #000 #888;border-style:solid;border-width:1px 0;color:#333;background:-webkit-linear-gradient(top,#d0d0d0,#a7a7a7);background:-moz-linear-gradient(top,#d0d0d0,#a7a7a7);background:-ms-linear-gradient(top,#d0d0d0,#a7a7a7);background:-o-linear-gradient(top,#d0d0d0,#a7a7a7);background:linear-gradient(top,#d0d0d0,#a7a7a7)}.toolbar.top{height:35px;border-radius:5px 5px 0 0}.toolbar.bottom{padding:5px 0 10px 10px;height:10px}.intro .toolbar{overflow:hidden;height:0;padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0}.toolbar [role=img]{float:left;margin:0 5px 5px 0;border:2px solid #888;border-radius:50%;cursor:pointer;padding:10.5px;position:relative;width:5px;height:5px;text-indent:-5000px}.toolbar [role=img].none{background:url(trans.fb1ea1fb.png);background-repeat:round}.toolbar [role=slider]{width:15%}.toolbar [role=slider] input{-webkit-appearance:none;appearance:none;width:100%;height:7px;background:#fff;border:1px solid #888;border-radius:4px;-webkit-transition:.2s;transition:opacity .2s}.toolbar [role=slider] input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border:1px solid #888;border-radius:50%;cursor:pointer;background:-webkit-linear-gradient(top,#d0d0d0,#a7a7a7);background:-moz-linear-gradient(top,#d0d0d0,#a7a7a7);background:-ms-linear-gradient(top,#d0d0d0,#a7a7a7);background:-o-linear-gradient(top,#d0d0d0,#a7a7a7);background:linear-gradient(top,#d0d0d0,#a7a7a7)}.toolbar [role=slider] input::-moz-range-thumb{width:15px;height:15px;border:1px solid #888;border-radius:50%;cursor:pointer;background:-webkit-linear-gradient(top,#d0d0d0,#a7a7a7);background:-moz-linear-gradient(top,#d0d0d0,#a7a7a7);background:-ms-linear-gradient(top,#d0d0d0,#a7a7a7);background:-o-linear-gradient(top,#d0d0d0,#a7a7a7);background:linear-gradient(top,#d0d0d0,#a7a7a7)}.toolbar [role=slider].animate-zoom{float:left}.toolbar [role=slider].animate-preview-zoom{padding-right:10px;float:right}.toolbar [role=button]{float:left;margin:0 5px 5px 0;border:1px solid #888;border-radius:4px;cursor:pointer;padding:6px 10px 6px 30px;position:relative;background:-webkit-linear-gradient(top,#fefefe,#b8b8b8);background:-moz-linear-gradient(top,#fefefe,#b8b8b8);background:-ms-linear-gradient(top,#fefefe,#b8b8b8);background:-o-linear-gradient(top,#fefefe,#b8b8b8);background:linear-gradient(top,#fefefe,#b8b8b8)}.toolbar [role=button]:before{content:"";position:absolute;top:5px;left:5px}.toolbar [role=button].active{background:#707070;box-shadow:inset 0 3px 7px rgba(0,0,0,.6);color:#fff}.toolbar [role=button].no-label{width:28px;padding:6px 0;text-indent:-5000px}.toolbar [role=button].select-all{float:right;margin:0;border:none;border-left:1px solid #888}.toolbar [role=button].select-all:before{left:7px;background-image:url(search.948ac1b2.svg);filter:drop-shadow(0 0 0 rgba(0,0,0,.7))}.toolbar [role=button].save-anim:before,.toolbar [role=button].select-all:before{top:4px;width:20px;height:20px;background-size:contain;background-repeat:no-repeat}.toolbar [role=button].save-anim:before{left:4px;background-image:url(save.fbed29ab.svg);filter:drop-shadow(1px 1px 0 rgba(0,0,0,.7))}.toolbar [role=button].select-none:before{background-image:url(cancel.f68c3591.svg)}.toolbar [role=button].dupe-frame:before,.toolbar [role=button].select-none:before{width:18px;height:18px;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.7))}.toolbar [role=button].dupe-frame:before{background-image:url(add.96601d92.svg)}.toolbar [role=button].select-sprite:before{background-image:url(arrow.66176c3d.svg)}.toolbar [role=button].select-bg:before,.toolbar [role=button].select-sprite:before{width:18px;height:18px;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.7))}.toolbar [role=button].select-bg:before{background-image:url(dropper.901fb8b6.svg)}.toolbar [role=button].open-img:before{width:18px;height:18px;background-image:url(folderFile.d1a61dca.svg);background-size:contain;background-repeat:no-repeat;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.7))}.toolbar [role=button].invert-bg{float:right}.toolbar [role=button].invert-bg:before{width:18px;height:18px;background-image:url(visible.47dbaac3.svg);background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 0 0 rgba(0,0,0,.7))}.toolbar [role=button].remove-bg:before{background-image:url(erase.16447875.svg)}.toolbar [role=button].remove-bg:before,.toolbar [role=button].remove-rect:before{width:18px;height:18px;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.7))}.toolbar [role=button].remove-rect:before{background-image:url(delete.6b8e5105.svg)}.toolbar [role=button].delete-anim:before{background-image:url(delete.6b8e5105.svg)}.toolbar [role=button].delete-anim:before,.toolbar [role=button].undo:before{width:18px;height:18px;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.7))}.toolbar [role=button].undo:before{background-image:url(undo.11073914.svg)}.toolbar [role=button].reload-img:before{width:18px;height:18px;background-image:url(reload.cd21bacd.svg);background-size:contain;background-repeat:no-repeat;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.7))}.toolbar-group [role=button]{margin-right:0;border-radius:0;border-left-width:0}.toolbar-group [role=button]:first-child{border-left-width:1px;border-radius:4px 0 0 4px}.toolbar-group [role=button]:nth-child(2){border-radius:0 0 0 0}.toolbar-group [role=button]:last-child{margin-right:5px;border-radius:0 4px 4px 0}.toolbar-group [role=input]{float:left;color:#000;position:relative;width:fit-content;height:20px;top:2px}.toolbar-group [role=input] input{margin:0 5px;position:relative;cursor:pointer;border:1px solid #888;border-radius:4px;padding-left:5px;width:30px;height:12px}.toolbar-group [role=input]:before{content:"";position:absolute;right:20px}.toolbar-group [role=input].select-size{top:0;height:26px}.toolbar-group [role=input] #select-size{border:none;border-top-right-radius:0;border-bottom-right-radius:0;margin:0;height:100%}.toolbar-group [role=input] #edit-x{margin-left:30px}.toolbar-group [role=input].edit-x:before{left:50px;width:18px;height:18px;background-image:url(nudgeHoriz.88900c11.svg);background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 0 0 rgba(0,0,0,.7))}.toolbar-group [role=input] #edit-y{margin-left:30px}.toolbar-group [role=input].edit-y:before{left:5px;width:18px;height:18px;background-image:url(nudgeHoriz.88900c11.svg);background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 0 0 rgba(0,0,0,.7));-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.toolbar-group [role=input] #animate-name{width:100px}.toolbar-group [role=select]{float:left;color:#000;position:relative;width:fit-content;height:20px}.toolbar-group [role=select] select{margin-left:5px;position:relative;cursor:pointer;border:1px solid #888;border-radius:4px}.toolbar-group [role=select] #saved-animations{width:100px}.toolbar-group [role=checkbox]{float:left;margin:0 0 0 5px;position:relative;padding:2px 0}.toolbar-group [role=checkbox] input{margin-left:28px;position:relative;top:1px;cursor:pointer;border:3px solid #888;border-radius:50%;width:15px;height:15px}.toolbar-group [role=checkbox]:before{content:"";position:absolute;right:20px}.toolbar-group [role=checkbox].edit-flip-x:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.toolbar-group [role=checkbox].edit-flip-x:before,.toolbar-group [role=checkbox].edit-flip-y:before{right:20px;width:18px;height:18px;background-image:url(flip.4955a473.svg);background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 0 0 rgba(0,0,0,.7))}.toolbar-group [role=checkbox].edit-show-ticks,.toolbar-group [role=checkbox] .edit-show-ticks{margin:0}.toolbar-group [role=radio]{float:left;margin:0 0 0 5px;position:relative;padding:2px 0}.toolbar-group [role=radio] input{margin-left:28px;position:relative;top:1px;cursor:pointer;border:3px solid #888;width:15px;height:15px}.toolbar-group [role=radio]:before{content:"";position:absolute;right:20px}.toolbar-group [role=radio].anchor-center:before{background-image:url(center.2e9dd18f.svg)}.toolbar-group [role=radio].anchor-bottom:before,.toolbar-group [role=radio].anchor-center:before{width:18px;height:18px;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 0 0 rgba(0,0,0,.7))}.toolbar-group [role=radio].anchor-bottom:before{background-image:url(bottom.810ac672.svg)}.toolbar-group [role=radio].anchor-previous:before{width:18px;height:18px;background-image:url(previous.7f1f7a3a.svg);background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 0 0 rgba(0,0,0,.7))}.animate-settings,.animations,.edit-all,.edit-grid,.edit-selected,.edit-ticks,.select-find{margin:0 5px 5px 0;border:1px solid #888;border-radius:4px;float:left;width:fit-content;background:-webkit-linear-gradient(top,#fefefe,#b8b8b8);background:-moz-linear-gradient(top,#fefefe,#b8b8b8);background:-ms-linear-gradient(top,#fefefe,#b8b8b8);background:-o-linear-gradient(top,#fefefe,#b8b8b8);background:linear-gradient(top,#fefefe,#b8b8b8)}.animate-settings,.animations,.edit-all,.edit-grid,.edit-selected,.edit-ticks{font-weight:300;padding:4px 5px}.edit-selected{background:-webkit-linear-gradient(top,#fefefe,#fff);background:-moz-linear-gradient(top,#fefefe,#fff);background:-ms-linear-gradient(top,#fefefe,#fff);background:-o-linear-gradient(top,#fefefe,#fff);background:linear-gradient(top,#fefefe,#fff)}.feedback{position:absolute;width:fit-content;height:16px;top:-35px;right:0;padding:4px 10px;border:1px solid #888;border-radius:4px;color:#000;opacity:0;font-size:larger;background:""}.feedback.transparent{background:url(trans.fb1ea1fb.png)}.toolbar-bottom-container,.toolbar-container{display:table-row;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
/*# sourceMappingURL=all.3ebbb31e.css.map */