<html><head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
        <title>Sword</title>
 
        <script src="https://code.jquery.com/pep/0.4.2/pep.min.js"></script><style>[touch-action="none"]{ -ms-touch-action: none; touch-action: none; }
[touch-action="auto"]{ -ms-touch-action: auto; touch-action: auto; }
[touch-action="pan-x"]{ -ms-touch-action: pan-x; touch-action: pan-x; }
[touch-action="pan-y"]{ -ms-touch-action: pan-y; touch-action: pan-y; }
[touch-action="pan-x pan-y"],[touch-action="pan-y pan-x"]{ -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; }
</style>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.2/dat.gui.min.js"></script><style type="text/css">.dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.dg.ac{position:fixed;top:0;left:0;right:0;height:0;z-index:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.dg.main.taller-than-window{overflow-y:auto}.dg.main.taller-than-window .close-button{opacity:1;margin-top:-1px;border-top:1px solid #2c2c2c}.dg.main ul.closed .close-button{opacity:1!important}.dg.main .close-button.drag,.dg.main:hover .close-button{opacity:1}.dg.main .close-button{-webkit-transition:opacity .1s linear;transition:opacity .1s linear;border:0;position:absolute;line-height:19px;height:20px;cursor:pointer;text-align:center;background-color:#000}.dg.main .close-button:hover{background-color:#111}.dg.a{float:right;margin-right:15px;overflow-x:hidden}.dg.a.has-save>ul{margin-top:27px}.dg.a.has-save>ul.closed{margin-top:0}.dg.a .save-row{position:fixed;top:0;z-index:1002}.dg li{-webkit-transition:height .1s ease-out;transition:height .1s ease-out}.dg li:not(.folder){cursor:auto;height:27px;line-height:27px;overflow:hidden;padding:0 4px 0 5px}.dg li.folder{padding:0;border-left:4px solid transparent}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li>*{height:0;overflow:hidden;border:0}.dg .cr{clear:both;padding-left:3px;height:27px}.dg .property-name{cursor:default;float:left;clear:left;width:40%;overflow:hidden;text-overflow:ellipsis}.dg .c{float:left;width:60%}.dg .c input[type=text]{border:0;margin-top:4px;padding:3px;width:100%;float:right}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;margin-left:-5px;margin-right:0;height:19px;margin-top:4px}.dg .slider-fg{height:100%}.dg .c input[type=checkbox]{margin-top:9px}.dg .c select{margin-top:5px}.dg .cr.boolean,.dg .cr.boolean *,.dg .cr.function,.dg .cr.function *,.dg .cr.function .property-name{cursor:pointer}.dg .selector{display:none;position:absolute;margin-left:-9px;margin-top:23px;z-index:10}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{display:inline-block;padding:0 6px}.dg.dialogue{background-color:#222;width:460px;padding:15px;font-size:13px;line-height:15px}#dg-new-constructor{padding:10px;color:#222;font-family:Monaco,monospace;font-size:10px;border:0;resize:none;box-shadow:inset 1px 1px 1px #888;word-wrap:break-word;margin:12px 0;display:block;width:440px;overflow-y:scroll;height:100px;position:relative}#dg-local-explain{display:none;font-size:11px;line-height:17px;border-radius:3px;background-color:#333;padding:8px;margin-top:10px}#dg-local-explain code{font-size:10px}#dat-gui-save-locally{display:none}.dg{color:#eee;font:11px Lucida Grande,sans-serif;text-shadow:0 -1px 0 #111}.dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#676767}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{line-height:25px;background:#dad5cb;border:0}.dg li.save-row select{margin-left:5px;width:108px}.dg li.save-row .button{margin-left:5px;margin-top:1px;border-radius:2px;font-size:9px;line-height:7px;padding:4px 4px 5px;background:#c5bdad;color:#fff;text-shadow:0 1px 0 #b0a58f;box-shadow:0 -1px 0 #b0a58f;cursor:pointer}.dg li.save-row .button.gears{background:#c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px 0 #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,.2)}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #806787}.dg .cr.color{border-left:3px solid}.dg .cr.function{border-left:3px solid #e61d5f}.dg .cr.number{border-left:3px solid #2fa1d6}.dg .cr.number input[type=text]{color:#2fa1d6}.dg .cr.string{border-left:3px solid #1ed36f}.dg .cr.string input[type=text]{color:#1ed36f}.dg .cr.boolean:hover,.dg .cr.function:hover{background:#111}.dg .c input[type=text]{background:#303030;outline:none}.dg .c input[type=text]:hover{background:#3c3c3c}.dg .c input[type=text]:focus{background:#494949;color:#fff}.dg .c .slider{background:#303030;cursor:ew-resize}.dg .c .slider-fg{background:#2fa1d6;max-width:100%}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda}</style>
        <script src="https://preview.babylonjs.com/ammo.js"></script>
        <script src="https://preview.babylonjs.com/cannon.js"></script>
        <script src="https://preview.babylonjs.com/Oimo.js"></script>
        <script src="https://preview.babylonjs.com/libktx.js"></script>
        <script src="https://preview.babylonjs.com/earcut.min.js"></script>
        <script src="https://preview.babylonjs.com/babylon.js"></script>
        <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script><style>#animation-curve-editor{background-color:#333;font-family:"acumin-pro-condensed";background-color:#333333}#animation-curve-editor .last{margin-left:3px}#animation-curve-editor .icon{width:40px;height:40px}#animation-curve-editor .icon.medium{width:30px;height:30px}#animation-curve-editor .icon.small{width:20px;height:20px}#animation-curve-editor .icon.babylon-logo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23e0684b;%7D.cls-3%7Bfill:%23bb464b;%7D.cls-4%7Bfill:%23e0ded8;%7D.cls-5%7Bfill:%23d5d2ca;%7D.cls-6%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='40' height='40'/%3E%3Cpolygon class='cls-2' points='32.91 13.78 29.54 11.84 26.29 13.71 29.66 15.65 32.91 13.78'/%3E%3Cpolygon class='cls-2' points='14.61 15.65 25.38 9.44 22.14 7.57 11.37 13.78 14.61 15.65'/%3E%3Cpolygon class='cls-2' points='18.77 21.95 22.14 23.89 25.51 21.95 22.14 20 18.77 21.95'/%3E%3Cpolygon class='cls-3' points='29.66 15.65 29.66 24.34 22.14 28.69 14.61 24.34 14.61 15.65 11.37 13.78 11.37 26.22 22.14 32.44 32.91 26.22 32.91 13.78 29.66 15.65'/%3E%3Cpolygon class='cls-3' points='22.14 16.11 18.77 18.05 18.77 21.95 22.14 20 25.51 21.95 25.51 18.05 22.14 16.11'/%3E%3Cpolygon class='cls-4' points='29.66 15.65 25.51 18.05 25.51 21.95 22.14 23.89 22.14 28.69 29.66 24.34 29.66 15.65'/%3E%3Cpolygon class='cls-5' points='14.61 15.65 18.77 18.05 18.77 21.95 22.14 23.89 22.14 28.69 14.61 24.34 14.61 15.65'/%3E%3Cpolygon class='cls-6' points='25.38 9.44 29.54 11.84 26.29 13.71 29.66 15.65 25.51 18.05 22.14 16.11 18.77 18.05 14.61 15.65 25.38 9.44'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain}#animation-curve-editor .icon.close{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Cpath class='cls-1' d='M21.13,20,28,26.87,26.87,28,20,21.13,13.13,28,12,26.87,18.87,20,12,13.13,13.13,12,20,18.87,26.87,12,28,13.13Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.auto-tangent{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Cpath class='cls-1' d='M28,18.79a1.51,1.51,0,0,0-1.41,1H22l-1-3.86H19.9L19,19.79H13.41a1.5,1.5,0,1,0,0,1h5.32l-.79,3.28h.88l.6-2.58h2.11l.6,2.58h1l-.81-3.28h4.31a1.5,1.5,0,1,0,1.41-2Zm-8.41,1.9c.41-1.75.73-3.21.85-3.92h0c.1.65.42,1.92.88,3.92Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.auto-tangent:hover{background-color:#888888}#animation-curve-editor .icon.auto-tangent:active{background-color:#555555}#animation-curve-editor .icon.break-tangent{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Cpath class='cls-1' d='M26.25,13.2a1.5,1.5,0,0,0-1.89,2.27L20.27,24A1.55,1.55,0,0,0,20,24l-.23,0-4.09-8.55a1.5,1.5,0,1,0-2.44-.22,1.51,1.51,0,0,0,1.57.72l4.08,8.53a1.5,1.5,0,1,0,2.27.05L25.23,16a1.5,1.5,0,0,0,1-2.77Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.break-tangent:hover{background-color:#888888}#animation-curve-editor .icon.break-tangent:active{background-color:#555555}#animation-curve-editor .icon.flat-tangent{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Cpath class='cls-1' d='M28,18.5a1.51,1.51,0,0,0-1.41,1H13.41a1.5,1.5,0,1,0,0,1H26.59a1.5,1.5,0,1,0,1.41-2Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.flat-tangent:hover{background-color:#888888}#animation-curve-editor .icon.flat-tangent:active{background-color:#555555}#animation-curve-editor .icon.frame{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Cpath class='cls-1' d='M25,19V17H23V16h3v3ZM15,17v2H14V16h3v1Zm11,4v3H23V23h2V21Zm-9,2v1H14V21h1v2Zm-5-9H28V26H12ZM27,25V15H13V25Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.frame:hover{background-color:#888888}#animation-curve-editor .icon.frame:active{background-color:#555555}#animation-curve-editor .icon.linear-tangent{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Cpath class='cls-1' d='M26.41,14.3l-.71-.71-10,10a1.5,1.5,0,1,0,.71.71Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.linear-tangent:hover{background-color:#888888}#animation-curve-editor .icon.linear-tangent:active{background-color:#555555}#animation-curve-editor .icon.unify-tangent{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Cpath class='cls-1' d='M27.94,18.28a1.49,1.49,0,0,0-1.41,1h-5l-1.62-1.63-1.62,1.63h-5a1.5,1.5,0,1,0,0,1h5l1.62,1.62,1.62-1.62h5a1.5,1.5,0,1,0,1.41-2Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.unify-tangent:hover{background-color:#888888}#animation-curve-editor .icon.unify-tangent:active{background-color:#555555}#animation-curve-editor .icon.add-animation{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='30' height='30'/%3E%3Cpath class='cls-2' d='M23,14.5v1H15.5V23h-1V15.5H7v-1h7.5V7h1v7.5Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.animation-bullet{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%237a4ece;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Ccircle class='cls-1' cx='5' cy='5' r='2.89'/%3E%3Crect class='cls-2' width='10' height='10'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white}#animation-curve-editor .icon.animation-delete{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='20' height='20'/%3E%3Cpath class='cls-2' d='M10.71,10,15,14.29l-.71.71L10,10.71,5.71,15,5,14.29,9.29,10,5,5.71,5.71,5,10,9.29,14.29,5l.71.71Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.animation-edit{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='30' height='30'/%3E%3Cpath class='cls-2' d='M23,9.3a2.65,2.65,0,0,1-.19,1,2.58,2.58,0,0,1-.57.86L12,21.45,7,22.68l1.24-4.94L18.56,7.45a2.54,2.54,0,0,1,.85-.57,2.7,2.7,0,0,1,1-.2,2.52,2.52,0,0,1,1,.21,2.48,2.48,0,0,1,.83.56,3,3,0,0,1,.56.83A2.52,2.52,0,0,1,23,9.3ZM9.58,17.84a3.46,3.46,0,0,1,1.42.87,3.56,3.56,0,0,1,.88,1.43l8.44-8.46L18,9.39ZM8.41,21.31,11,20.67a2.64,2.64,0,0,0-.25-.68,2.25,2.25,0,0,0-.43-.57A2.67,2.67,0,0,0,9.73,19a2.64,2.64,0,0,0-.68-.25ZM21,11l.38-.37a2.74,2.74,0,0,0,.32-.36A1.78,1.78,0,0,0,22,9.83a1.72,1.72,0,0,0,0-1.15,1.78,1.78,0,0,0-.35-.51A2,2,0,0,0,21,7.81a1.81,1.81,0,0,0-.63-.13,1.62,1.62,0,0,0-.52.08,1.53,1.53,0,0,0-.41.23,2.83,2.83,0,0,0-.37.32l-.37.37Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white}#animation-curve-editor .icon.animation-end{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23888;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='23' height='45'/%3E%3Cpath class='cls-2' d='M10.29,23,3.5,28.05V17.9Zm.21-5.07V28.05L17.29,23Zm9-.9h-2V29h2Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;width:20px;cursor:pointer;background-position:center}#animation-curve-editor .icon.animation-lastkey{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23888;%7D.cls-3%7Bfill:%23ffc017;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='23' height='45'/%3E%3Cpolygon class='cls-2' points='8.07 22.86 18.21 28.71 18.21 17 8.07 22.86'/%3E%3Crect class='cls-3' x='4.79' y='17' width='3' height='12' transform='translate(12.58 46) rotate(-180)'/%3E%3Crect class='cls-2' x='5.79' y='14' width='1' height='3'/%3E%3Crect class='cls-2' x='5.79' y='29' width='1' height='3'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;width:20px;cursor:pointer;background-position:center}#animation-curve-editor .icon.animation-lastkey:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23ccc;%7D.cls-3%7Bfill:%23ffc017;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='23' height='45'/%3E%3Cpolygon class='cls-2' points='8.07 22.86 18.21 28.71 18.21 17 8.07 22.86'/%3E%3Crect class='cls-3' x='4.79' y='17' width='3' height='12' transform='translate(12.58 46) rotate(-180)'/%3E%3Crect class='cls-2' x='5.79' y='14' width='1' height='3'/%3E%3Crect class='cls-2' x='5.79' y='29' width='1' height='3'/%3E%3C/g%3E%3C/svg%3E")}#animation-curve-editor .icon.animation-nextkey{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23888;%7D.cls-3%7Bfill:%23ffc017;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='23' height='45'/%3E%3Cpolygon class='cls-2' points='14.93 22.86 4.79 28.71 4.79 17 14.93 22.86'/%3E%3Crect class='cls-3' x='15.21' y='17' width='3' height='12'/%3E%3Crect class='cls-2' x='16.21' y='14' width='1' height='3'/%3E%3Crect class='cls-2' x='16.21' y='29' width='1' height='3'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;width:20px;cursor:pointer;background-position:center}#animation-curve-editor .icon.animation-nextkey:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23ccc;%7D.cls-3%7Bfill:%23ffc017;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='23' height='45'/%3E%3Cpolygon class='cls-2' points='14.93 22.86 4.79 28.71 4.79 17 14.93 22.86'/%3E%3Crect class='cls-3' x='15.21' y='17' width='3' height='12'/%3E%3Crect class='cls-2' x='16.21' y='14' width='1' height='3'/%3E%3Crect class='cls-2' x='16.21' y='29' width='1' height='3'/%3E%3C/g%3E%3C/svg%3E")}#animation-curve-editor .icon.animation-options{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='20' height='20'/%3E%3Cpath class='cls-2' d='M13.73,9.82v.36L15,11l-.78,1.88-1.46-.34-.25.25.34,1.46L11,15l-.79-1.27H9.82L9,15l-1.88-.78.34-1.46-.25-.25-1.46.34L5,11l1.27-.79V9.82L5,9l.78-1.88,1.46.34.25-.25L7.15,5.78,9,5l.79,1.27h.36L11,5l1.88.78-.34,1.46.25.25,1.46-.34L15,9Zm-.58.64a1.79,1.79,0,0,0,0-.23,1.69,1.69,0,0,0,0-.23,1.93,1.93,0,0,0,0-.24,2,2,0,0,0,0-.23l1.16-.72-.42-1-1.33.31a3.49,3.49,0,0,0-.31-.34l-.35-.32.31-1.33-1-.42-.73,1.16-.23,0H9.77l-.24,0L8.81,5.69l-1,.42L8.1,7.44a3.49,3.49,0,0,0-.34.31c-.11.11-.21.22-.32.35L6.11,7.79l-.42,1,1.16.73a1.79,1.79,0,0,0,0,.23,1.69,1.69,0,0,0,0,.23,1.93,1.93,0,0,0,0,.24,2,2,0,0,0,0,.23l-1.16.72.42,1,1.33-.31a3.49,3.49,0,0,0,.31.34l.35.32-.31,1.33,1,.42.73-1.16.23,0h.46l.24,0,.72,1.16,1-.42-.31-1.33a3.49,3.49,0,0,0,.34-.31c.11-.11.21-.22.32-.35l1.33.31.42-1ZM10,8.15a1.75,1.75,0,0,1,.72.15,1.77,1.77,0,0,1,1,1,2.1,2.1,0,0,1,.15.72,1.75,1.75,0,0,1-.15.72,1.77,1.77,0,0,1-1,1,2.1,2.1,0,0,1-.72.15,1.75,1.75,0,0,1-.72-.15,1.77,1.77,0,0,1-1-1A2.1,2.1,0,0,1,8.15,10a1.75,1.75,0,0,1,.15-.72,1.77,1.77,0,0,1,1-1A2.1,2.1,0,0,1,10,8.15Zm0,3.15a1.45,1.45,0,0,0,.51-.1,1.42,1.42,0,0,0,.41-.28,1.22,1.22,0,0,0,.27-.41,1.29,1.29,0,0,0,0-1,1.42,1.42,0,0,0-.28-.41,1.22,1.22,0,0,0-.41-.27,1.29,1.29,0,0,0-1,0,1.42,1.42,0,0,0-.41.28,1.22,1.22,0,0,0-.27.41,1.29,1.29,0,0,0,0,1,1.42,1.42,0,0,0,.28.41,1.22,1.22,0,0,0,.41.27A1.45,1.45,0,0,0,10,11.3Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer;background-position:center}#animation-curve-editor .icon.animation-options:hover{background-color:#888888 !important}#animation-curve-editor .icon.animation-playfwd{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23888;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='23' height='45'/%3E%3Cpolygon class='cls-2' points='18.19 23.39 4.81 31.12 4.81 15.66 18.19 23.39'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;background-position:center;width:20px;cursor:pointer;background-position:center}#animation-curve-editor .icon.animation-playfwd:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23ccc;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='23' height='45'/%3E%3Cpolygon class='cls-2' points='18.19 23.39 4.81 31.12 4.81 15.66 18.19 23.39'/%3E%3C/g%3E%3C/svg%3E")}#animation-curve-editor .icon.animation-playrev{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23888;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='23' height='45'/%3E%3Cpolygon class='cls-2' points='4.81 23.39 18.19 31.12 18.19 15.66 4.81 23.39'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;background-position:center;width:20px;cursor:pointer;background-position:center}#animation-curve-editor .icon.animation-playrev:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23ccc;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='23' height='45'/%3E%3Cpolygon class='cls-2' points='4.81 23.39 18.19 31.12 18.19 15.66 4.81 23.39'/%3E%3C/g%3E%3C/svg%3E")}#animation-curve-editor .icon.animation-start{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23888;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='23' height='45'/%3E%3Cpath class='cls-2' d='M19.5,17.9V28.05L12.71,23ZM5.71,23l6.79,5.08V17.9ZM3.5,29h2V17h-2Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;background-position:center;cursor:pointer;background-position:center;width:20px}#animation-curve-editor .icon.animation-stop{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%238c2f2f;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='23' height='45'/%3E%3Crect class='cls-2' x='5' y='16.61' width='13' height='13'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;background-position:center;cursor:pointer;background-position:center;width:20px}#animation-curve-editor .icon.animation-triangle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23888;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Cpolygon class='cls-1' points='5 7.81 8.25 2.19 1.75 2.19 5 7.81'/%3E%3Crect class='cls-2' width='10' height='10'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white}#animation-curve-editor .icon.key-active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23111;%7D.cls-3%7Bfill:%23ffc017;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='10' height='10'/%3E%3Crect class='cls-2' x='2.67' y='2.67' width='4.66' height='4.66' transform='translate(-2.07 5) rotate(-45)'/%3E%3Cpath class='cls-3' d='M5,2.41,7.59,5,5,7.59,2.41,5,5,2.41M5,1,1,5,5,9,9,5,5,1Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white}#animation-curve-editor .icon.key-inactive{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23111;%7D.cls-3%7Bfill:%23aaa;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='10' height='10'/%3E%3Crect class='cls-2' x='2.67' y='2.67' width='4.66' height='4.66' transform='translate(-2.07 5) rotate(-45)'/%3E%3Cpath class='cls-3' d='M5,2.41,7.59,5,5,7.59,2.41,5,5,2.41M5,1,1,5,5,9,9,5,5,1Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white}#animation-curve-editor .icon.key-selected{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23ffc017;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='10' height='10'/%3E%3Crect class='cls-2' x='2.17' y='2.17' width='5.66' height='5.66' transform='translate(-2.07 5) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white}#animation-curve-editor .icon.loop-active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='30' height='30'/%3E%3Cpath class='cls-2' d='M8,15a4.72,4.72,0,0,0,.12,1.06,5.31,5.31,0,0,0,.34,1A4.77,4.77,0,0,0,9,18a4.2,4.2,0,0,0,.74.78L9,19.49a5.89,5.89,0,0,1-.86-.94,6.15,6.15,0,0,1-.64-1.08,5.83,5.83,0,0,1-.4-1.2A6.59,6.59,0,0,1,7,15a6,6,0,0,1,.21-1.59A5.51,5.51,0,0,1,7.82,12a6.6,6.6,0,0,1,.94-1.22A5.53,5.53,0,0,1,10,9.82a6.53,6.53,0,0,1,1.44-.6A5.6,5.6,0,0,1,13,9h5.05L16.77,7.73,17.48,7,20,9.5,17.48,12l-.71-.71L18.05,10H13a4.91,4.91,0,0,0-1.33.18,5.25,5.25,0,0,0-1.19.5,4.47,4.47,0,0,0-1,.78,5.51,5.51,0,0,0-.78,1,4.86,4.86,0,0,0-.51,1.19A4.91,4.91,0,0,0,8,15Zm13-4.48a5.82,5.82,0,0,1,.86.93,6.15,6.15,0,0,1,.64,1.08,5.83,5.83,0,0,1,.4,1.2A6.77,6.77,0,0,1,23,15a6,6,0,0,1-.21,1.59A5.51,5.51,0,0,1,22.18,18a6.6,6.6,0,0,1-.94,1.22,5.53,5.53,0,0,1-1.21.94,6.53,6.53,0,0,1-1.44.6A5.6,5.6,0,0,1,17,21H12l1.28,1.27-.71.71L10.05,20.5,12.52,18l.71.71L12,20H17a4.91,4.91,0,0,0,1.33-.18,5.25,5.25,0,0,0,1.19-.5,4.47,4.47,0,0,0,1-.78,5.51,5.51,0,0,0,.78-1,4.86,4.86,0,0,0,.51-1.19A4.91,4.91,0,0,0,22,15a4.81,4.81,0,0,0-.12-1.07,6.07,6.07,0,0,0-.33-1A4.69,4.69,0,0,0,21,12a6.86,6.86,0,0,0-.74-.79Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.loop-inactive{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='30' height='30'/%3E%3Cpolygon class='cls-2' points='15.01 10 18.05 10 16.77 11.27 17.48 11.98 19.95 9.5 17.48 7.02 16.77 7.73 18.05 9 14.6 9 15.01 10'/%3E%3Cpath class='cls-2' d='M8.46,17.08a5.31,5.31,0,0,1-.34-1A4.72,4.72,0,0,1,8,15a4.91,4.91,0,0,1,.18-1.33,4.86,4.86,0,0,1,.51-1.19,5.51,5.51,0,0,1,.78-1,4.47,4.47,0,0,1,1-.78,5.25,5.25,0,0,1,1.19-.5l.16,0-.39-.94h0a6.53,6.53,0,0,0-1.44.6,5.53,5.53,0,0,0-1.21.94A6.6,6.6,0,0,0,7.82,12a5.51,5.51,0,0,0-.61,1.43A6,6,0,0,0,7,15a6.59,6.59,0,0,0,.14,1.27,5.83,5.83,0,0,0,.4,1.2,6.15,6.15,0,0,0,.64,1.08,5.89,5.89,0,0,0,.86.94l.71-.71A4.2,4.2,0,0,1,9,18,4.77,4.77,0,0,1,8.46,17.08Z'/%3E%3Cpolygon class='cls-2' points='15.91 20 11.95 20 13.23 18.73 12.52 18.02 10.05 20.5 12.52 22.98 13.23 22.27 11.95 21 16.32 21 15.91 20'/%3E%3Cpath class='cls-2' d='M22.86,13.73a5.83,5.83,0,0,0-.4-1.2,6.15,6.15,0,0,0-.64-1.08,5.82,5.82,0,0,0-.86-.93l-.7.69A6.86,6.86,0,0,1,21,12a4.69,4.69,0,0,1,.55.91,6.07,6.07,0,0,1,.33,1A4.81,4.81,0,0,1,22,15a4.91,4.91,0,0,1-.18,1.33,4.86,4.86,0,0,1-.51,1.19,5.51,5.51,0,0,1-.78,1,4.47,4.47,0,0,1-1,.78,4.53,4.53,0,0,1-.54.27l.38.92a7,7,0,0,0,.67-.33,5.53,5.53,0,0,0,1.21-.94A6.6,6.6,0,0,0,22.18,18a5.51,5.51,0,0,0,.61-1.43A6,6,0,0,0,23,15,6.77,6.77,0,0,0,22.86,13.73Z'/%3E%3Crect class='cls-2' x='14.92' y='6.37' width='1' height='16.63' transform='translate(-4.44 7.02) rotate(-22.5)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.move{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='40' height='40'/%3E%3Cpath class='cls-2' d='M14.41,20.5,16,22.1l-.71.71L12.5,20l2.81-2.81.71.71-1.61,1.6H17.5v1ZM27.5,20l-2.78,2.77-.7-.7,1.57-1.57H22.5v-1h3.09L24,17.9l.71-.71Zm-9.57-4-.7-.7L20,12.5l2.81,2.81L22.1,16l-1.6-1.61V17.5h-1V14.41Zm4.17,8,.71.71L20,27.5l-2.81-2.81L17.9,24l1.6,1.61V22.5h1v3.09Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white}#animation-curve-editor .icon.save{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='parameters'%3E%3Crect class='cls-1' width='30' height='30'/%3E%3Cpath class='cls-2' d='M21,8a1,1,0,0,1,.39.08,1,1,0,0,1,.31.21,1.21,1.21,0,0,1,.22.32A.91.91,0,0,1,22,9V22H9.79L8,20.2V9a.85.85,0,0,1,.08-.39,1,1,0,0,1,.21-.31,1.07,1.07,0,0,1,.32-.22A.85.85,0,0,1,9,8ZM11,14h8V9H11Zm6,4H12v3h1V19h1v2h3Zm4-9H20v6H10V9H9V19.79L10.2,21H11V17h7v4h3Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.load{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='parameters'%3E%3Crect class='cls-1' width='30' height='30'/%3E%3Cpath class='cls-2' d='M21.78,19l-1.27-1.27V23h-1V17.71L18.24,19l-.71-.71L20,15.8l2.48,2.47ZM8.51,22h10v1h-11V7h8.71l4.29,4.29V15h-1V12h-4V8h-7Zm8-11H18.8L16.51,8.71Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white;cursor:pointer}#animation-curve-editor .icon.checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='20' height='20'/%3E%3Cpath class='cls-2' d='M15,5V15H5V5Zm-.63.63H5.61v8.78h8.78ZM8.75,13l-2.1-2.1.44-.44,1.66,1.65L12.91,7.9l.44.44Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white}#animation-curve-editor .icon.unchecked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='20' height='20'/%3E%3Cpath class='cls-2' d='M15,5V15H5V5Zm-.63.63H5.61v8.78h8.78Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white}#animation-curve-editor .icon.new-key{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Cpath class='cls-1' d='M20,15.41,24.59,20,20,24.59,15.41,20,20,15.41M20,14l-6,6,6,6,6-6-6-6Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white}#animation-curve-editor .icon.new-key:hover{background-color:#888888}#animation-curve-editor .icon.new-key:active{background-color:#555555}#animation-curve-editor .icon.scale{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Cpath class='cls-1' d='M16,13H13.71l2.64,2.65-.7.7L13,13.71V16H12V12h4Zm8-1h4v4H27V13.71l-2.65,2.64-.7-.7L26.29,13H24ZM15.65,23.65l.7.7L13.71,27H16v1H12V24h1v2.29ZM27,26.29V24h1v4H24V27h2.29l-2.64-2.65.7-.7ZM17,23V17h6v6Zm1-5v4h4V18Z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white}#animation-curve-editor .icon.scrollbar-handle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 21'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' x='5' y='3' width='2' height='15'/%3E%3Crect class='cls-1' x='9' y='3' width='2' height='15'/%3E%3Crect class='cls-1' x='13' y='3' width='2' height='15'/%3E%3Crect class='cls-2' width='20' height='21'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:white}#animation-curve-editor .hidden{display:none}#animation-curve-editor .notification-area{position:absolute;width:auto;left:0.53em;bottom:60px;background-color:#c73228;padding:16px;border-radius:5px;color:white;right:2em;z-index:1000}#animation-curve-editor .notification-area button{position:absolute;top:3px;right:10px;padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;color:#000;text-shadow:0 1px 0 #fff;opacity:0.4;font-size:1.8em}#animation-curve-editor .header{display:flex;padding:9px;background:#333333;color:white;height:1.3em;justify-content:space-between;align-items:center;padding-left:12px;padding-right:12px}#animation-curve-editor .header .title{text-transform:uppercase}#animation-curve-editor .header .close{grid-column:2;display:grid;align-items:center;justify-items:center;cursor:pointer}#animation-curve-editor .actions-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background:#333333;height:40px}#animation-curve-editor .actions-wrapper .close{position:absolute;right:1px}#animation-curve-editor .actions-wrapper .title-container{display:flex;justify-content:stretch;align-items:center;color:white;width:220px}#animation-curve-editor .actions-wrapper .title-container .title{font-size:15pt}#animation-curve-editor .actions-wrapper .buttons-container{display:flex;padding-left:10px}#animation-curve-editor .actions-wrapper .action-input{display:flex;justify-content:center;flex-direction:row;align-items:center;margin-right:8px}#animation-curve-editor .actions-wrapper .action-input input{width:78px;height:24px;color:white;font-size:12px;background:none;border:none;background-color:black;padding:6px}#animation-curve-editor .actions-wrapper .action-input input:focus{outline:solid 1px #ccc}#animation-curve-editor .content{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;height:calc(100vh - 40px)}#animation-curve-editor .content .row{width:auto;height:auto;display:flex;flex-flow:row;background-color:#333333;margin-bottom:auto}#animation-curve-editor .content .row-bottom{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:row;width:1024px;height:45px;background-color:#333333}#animation-curve-editor .content .row-bottom .timeline{width:100vw;background:#333333;display:flex;align-items:center;justify-content:stretch;height:2.5rem}#animation-curve-editor .content .row-bottom .timeline .display-line{height:40px;overflow:hidden;margin-right:0px;padding-left:10px;padding-right:10px;width:782px}#animation-curve-editor .content .row-bottom .timeline .display-line::-webkit-scrollbar{height:0.4em}#animation-curve-editor .content .row-bottom .timeline .display-line::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}#animation-curve-editor .content .row-bottom .timeline .display-line::-webkit-scrollbar-thumb{background-color:cornflowerblue;outline:1px solid slategrey}#animation-curve-editor .content .row-bottom .timeline .input-frame{width:60px;margin-left:10px;margin-right:10px;position:relative;float:right;bottom:35px}#animation-curve-editor .content .row-bottom .timeline .input-frame input{text-align:center;width:60px;border:none;background:#222222;color:white;height:25px;font-size:15px;font-family:"acumin-pro-condensed"}#animation-curve-editor .content .row-bottom .timeline .input-frame input::-webkit-inner-spin-button,#animation-curve-editor .content .row-bottom .timeline .input-frame input::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle{display:flex;flex-direction:row;height:25px;margin:10px}#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle{width:703px;background-color:#222222;height:25px;display:flex;align-items:center;padding-left:2px;padding-right:2px}#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle .handle{display:flex;flex-direction:row;height:20px;background-color:#666666;justify-content:space-between;position:absolute}#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle .handle .scrollbar{cursor:pointer;width:100%;height:66px;margin-top:-10px}#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle .handle .left-grabber,#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle .handle .right-grabber{display:flex;align-items:center;cursor:pointer;padding-bottom:8px;height:36px;margin-top:-8px}#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle .handle .left-grabber .text,#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle .handle .right-grabber .text{pointer-events:none;margin:0}#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle .handle .left-draggable,#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle .handle .right-draggable{display:flex;align-items:center;height:20px;width:20px;justify-content:center}#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle .handle .left-draggable:active .grabber,#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle .handle .right-draggable:active .grabber{background-color:#3d3d3d}#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle .handle .grabber{background-color:#333333;width:2px;height:16px;margin-right:2px;pointer-events:none}#animation-curve-editor .content .row-bottom .timeline .timeline-scroll-handle .scroll-handle .handle .text{margin-left:10px;margin-right:10px;font-size:12px;font-family:"acumin-pro-condensed";color:#222222}#animation-curve-editor .content .row-bottom .timeline .timeline-wrapper{margin-top:-31px;margin-left:-2px}#animation-curve-editor .content .row-bottom .timeline .controls{display:flex;justify-content:center;align-items:center;padding-left:46px;padding-right:46px;margin-left:10px;margin-top:-10px}#animation-curve-editor .content .row-bottom .timeline .controls .stop-container{width:40px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#animation-curve-editor .content .row-bottom .timeline .controls .input-frame input{width:3em}#animation-curve-editor .content .animation-list{margin:10px;margin-top:0;margin-bottom:0;background:#111111;color:white;width:210px}#animation-curve-editor .content .animation-list .controls-header{display:flex;background-color:#252525}#animation-curve-editor .content .animation-list .controls-header .input-fps{display:flex;align-items:center;width:52px;padding-left:4px}#animation-curve-editor .content .animation-list .controls-header .input-fps .numeric input{width:52px;font-size:12px;height:22px;background-color:black;border:none;color:white;text-align:center;font-family:"acumin-pro-condensed"}#animation-curve-editor .content .animation-list .controls-header .input-fps .numeric input::-webkit-inner-spin-button,#animation-curve-editor .content .animation-list .controls-header .input-fps .numeric input::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}#animation-curve-editor .content .animation-list .controls-header .input-fps p{color:white;font-size:12px;margin:0px;position:relative;right:17px;line-height:20px;height:20px;margin-top:-2px}#animation-curve-editor .content .animation-list .load-container{flex-direction:column;height:377px;padding-top:10px}#animation-curve-editor .content .animation-list .load-container .load-server{font-size:12px;display:flex;background-color:#222222;padding-left:10px;height:20px;margin-top:277px}#animation-curve-editor .content .animation-list .load-container .load-server p{margin:0px}#animation-curve-editor .content .animation-list .load-container .load-browse{margin-top:10px;display:flex}#animation-curve-editor .content .animation-list .load-container .load-browse p{height:20px;margin:0px;font-size:12px;width:65px;text-align:right;margin-right:10px}#animation-curve-editor .content .animation-list .load-container .load-browse .buttonLine{margin-left:0px;margin-top:0px}#animation-curve-editor .content .animation-list .load-container .load-browse .buttonLine button{margin-top:0px;font-family:"acumin-pro-condensed";padding-top:1px}#animation-curve-editor .content .animation-list .load-container .buttonLine{width:60px;padding:0px;display:block;margin-left:75px;height:20px;margin-top:10px}#animation-curve-editor .content .animation-list .load-container .buttonLine button,#animation-curve-editor .content .animation-list .load-container .buttonLine label{border:none;font-size:12px;margin:0px;width:127px;background-color:#444;height:20px;font-family:"acumin-pro-condensed";padding-top:0px}#animation-curve-editor .content .animation-list .load-container .textInputLine{display:flex}#animation-curve-editor .content .animation-list .load-container .textInputLine .label{font-size:12px;width:75px;text-align:center;font-family:"acumin-pro-condensed"}#animation-curve-editor .content .animation-list .load-container .textInputLine .value input{width:127px;background-color:#444444;border:none;height:20px;font-family:"acumin-pro-condensed";padding-bottom:6px;padding-left:6px;color:white}#animation-curve-editor .content .animation-list .save-container{flex-direction:column;height:377px;padding-top:10px}#animation-curve-editor .content .animation-list .save-container .item-list{height:317px}#animation-curve-editor .content .animation-list .save-container .item-list ul{list-style:none;padding-left:10px;margin:0px}#animation-curve-editor .content .animation-list .save-container .item-list ul label{font-size:12px;font-family:"acumin-pro-condensed";display:flex;align-content:center;align-items:center}#animation-curve-editor .content .animation-list .save-container .item-list ul label input{margin:0px;margin-right:5px}#animation-curve-editor .content .animation-list .save-container .save-server{font-size:12px;display:flex;background-color:#222222;padding-left:10px;height:20px}#animation-curve-editor .content .animation-list .save-container .save-server p{margin:0px}#animation-curve-editor .content .animation-list .save-container .save-buttons{margin-top:10px;display:flex;justify-content:space-evenly;margin-bottom:10px}#animation-curve-editor .content .animation-list .save-container .save-buttons p{height:20px;margin:0px;font-size:12px;width:65px;text-align:right;margin-right:10px}#animation-curve-editor .content .animation-list .save-container .save-buttons .buttonLine{margin-left:0px;margin-top:0px}#animation-curve-editor .content .animation-list .save-container .save-buttons .buttonLine button{margin-top:0px;font-family:"acumin-pro-condensed";padding-top:1px}#animation-curve-editor .content .animation-list .save-container .buttonLine{width:105px;padding:0px;display:block;margin-left:75px;height:20px;margin-top:10px}#animation-curve-editor .content .animation-list .save-container .buttonLine button{border:none;font-size:12px;margin:0px;background-color:#444444;height:20px;width:105px;font-family:"acumin-pro-condensed";padding-top:1px}#animation-curve-editor .content .animation-list .save-container .buttonLine:first-child{width:105px}#animation-curve-editor .content .animation-list .save-container .buttonLine:nth-child(2){width:60px}#animation-curve-editor .content .animation-list .save-container .buttonLine:nth-child(2) button{width:60px}#animation-curve-editor .content .animation-list .save-container .textInputLine{display:flex}#animation-curve-editor .content .animation-list .save-container .textInputLine .label{font-size:12px;width:75px;text-align:center;font-family:"acumin-pro-condensed"}#animation-curve-editor .content .animation-list .save-container .textInputLine .value input{width:127px;background-color:#444444;border:none;height:20px;font-family:"acumin-pro-condensed"}#animation-curve-editor .content .animation-list .new-animation{display:block;position:absolute;background-color:#111111;height:calc(100vh - 120px);z-index:10}#animation-curve-editor .content .animation-list .new-animation .sub-header{display:flex;align-items:start;width:250px;justify-content:space-between}#animation-curve-editor .content .animation-list .new-animation .sub-header .title{margin:0px;font-size:15pt}#animation-curve-editor .content .animation-list .new-animation .sub-content{background-color:#111111;padding:10px;display:inline-grid;grid-template-columns:63px 127px;grid-template-rows:repeat(6, 30px);font-size:12px}#animation-curve-editor .content .animation-list .new-animation .sub-content .confirm-buttons{grid-column-start:2;column-count:2}#animation-curve-editor .content .animation-list .new-animation .sub-content .confirm-buttons .buttonLine button{width:52px;height:20px;background-color:#444;color:white;font-size:12px;line-height:11px;margin:4px;font-size:10px;font-family:"acumin-pro-condensed";border:none}#animation-curve-editor .content .animation-list .object-tree{background-color:#111111}#animation-curve-editor .content .animation-list .object-tree ul{list-style:none;padding-left:0px;padding:0px;margin:0px}#animation-curve-editor .content .animation-list .object-tree ul li.property{height:20px;display:flex;flex-wrap:wrap;font-size:12px}#animation-curve-editor .content .animation-list .object-tree ul li.property.sub{height:auto}#animation-curve-editor .content .animation-list .object-tree ul li.property:before{content:"";background:none}#animation-curve-editor .content .animation-list .object-tree ul li.property p{display:inline;font-size:12px;margin:0px;flex:8;cursor:pointer}#animation-curve-editor .content .animation-list .object-tree ul li.property .spacer{width:20px;height:20px}#animation-curve-editor .content .animation-list .object-tree ul li.property .animation-bullet{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%237a4ece;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Ccircle class='cls-1' cx='5' cy='5' r='2.89'/%3E%3Crect class='cls-2' width='10' height='10'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:contain;color:#7a4ece;width:10px;margin-left:18px;margin-right:2px;height:20px;background-position-y:5px}#animation-curve-editor .content .animation-list .object-tree ul li.property .animation-arrow{width:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23888;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Cpolygon class='cls-1' points='5 7.81 8.25 2.19 1.75 2.19 5 7.81'/%3E%3Crect class='cls-2' width='10' height='10'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:10px;background-position-y:center;background-position-x:18px;cursor:pointer}#animation-curve-editor .content .animation-list .object-tree ul li.property .animation-arrow.flip{transform:rotate(-90deg);background-position:10px 13px}#animation-curve-editor .content .animation-list .object-tree ul li.property.active{background-color:#444444}#animation-curve-editor .content .animation-list .object-tree ul li.property .handle-indicator{width:30px}#animation-curve-editor .content .animation-list .object-tree ul li.property .handle-indicator.show{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23ffc017;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='10' height='10'/%3E%3Crect class='cls-2' x='2.17' y='2.17' width='5.66' height='5.66' transform='translate(-2.07 5) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-color:transparent;background-size:10px;color:white;background-position-x:9px;background-position-y:5px}#animation-curve-editor .content .animation-list .object-tree ul li.property .handle-indicator.hide{display:block}#animation-curve-editor .content .animation-list .object-tree ul li.property ul.sub-list{flex-grow:1;flex-shrink:1;flex-basis:100%}#animation-curve-editor .content .animation-list .object-tree ul li.property ul.sub-list .property{cursor:pointer}#animation-curve-editor .content .animation-list .label-input{display:contents}#animation-curve-editor .content .animation-list .label-input label{text-align:right}#animation-curve-editor .content .animation-list .label-input input{margin-left:5px;height:20px;background-color:#444444;border:none;color:white;padding-left:3px;font-size:10px;font-family:"acumin-pro-condensed"}#animation-curve-editor .content .animation-list .label-input input:focus{border-radius:0px;outline:1px solid #ccc}#animation-curve-editor .content .animation-list .label-input select{height:20px;margin-left:5px;font-size:10px;background-color:#444444;border:none;color:white;font-family:"acumin-pro-condensed"}#animation-curve-editor .content .animation-list .label-input select:focus{border-radius:0px;outline:1px solid #ccc}#animation-curve-editor .content .sample-chart .linear .draggable{cursor:move}#animation-curve-editor .content .graph-chart{overflow:hidden;scroll-behavior:smooth;background-color:#111;height:364px;width:782px}#animation-curve-editor .content .graph-chart .switch-button{background-color:black;width:30px;height:33px;position:relative;z-index:100;bottom:33px;align-items:center;justify-content:center;display:flex;font-size:12px;font-weight:bold;color:white}#animation-curve-editor .content .graph-chart .linear{overflow:visible;border:0px solid white;height:100%;width:100%;outline:none}#animation-curve-editor .content .graph-chart .linear .svg-playhead{cursor:pointer}#animation-curve-editor .content .graph-chart .linear svg{overflow:visible}#animation-curve-editor .content .graph-chart .linear:focus{outline-color:transparent}#animation-curve-editor .content .graph-chart .linear line{stroke:#555555;stroke-width:0.2}#animation-curve-editor .content .graph-chart .linear text{fill:#555555;font-family:"acumin-pro-condensed"}#animation-curve-editor .content .graph-chart .linear .control-point{display:none}#animation-curve-editor .content .graph-chart .linear .control-point.active{display:inline;stroke:#e9db1e;stroke-width:0.2}#animation-curve-editor .content .graph-chart .playhead-container{position:relative}#animation-curve-editor .content .graph-chart .playhead-wrapper{left:20px;bottom:366px;position:relative}#animation-curve-editor .content .graph-chart .playhead-scrollable{width:100px;height:33px;position:absolute;top:335px;left:-39px}#animation-curve-editor .content .graph-chart .playhead-handle{position:relative;top:340px;width:22px;height:30px}#animation-curve-editor .content .graph-chart .playhead-handle .playhead{width:22px;background-color:transparent;color:#555555;text-align:center;font-size:12px;position:absolute;top:1px;cursor:pointer}#animation-curve-editor .content .graph-chart .playhead-handle .playhead-circle{background-color:#ffffff;width:22px;height:22px;border-radius:50%;position:absolute;top:0}#animation-curve-editor .content .graph-chart .playhead-line{width:1px;height:341px;background-color:#ffffff;position:absolute;margin-left:9.5px}#animation-curve-editor .buttonLine{height:30px;align-items:center;justify-items:stretch}#animation-curve-editor .buttonLine input[type="file"]{display:none}#animation-curve-editor .buttonLine .file-upload{background:#222222;border:1px solid #337ab7;margin:5px 10px 5px 10px;color:white;padding:4px 5px;opacity:0.9;cursor:pointer;text-align:center}#animation-curve-editor .buttonLine .file-upload:hover{opacity:1}#animation-curve-editor .buttonLine .file-upload:active{transform:scale(0.98);transform-origin:0.5 0.5}#animation-curve-editor .buttonLine button{background:#222222;border:1px solid #337ab7;margin:5px 10px 5px 10px;color:white;padding:4px 5px;opacity:0.9;cursor:pointer}#animation-curve-editor .buttonLine button:hover{opacity:1}#animation-curve-editor .buttonLine button:active{background:#282828}#animation-curve-editor .buttonLine button:focus{border:1px solid #337ab7;outline:0px}
</style><style>#texture-editor{height:100%;width:100%;color:white;background-color:#1e1e1e;font-family:'acumin-pro-condensed'}#texture-editor .icon{width:40px;height:40px}#texture-editor .icon.button{background-color:#333333}#texture-editor .icon.button:hover{background-color:#4a4a4a;cursor:pointer}#texture-editor .icon.button.active{background-color:#666666}#texture-editor .icon.button:active{background-color:#837c7c}#texture-editor .has-tooltip{display:inline-block}#texture-editor .has-tooltip .tooltip{visibility:hidden;background-color:#fff;z-index:1;position:absolute;opacity:0;transition:opacity 0.5s;line-height:normal;font-size:14px;padding:0px 5px;color:black}#texture-editor .has-tooltip:hover .tooltip{visibility:visible;opacity:1}#texture-editor #properties{width:100%;height:40px;display:flex;align-items:center;font-size:12px;color:white;user-select:none;background-color:#333333}#texture-editor #properties .tab{display:inline-flex;line-height:40px;height:40px;flex-shrink:0;flex-grow:0;border-right:2px solid #1e1e1e;background-color:#333333}#texture-editor #properties #left{overflow:hidden;height:40px;flex-grow:1;flex-shrink:1;display:flex;flex-wrap:wrap}#texture-editor #properties #left #dimensions-tab form{display:flex}#texture-editor #properties #left #dimensions-tab label{margin-left:15px;font-size:15px;color:#afafaf}#texture-editor #properties #left #dimensions-tab label input{width:40px;height:24px;background-color:#000000;color:#ffffff;border:0;font-size:12px;text-align:'left';font-family:'acumin-pro-condensed';font-size:15px;padding-left:8px}#texture-editor #properties #left #dimensions-tab label:last-of-type{margin-right:8px}#texture-editor #properties #right-tab{margin-right:0;flex-grow:0;flex-shrink:0}#texture-editor #properties #right-tab input[type="file"]{display:none}#texture-editor #properties .pixel-data{width:45px;color:#afafaf;display:flex;justify-content:space-between;font-size:15px}#texture-editor #properties .pixel-data:first-of-type{margin-left:15px}#texture-editor #properties .pixel-data:last-of-type{padding-right:15px}#texture-editor #properties .pixel-data .value{display:inline-block;width:30px;color:white}#texture-editor #toolbar{position:absolute;top:60px;left:0;width:40px;display:flex;flex-direction:column;justify-content:left}#texture-editor #toolbar #tools{display:flex;flex-direction:column}#texture-editor #toolbar #add-tool{position:relative}#texture-editor #toolbar #add-tool #add-tool-popup{background-color:#333333;width:348px;margin-left:40px;position:absolute;top:0px;height:40px;padding-left:4px;line-height:40px;user-select:none}#texture-editor #toolbar #add-tool #add-tool-popup button{background:#222222;border:1px solid #337ab7;margin:5px 10px 5px 10px;color:white;padding:4px 5px;opacity:0.9;cursor:pointer}#texture-editor #toolbar #color{margin-top:8px}#texture-editor #toolbar #color #active-color-bg{border-radius:50%;width:20px;height:20px;margin:10px;position:relative;background-image:linear-gradient(45deg, gray 25%, transparent 25%),linear-gradient(-45deg, gray 25%, transparent 25%),linear-gradient(45deg, transparent 75%, gray 75%),linear-gradient(-45deg, transparent 75%, gray 75%);background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px}#texture-editor #toolbar #color #active-color{width:20px;height:20px;position:absolute;top:0;left:0;border-radius:50%}#texture-editor #toolbar #color-picker{position:absolute;margin-left:40px}#texture-editor #channels-bar{position:absolute;top:60px;right:0;width:80px;background:#666666;user-select:none}#texture-editor #channels-bar .channel{color:white;border-bottom:2px solid #232323;width:80px;height:40px;font-size:16px;display:flex;align-items:center}#texture-editor #channels-bar .channel.uneditable{background:#333333}#texture-editor #channels-bar .channel:hover{cursor:pointer}#texture-editor #channels-bar .channel:last-of-type{border-bottom:none}#texture-editor #canvas-ui{width:100%;height:calc(100% - 70px);outline:none}#texture-editor #tool-ui{background-color:#333;position:absolute;right:0;bottom:30px}#texture-editor #tool-ui label{display:flex;flex-direction:column;align-items:center}#texture-editor #tool-ui input[type='range']{background:#d3d3d3}#texture-editor #bottom-bar{height:30px;width:100%;background-color:#333333;font-size:14px;user-select:none;line-height:30px;position:relative}#texture-editor #bottom-bar #file-url{left:30px;position:absolute}#texture-editor #bottom-bar #mip-level{right:30px;position:absolute}
</style><style>#inspector-host{position:absolute;right:0px;top:0px;bottom:0px}#__resizable_base__{display:none}#actionTabs{background:#333333;height:100%;margin:0;padding:0;display:grid;grid-template-rows:auto 1fr;font:14px "Arial";overflow:hidden}#actionTabs .hoverIcon:hover{opacity:0.8}#actionTabs #header{height:30px;font-size:16px;color:white;background:#222222;grid-row:1;text-align:center;display:grid;grid-template-columns:30px 1fr 50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#actionTabs #header #logo{grid-column:1;width:24px;height:24px;display:flex;align-self:center;justify-self:center}#actionTabs #header #back{grid-column:1;display:grid;align-self:center;justify-self:center;cursor:pointer}#actionTabs #header #title{grid-column:2;display:grid;align-items:center;text-align:center}#actionTabs #header #commands{grid-column:3;display:grid;align-items:center;grid-template-columns:1fr 1fr}#actionTabs #header #commands .expand{grid-column:1;display:grid;align-items:center;justify-items:center;cursor:pointer}#actionTabs #header #commands .close{grid-column:2;display:grid;align-items:center;justify-items:center;cursor:pointer}#actionTabs .tabs{display:grid;grid-row:2;grid-template-rows:40px 1fr;font:14px "Arial";overflow:hidden}#actionTabs .tabs .labels{grid-row:1;display:flex;align-items:center;justify-items:center;border-bottom:1px solid #ffffff;margin:0;padding:0}#actionTabs .tabs .labels .label{font-size:24px;color:white;width:40px;display:flex;align-content:center;justify-content:center;border:1px solid transparent;border-bottom:none;background:#333333;padding:5px;height:28px;cursor:pointer}#actionTabs .tabs .labels .label.active{border-color:#ffffff;border-bottom:2px solid transparent;margin-bottom:-2px}#actionTabs .tabs .panes{grid-row:2;display:grid;grid-template-rows:100%;overflow:hidden}#actionTabs .tabs .panes .infoMessage{opacity:0.5;color:white;margin:15px 5px 0px 5px}#actionTabs .tabs .panes .gradient-step{display:grid;grid-template-rows:100%;grid-template-columns:25px 50px 55px 40px auto 20px 5px;padding-top:5px;padding-left:5px;padding-bottom:5px;align-items:center}#actionTabs .tabs .panes .gradient-step .step{grid-row:1;grid-column:1}#actionTabs .tabs .panes .gradient-step .color1{height:100%}#actionTabs .tabs .panes .gradient-step .color2{height:100%;padding-left:5px}#actionTabs .tabs .panes .gradient-step .factor1{grid-row:1;grid-column:2;cursor:pointer}#actionTabs .tabs .panes .gradient-step .factor2{padding-left:5px;grid-row:1;grid-column:3;cursor:pointer}#actionTabs .tabs .panes .gradient-step .factor2 .grayed{background:gray;border-color:gray}#actionTabs .tabs .panes .gradient-step .numeric-input{width:calc(100% - 5px)}#actionTabs .tabs .panes .gradient-step .icon{cursor:pointer}#actionTabs .tabs .panes .gradient-step .step-value{margin-left:5px;grid-row:1;grid-column:4;text-align:right;margin-right:5px}#actionTabs .tabs .panes .gradient-step .step-slider{grid-row:1;grid-column:5;display:grid;justify-content:stretch;align-content:center;margin-right:12px}#actionTabs .tabs .panes .gradient-step .step-slider input{width:100%}#actionTabs .tabs .panes .gradient-step .step-slider .range:hover{opacity:1}#actionTabs .tabs .panes .gradient-step .step-slider .range{-webkit-appearance:none;height:6px;background:#d3d3d3;border-radius:5px;outline:none;opacity:0.7;-webkit-transition:.2s;transition:opacity .2s}#actionTabs .tabs .panes .gradient-step .step-slider .range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#337ab7;cursor:pointer}#actionTabs .tabs .panes .gradient-step .step-slider .range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#337ab7;cursor:pointer}#actionTabs .tabs .panes .gradient-step .gradient-delete{grid-row:1;grid-column:6;display:grid;align-content:center;justify-content:center}#actionTabs .tabs .panes .pane{color:white;overflow-x:hidden;overflow-y:auto;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#actionTabs .tabs .panes .pane .animation-info{border-left:greenyellow 3px solid;margin-left:5px;padding-left:5px !important}#actionTabs .tabs .panes .pane .underline{border-bottom:0.5px solid rgba(255,255,255,0.5)}#actionTabs .tabs .panes .pane .textureLinkLine{display:grid;grid-template-columns:auto 1fr}#actionTabs .tabs .panes .pane .textureLinkLine .debug{grid-column:1;margin-left:5px;margin-right:5px;display:block;align-items:center;justify-items:center;cursor:pointer;opacity:0.5}#actionTabs .tabs .panes .pane .textureLinkLine .debug.selected{opacity:1.0}#actionTabs .tabs .panes .pane .textureLinkLine .textLine{grid-column:2}#actionTabs .tabs .panes .pane .textureLinkLine .actionIcon{display:inline-block;margin-top:6px;margin-right:4px}#actionTabs .tabs .panes .pane .messageLine{text-align:center;font-size:12px;font-style:italic;opacity:0.6}#actionTabs .tabs .panes .pane .iconMessageLine{padding-left:2px;height:30px;display:grid;grid-template-columns:30px 1fr}#actionTabs .tabs .panes .pane .iconMessageLine .icon{grid-column:1;display:grid;align-items:center;justify-items:center}#actionTabs .tabs .panes .pane .iconMessageLine .value{grid-column:2;display:flex;align-items:center}#actionTabs .tabs .panes .pane .color-picker{height:calc(100% - 8px);margin:4px;width:100%}#actionTabs .tabs .panes .pane .color-picker .color-rect{height:calc(100% - 4px);border:2px white solid;cursor:pointer;min-height:18px}#actionTabs .tabs .panes .pane .color-picker .color-picker-cover{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:100}#actionTabs .tabs .panes .pane .color-picker .color-picker-float{position:absolute}#actionTabs .tabs .panes .pane .linkButtonLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr auto 20px}#actionTabs .tabs .panes .pane .linkButtonLine .link{grid-column:1;display:flex;align-items:center;text-decoration:underline;cursor:pointer}#actionTabs .tabs .panes .pane .linkButtonLine .link-button{grid-column:2}#actionTabs .tabs .panes .pane .linkButtonLine .link-button button{background:#222222;border:1px solid #337ab7;margin:5px 10px 5px 10px;color:white;padding:4px 5px;opacity:0.9;cursor:pointer}#actionTabs .tabs .panes .pane .linkButtonLine .link-button button:hover{opacity:1.0}#actionTabs .tabs .panes .pane .linkButtonLine .link-button button:active{background:#282828}#actionTabs .tabs .panes .pane .linkButtonLine .link-button button:focus{border:1px solid #337ab7;outline:0px}#actionTabs .tabs .panes .pane .linkButtonLine .link-icon{grid-column:3;display:grid;align-content:center}#actionTabs .tabs .panes .pane .textLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr auto}#actionTabs .tabs .panes .pane .textLine.indented{grid-template-columns:100%}#actionTabs .tabs .panes .pane .textLine.indented .link-value{grid-column:1;text-align:start;margin-left:20px;opacity:0.6;max-width:unset}#actionTabs .tabs .panes .pane .textLine.indented .value{grid-column:1;text-align:start;margin-left:20px;opacity:0.6;max-width:unset}#actionTabs .tabs .panes .pane .textLine.reduced-opacity{opacity:0.6;padding-left:25px}#actionTabs .tabs .panes .pane .textLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .textLine .link-value{grid-column:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:end;opacity:0.8;margin:5px;margin-top:7px;max-width:140px;text-decoration:underline;cursor:pointer}#actionTabs .tabs .panes .pane .textLine .value{grid-column:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:end;opacity:0.8;margin:5px;margin-top:7px;max-width:200px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#actionTabs .tabs .panes .pane .textLine .value.check{color:green}#actionTabs .tabs .panes .pane .textLine .value.uncheck{color:red}#actionTabs .tabs .panes .pane .gradient-container{margin-top:3px}#actionTabs .tabs .panes .pane .gradient-container .gradient-label{height:30px;display:grid;align-content:center}#actionTabs .tabs .panes .pane .gradient-container .gradient-step{display:grid;grid-template-rows:100%;grid-template-columns:25px 50px 55px 40px auto 20px 5px;padding-top:5px;padding-left:5px;padding-bottom:5px;align-items:center;border-left:orange 3px solid}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .step{grid-row:1;grid-column:1}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .color1{height:100%}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .color2{height:100%;padding-left:5px}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor1{grid-row:1;grid-column:2;cursor:pointer}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor2{padding-left:5px;grid-row:1;grid-column:3;cursor:pointer}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor2 .grayed{background:gray;border-color:gray}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .numeric-input{width:calc(100% - 5px)}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-value{margin-left:5px;grid-row:1;grid-column:4;text-align:right;margin-right:5px}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-slider{grid-row:1;grid-column:5;display:grid;justify-content:stretch;align-content:center;margin-right:5px}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-slider input{width:100%}#actionTabs .tabs .panes .pane .gradient-container .gradient-step .gradient-delete{grid-row:1;grid-column:6;display:grid;align-content:center;justify-content:center}#actionTabs .tabs .panes .pane .textInputLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr 120px}#actionTabs .tabs .panes .pane .textInputLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .textInputLine .value{display:flex;align-items:center;grid-column:2}#actionTabs .tabs .panes .pane .textInputLine .value input{width:110px}#actionTabs .tabs .panes .pane .buttonLine{height:30px;display:grid;align-items:center;justify-items:stretch}#actionTabs .tabs .panes .pane .buttonLine input[type="file"]{display:none}#actionTabs .tabs .panes .pane .buttonLine .file-upload{background:#222222;border:1px solid #337ab7;margin:5px 10px 5px 10px;color:white;padding:4px 5px;font-size:13px;opacity:0.9;cursor:pointer;text-align:center}#actionTabs .tabs .panes .pane .buttonLine .file-upload:hover{opacity:1.0}#actionTabs .tabs .panes .pane .buttonLine .file-upload:active{transform:scale(0.98);transform-origin:0.5 0.5}#actionTabs .tabs .panes .pane .buttonLine button{background:#222222;border:1px solid #337ab7;margin:5px 10px 5px 10px;color:white;padding:4px 5px;opacity:0.9;cursor:pointer}#actionTabs .tabs .panes .pane .buttonLine button:hover{opacity:1.0}#actionTabs .tabs .panes .pane .buttonLine button:active{background:#282828}#actionTabs .tabs .panes .pane .buttonLine button:focus{border:1px solid #337ab7;outline:0px}#actionTabs .tabs .panes .pane .radioLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr 24px}#actionTabs .tabs .panes .pane .radioLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .radioLine .radioContainer{display:flex;align-items:center}#actionTabs .tabs .panes .pane .radioLine .radioContainer .radio{grid-column:2;display:none}#actionTabs .tabs .panes .pane .radioLine .radioContainer .radio:checked+label:before{border-color:#337ab7}#actionTabs .tabs .panes .pane .radioLine .radioContainer .radio:checked+label:after{transform:scale(1)}#actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio{display:inline-block;height:14px;position:relative;padding:0 24px;margin-bottom:0;cursor:pointer;vertical-align:bottom}#actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:before,#actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:after{position:absolute;content:'';border-radius:50%;transition:all .3s ease;transition-property:transform, border-color}#actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:before{left:0px;top:0;width:16px;height:16px;border:2px solid white}#actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:after{top:6px;left:6px;width:8px;height:8px;transform:scale(0);background:#337ab7}#actionTabs .tabs .panes .pane .vector3Line{padding-left:2px;display:grid}#actionTabs .tabs .panes .pane .vector3Line .firstLine{display:grid;grid-template-columns:1fr auto 20px;height:30px}#actionTabs .tabs .panes .pane .vector3Line .firstLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .vector3Line .firstLine .vector{grid-column:2;display:flex;align-items:center;text-align:right;opacity:0.8}#actionTabs .tabs .panes .pane .vector3Line .firstLine .expand{grid-column:3;display:grid;align-items:center;justify-items:center;cursor:pointer}#actionTabs .tabs .panes .pane .vector3Line .secondLine{display:grid;padding-right:5px;border-left:1px solid #337ab7}#actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric{display:grid;grid-template-columns:1fr auto}#actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric-label{text-align:right;grid-column:1;display:flex;align-items:center;justify-self:right;margin-right:10px}#actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric-value{width:120px;grid-column:2;display:flex;align-items:center;border:1px solid #337ab7}#actionTabs .tabs .panes .pane .checkBoxLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr auto}#actionTabs .tabs .panes .pane .checkBoxLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox{grid-column:2;display:flex;align-items:center}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl{position:relative;display:block;height:14px;width:34px;margin-right:5px;background:#898989;border-radius:100px;cursor:pointer;transition:all 0.3s ease}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:after{position:absolute;left:3px;top:2px;display:block;width:10px;height:10px;border-radius:100px;background:#fff;box-shadow:0px 3px 3px rgba(0,0,0,0.05);content:'';transition:all 0.15s ease}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:active:after{transform:scale(1.15, 0.85)}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .cbx:checked ~ label{background:#337ab7}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .cbx:checked ~ label:after{left:20px;background:#164975}#actionTabs .tabs .panes .pane .checkBoxLine .checkBox .hidden{display:none}#actionTabs .tabs .panes .pane .textureLine{display:grid;grid-template-rows:30px auto}#actionTabs .tabs .panes .pane .textureLine .control{margin-top:2px;grid-row:1;display:grid;grid-template-columns:1fr 40px 40px 40px 40px 40px 1fr}#actionTabs .tabs .panes .pane .textureLine .control .red{grid-column:2}#actionTabs .tabs .panes .pane .textureLine .control .green{grid-column:3}#actionTabs .tabs .panes .pane .textureLine .control .blue{grid-column:4}#actionTabs .tabs .panes .pane .textureLine .control .alpha{grid-column:5}#actionTabs .tabs .panes .pane .textureLine .control .all{grid-column:6}#actionTabs .tabs .panes .pane .textureLine .control3D{margin-top:2px;grid-row:1;display:grid;grid-template-columns:1fr 40px 40px 40px 40px 40px 40px 1fr}#actionTabs .tabs .panes .pane .textureLine .control3D .px{grid-column:2}#actionTabs .tabs .panes .pane .textureLine .control3D .nx{grid-column:3}#actionTabs .tabs .panes .pane .textureLine .control3D .py{grid-column:4}#actionTabs .tabs .panes .pane .textureLine .control3D .ny{grid-column:5}#actionTabs .tabs .panes .pane .textureLine .control3D .pz{grid-column:6}#actionTabs .tabs .panes .pane .textureLine .control3D .nz{grid-column:7}#actionTabs .tabs .panes .pane .textureLine .command{border:1px solid transparent;background:transparent;color:white}#actionTabs .tabs .panes .pane .textureLine .selected{border:1px solid #337ab7}#actionTabs .tabs .panes .pane .textureLine .preview{grid-row:2;display:grid;align-self:center;justify-self:center;height:256px;width:256px;margin-top:5px;margin-bottom:5px;border:1px solid white;background-size:32px 32px;background-color:white;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath fill='rgba(1.0,1.0,1.0,0.3)' fill-rule='evenodd' d='M0 0h1v1H0V0zm1 1h1v1H1V1z'/%3E%3C/svg%3E")}#actionTabs .tabs .panes .pane .gltf-extension-property{margin-left:30px;border-left:1px solid #337ab7}#actionTabs .tabs .panes .pane .floatLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr 120px}#actionTabs .tabs .panes .pane .floatLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .floatLine .value{grid-column:2;display:flex;align-items:center}#actionTabs .tabs .panes .pane .floatLine .value input{width:110px}#actionTabs .tabs .panes .pane .sliderLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr auto}#actionTabs .tabs .panes .pane .sliderLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .sliderLine .slider{grid-column:2;margin-right:5px;display:flex;align-items:center}#actionTabs .tabs .panes .pane .sliderLine .slider .range{-webkit-appearance:none;width:120px;height:6px;background:#d3d3d3;border-radius:5px;outline:none;opacity:0.7;-webkit-transition:.2s;transition:opacity .2s}#actionTabs .tabs .panes .pane .sliderLine .slider .range:hover{opacity:1}#actionTabs .tabs .panes .pane .sliderLine .slider .range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#337ab7;cursor:pointer}#actionTabs .tabs .panes .pane .sliderLine .slider .range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#337ab7;cursor:pointer}#actionTabs .tabs .panes .pane .color3Line{padding-left:2px;display:grid}#actionTabs .tabs .panes .pane .color3Line .firstLine{height:30px;display:grid;grid-template-columns:1fr auto 20px 20px}#actionTabs .tabs .panes .pane .color3Line .firstLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .color3Line .firstLine .color3{grid-column:2;width:50px;display:flex;align-items:center}#actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type="color"]{-webkit-appearance:none;border:1px solid rgba(255,255,255,0.5);padding:0;width:30px;height:20px}#actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type="color"]::-webkit-color-swatch-wrapper{padding:0}#actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type="color"]::-webkit-color-swatch{border:none}#actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input{margin-right:5px}#actionTabs .tabs .panes .pane .color3Line .firstLine .copy{grid-column:3;display:grid;align-items:center;justify-items:center;cursor:pointer}#actionTabs .tabs .panes .pane .color3Line .firstLine .copy img{height:100%}#actionTabs .tabs .panes .pane .color3Line .firstLine .expand{grid-column:4;display:grid;align-items:center;justify-items:center;cursor:pointer}#actionTabs .tabs .panes .pane .color3Line .secondLine{display:grid;padding-right:5px;border-left:1px solid #337ab7}#actionTabs .tabs .panes .pane .color3Line .secondLine .numeric{display:grid;grid-template-columns:1fr auto}#actionTabs .tabs .panes .pane .color3Line .secondLine .numeric-label{text-align:right;grid-column:1;display:flex;align-items:center;justify-self:right;margin-right:10px}#actionTabs .tabs .panes .pane .color3Line .secondLine .numeric-value{width:120px;grid-column:2;display:flex;align-items:center;border:1px solid #337ab7}#actionTabs .tabs .panes .pane .listLine{padding-left:2px;height:30px;display:grid;grid-template-columns:1fr auto}#actionTabs .tabs .panes .pane .listLine .label{grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .listLine .options{grid-column:2;display:flex;align-items:center;margin-right:5px}#actionTabs .tabs .panes .pane .listLine .options select{width:115px}#actionTabs .tabs .panes .pane .paneContainer{margin-top:3px;display:grid;grid-template-rows:100%;grid-template-columns:100%}#actionTabs .tabs .panes .pane .paneContainer .paneList{border-left:3px solid transparent}#actionTabs .tabs .panes .pane .paneContainer:hover .paneList{border-left:3px solid rgba(51,122,183,0.8)}#actionTabs .tabs .panes .pane .paneContainer:hover .paneContainer-content .header .title{border-left:3px solid #337ab7}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-highlight-border{grid-row:1;grid-column:1;opacity:1;border:3px solid red;margin-bottom:-5px;z-index:100;transition:opacity 250ms;pointer-events:none}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-highlight-border.transparent{opacity:0}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content{grid-row:1;grid-column:1}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header{display:grid;grid-template-columns:1fr auto;background:#555555;height:30px;padding-right:5px;cursor:pointer}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .title{border-left:3px solid transparent;padding-left:5px;grid-column:1;display:flex;align-items:center}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .collapse{grid-column:2;display:flex;align-items:center;justify-items:center;transform-origin:center}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .collapse.closed{transform:rotate(180deg)}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .paneList>div:not(:last-child){border-bottom:0.5px solid rgba(255,255,255,0.1)}#actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .fragment>div:not(:last-child){border-bottom:0.5px solid rgba(255,255,255,0.1)}
</style><style>#scene-explorer-host{position:absolute;left:0px;top:0px;bottom:0px}#scene-explorer-host:focus{outline:none}#__resizable_base__{display:none}.context-menu{background:#222222}.context-menu .react-contextmenu-item{padding:10px;cursor:pointer}.context-menu .react-contextmenu-item:hover{background:#555555}.react-contextmenu.context-menu.react-contextmenu--visible{z-index:99;transform:scale(1)}#sceneExplorer{background:#333333;height:100%;margin:0;padding:0;display:grid;grid-template-rows:auto 1fr;font:14px "Arial"}#sceneExplorer:focus{outline:none}#sceneExplorer #header{height:30px;font-size:16px;color:white;background:#222222;grid-row:1;text-align:center;display:grid;grid-template-columns:30px 1fr 50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#sceneExplorer #header #logo{position:relative;grid-column:1;width:24px;height:24px;left:0;display:flex;align-self:center;justify-self:center}#sceneExplorer #header #title{grid-column:2;display:grid;align-items:center;text-align:center}#sceneExplorer #header #commands{grid-column:3;display:grid;align-items:center;grid-template-columns:1fr 1fr}#sceneExplorer #header #commands .expand{grid-column:1;display:grid;align-items:center;justify-items:center;cursor:pointer}#sceneExplorer #header #commands .close{grid-column:2;display:grid;align-items:center;justify-items:center;cursor:pointer}#sceneExplorer #tree{grid-row:2;overflow-x:hidden;overflow-y:auto}#sceneExplorer .filter{display:flex;align-items:stretch}#sceneExplorer .filter input{width:100%;margin:10px 40px 5px 40px;display:block;border:none;padding:0;border-bottom:solid 1px #337ab7;background:linear-gradient(to bottom, rgba(255,255,255,0) 96%, #337ab7 4%);background-position:-1000px 0;background-size:1000px 100%;background-repeat:no-repeat;color:white}#sceneExplorer .filter input::placeholder{color:lightgray}#sceneExplorer .filter input:focus{box-shadow:none;outline:none;background-position:0 0}#sceneExplorer .groupContainer{margin-left:0px;color:white;margin-top:0px;margin-bottom:0px;height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-self:center;display:grid;align-items:center}#sceneExplorer .groupContainer:hover{background:#444444}#sceneExplorer .groupContainer .expandableHeader{display:grid;grid-template-columns:1fr 20px}#sceneExplorer .groupContainer .expandableHeader .text{grid-column:1;display:grid;grid-template-columns:20px 1fr}#sceneExplorer .groupContainer .expandableHeader .text .arrow{grid-column:1;margin-left:0px;color:white;cursor:pointer;display:inline-block;margin-right:6px;opacity:0.5}#sceneExplorer .groupContainer .expandableHeader .text .text-value{grid-column:2;display:flex;align-items:center}#sceneExplorer .groupContainer .expandableHeader .expandAll{opacity:0.5;grid-column:2;margin-right:10px}#sceneExplorer .icon{display:grid;align-items:center;justify-items:center;cursor:pointer}#sceneExplorer .itemContainer{margin-left:0px;color:white;margin-top:0px;margin-bottom:0px;height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:grid;grid-template-columns:20px 1fr}#sceneExplorer .itemContainer:hover{background:#444444}#sceneExplorer .itemContainer.selected{background:#bbbbbb;color:black}#sceneExplorer .itemContainer .isNotActive{opacity:0.3}#sceneExplorer .itemContainer .arrow{grid-column:1;color:white;opacity:0.6}#sceneExplorer .itemContainer .popup{width:200px;visibility:hidden;background-color:#444444;color:#fff;border:1px solid rgba(255,255,255,0.5);position:absolute;z-index:1;margin-left:-180px;box-sizing:border-box}#sceneExplorer .itemContainer .popup.show{visibility:visible}#sceneExplorer .itemContainer .popup:focus{outline:none}#sceneExplorer .itemContainer .popup .popupMenu{padding:6px 5px 5px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:18px}#sceneExplorer .itemContainer .popup .popupMenu:hover{background:white;color:#333333}#sceneExplorer .itemContainer .sceneNode{grid-column:2;margin-left:-10px;display:grid;grid-template-columns:1fr 20px 20px 20px 20px 10px 20px 20px auto 5px;align-items:center;cursor:pointer}#sceneExplorer .itemContainer .sceneNode .sceneTitle{grid-column:1;margin-right:5px;display:flex;align-items:center;height:24px}#sceneExplorer .itemContainer .sceneNode .translation{grid-column:2;opacity:0.6}#sceneExplorer .itemContainer .sceneNode .translation.selected{opacity:1}#sceneExplorer .itemContainer .sceneNode .rotation{grid-column:3;opacity:0.6}#sceneExplorer .itemContainer .sceneNode .rotation.selected{opacity:1}#sceneExplorer .itemContainer .sceneNode .scaling{grid-column:4;opacity:0.6}#sceneExplorer .itemContainer .sceneNode .scaling.selected{opacity:1}#sceneExplorer .itemContainer .sceneNode .bounding{grid-column:5;opacity:0.6}#sceneExplorer .itemContainer .sceneNode .bounding.selected{opacity:1}#sceneExplorer .itemContainer .sceneNode .separator{grid-column:6;margin-left:5px;width:5px;display:flex;align-items:center;height:18px;border-left:solid 1px #337ab7}#sceneExplorer .itemContainer .sceneNode .pickingMode{grid-column:7;opacity:0.6}#sceneExplorer .itemContainer .sceneNode .pickingMode.selected{opacity:1}#sceneExplorer .itemContainer .sceneNode .refresh{grid-column:8}#sceneExplorer .itemContainer .sceneNode .extensions{width:20px;grid-column:9}#sceneExplorer .itemContainer .targetedAnimationTools{grid-column:2;width:100%;display:grid;grid-template-columns:1fr auto 5px;align-items:center;min-width:0}#sceneExplorer .itemContainer .targetedAnimationTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .animationGroupTools{grid-column:2;width:100%;display:grid;grid-template-columns:1fr auto 5px;align-items:center;min-width:0}#sceneExplorer .itemContainer .animationGroupTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .meshTools{grid-column:2;width:100%;display:grid;grid-template-columns:1fr 20px 20px auto 5px;align-items:center;min-width:0}#sceneExplorer .itemContainer .meshTools .bounding-box{grid-column:2;opacity:0.5}#sceneExplorer .itemContainer .meshTools .bounding-box.selected{opacity:1}#sceneExplorer .itemContainer .meshTools .visibility{grid-column:3}#sceneExplorer .itemContainer .meshTools .extensions{width:20px;grid-column:4}#sceneExplorer .itemContainer .cameraTools{grid-column:2;display:grid;grid-template-columns:1fr 20px 20px auto 5px;align-items:center}#sceneExplorer .itemContainer .cameraTools .activeCamera{grid-column:2}#sceneExplorer .itemContainer .cameraTools .enableGizmo{grid-column:3}#sceneExplorer .itemContainer .cameraTools .extensions{width:20px;grid-column:4}#sceneExplorer .itemContainer .lightTools{grid-column:2;display:grid;grid-template-columns:1fr 20px 20px auto 5px;align-items:center}#sceneExplorer .itemContainer .lightTools .enableLight{grid-column:2}#sceneExplorer .itemContainer .lightTools .extensions{width:20px;grid-column:3}#sceneExplorer .itemContainer .spriteTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .spriteTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .spriteManagerTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .spriteManagerTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .materialTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .materialTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .materialTools .icon{display:grid;align-items:center;justify-items:center;cursor:pointer}#sceneExplorer .itemContainer .particleSystemTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .particleSystemTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .postProcessTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .postProcessTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .renderingPipelineTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .renderingPipelineTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .textureTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .textureTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .adtextureTools{grid-column:2;display:grid;grid-template-columns:1fr 20px auto 5px;align-items:center}#sceneExplorer .itemContainer .adtextureTools .pickingMode{grid-column:2;opacity:0.6}#sceneExplorer .itemContainer .adtextureTools .pickingMode.selected{opacity:1}#sceneExplorer .itemContainer .adtextureTools .extensions{width:20px;grid-column:3}#sceneExplorer .itemContainer .controlTools{grid-column:2;display:grid;grid-template-columns:1fr 20px 20px auto 5px;align-items:center}#sceneExplorer .itemContainer .controlTools .highlight{grid-column:2}#sceneExplorer .itemContainer .controlTools .visibility{grid-column:3}#sceneExplorer .itemContainer .controlTools .extensions{width:20px;grid-column:4}#sceneExplorer .itemContainer .transformNodeTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .transformNodeTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .skeletonTools{grid-column:2;display:grid;grid-template-columns:1fr auto 5px;align-items:center}#sceneExplorer .itemContainer .skeletonTools .extensions{width:20px;grid-column:2}#sceneExplorer .itemContainer .title{grid-column:1;background:transparent;white-space:nowrap;overflow:hidden;min-width:0;margin-right:5px;display:grid;align-items:center;grid-template-columns:25px 1fr;height:24px;cursor:pointer}#sceneExplorer .itemContainer .title .titleIcon{grid-column:1;display:grid;align-items:center;justify-items:center}#sceneExplorer .itemContainer .title .titleText{grid-column:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
</style><style>#embed-host{position:absolute;right:0px;top:0px;bottom:0px}#__resizable_base__{display:none}#embed{background:#333333;height:100%;margin:0;padding:0;display:grid;grid-template-rows:30px 1fr;font:14px "Arial";overflow:hidden}#embed #header{font-size:16px;color:white;background:#222222;grid-row:1;text-align:center;display:grid;grid-template-columns:30px 1fr 50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#embed #header #logo{grid-column:1;width:24px;height:24px;display:flex;align-self:center;justify-self:center}#embed #header #back{grid-column:1;display:grid;align-self:center;justify-self:center;cursor:pointer}#embed #header #title{grid-column:2;display:grid;align-items:center;text-align:center}#embed #header #commands{grid-column:3;display:grid;align-items:center;grid-template-columns:1fr 1fr}#embed #header #commands .expand{grid-column:1;display:grid;align-items:center;justify-items:center;cursor:pointer}#embed #header #commands .close{grid-column:2;display:grid;align-items:center;justify-items:center;cursor:pointer}#embed #split{grid-row:2;overflow:hidden}#embed #split.splitPopup{display:grid;grid-template-rows:300px 2px 1fr}#embed #split.splitPopup .panes{margin-bottom:1px}#embed #split #topPart{grid-row:1;overflow:hidden;display:grid;grid-auto-rows:100%}#embed #split #separator{grid-row:2;background:white;opacity:0.1}#embed #split #bottomPart{overflow:hidden;grid-row:3;display:grid;grid-auto-rows:100%}#embed #split .gutter.gutter-vertical{background-image:none;background:#444444;cursor:row-resize}
</style>
        <script src="https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>
        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylonjs.proceduralTextures.min.js"></script>
        <script src="https://preview.babylonjs.com/postProcessesLibrary/babylonjs.postProcess.min.js"></script>
        <script src="https://preview.babylonjs.com/loaders/babylonjs.loaders.js"></script>
        <script src="https://preview.babylonjs.com/serializers/babylonjs.serializers.min.js"></script>
        <script src="https://preview.babylonjs.com/gui/babylon.gui.min.js"></script>
        <style>
            html, body {
                overflow: hidden;
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
            }
            #renderCanvas {
                width: 100%;
                height: 100%;
                touch-action: none;
            }
        </style>
    </head>
<body>
    <canvas id="renderCanvas" width="1366" height="625" touch-action="none" tabindex="1" style="touch-action: none;"></canvas>
    <script>
        BABYLON.OBJFileLoader.OPTIMIZE_WITH_UV = true;
        var canvas = document.getElementById("renderCanvas");
        var engine = null;
        var scene = null;
        var sceneToRender = null;
        var createDefaultEngine = function() { return new BABYLON.Engine(canvas, true, { preserveDrawingBuffer: true, stencil: true }); };
        var createScene = function () {
            var scene = new BABYLON.Scene(engine);
            var camera = new BABYLON.ArcRotateCamera("Camera", 0, 0, 10, new BABYLON.Vector3(0, 0, 0), scene);
            camera.setPosition(new BABYLON.Vector3(0, 5, 10));
            camera.attachControl(canvas, false);
            camera.lowerRadiusLimit = 50;
            camera.upperRadiusLimit = 500;
            window.addEventListener("resize", function() {
                engine.resize();
            });
            engine.runRenderLoop(function() {
                scene.render();
            });
            BABYLON.SceneLoader.ImportMesh(
                "",
                "https://raw.githubusercontent.com/TeomanDeniz/maximum-tension/master/models/",
                "sword.babylon",
                scene,
                function (meshes) {          
                    scene.createDefaultCameraOrLight(true, true, true);
                    scene.createDefaultEnvironment();
            });
 
            return scene;
        };
        engine = createDefaultEngine();
        if (!engine) throw 'engine should not be null.';
        scene = createScene();;
        sceneToRender = scene
        engine.runRenderLoop(function () {
            if (sceneToRender) {
                sceneToRender.render();
            }
        });
        window.addEventListener("resize", function () {
            engine.resize();
        });
    </script>
 
</body></html>

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License