.colorpicker{position:relative;width:224px;z-index:1000;display:inline-block;border:1px solid rgba(0,0,0,.2);background-color:#fff;border-radius:3px;box-shadow:0 0 10px 2px rgba(0,0,0,.12)}.colorpicker>.arrow{position:absolute;top:-10px;left:7px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;display:none;border-bottom:10px solid rgba(0,0,0,.2);pointer-events:none}.colorpicker>.arrow:after{position:absolute;content:"";top:1px;left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff}.colorpicker .colorpicker-body .arrow-button{position:relative;width:10px;height:12px;padding:0}.colorpicker .colorpicker-body .arrow-button:before{content:"";display:inline-block;position:absolute;left:0;right:0;top:0;height:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #000;pointer-events:none;margin:2px}.colorpicker .colorpicker-body .arrow-button:after{content:"";display:inline-block;position:absolute;left:0;right:0;bottom:0;top:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #000;pointer-events:none;margin:2px}.colorpicker .colorpicker-body .color-tab{display:flex;flex-direction:column;height:350px;box-sizing:border-box;border:1px solid #ececec}.colorpicker .colorpicker-body .color-tab.xd{height:200px}.colorpicker .colorpicker-body .color-tab .color-tab-header{flex:none;display:flex;flex-direction:row;height:20px}.colorpicker .colorpicker-body .color-tab .color-tab-header .color-tab-item{flex:auto;cursor:pointer;background-color:#ececec;text-align:center;height:100%;padding:4px 10px;box-sizing:border-box}.colorpicker .colorpicker-body .color-tab .color-tab-header .color-tab-item.active{background-color:#fff;border-bottom-color:#fff}.colorpicker .colorpicker-body .color-tab .color-tab-body{flex:auto;position:relative}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content{display:none;position:absolute;left:0;right:0;top:0;bottom:0}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content.active{display:block}.colorpicker .colorpicker-body .color-panel{position:relative;height:120px;overflow:hidden;cursor:pointer}.colorpicker .colorpicker-body .color-panel>.saturation{position:relative;width:100%;height:100%}.colorpicker .colorpicker-body .color-panel>.saturation>.value{position:relative;width:100%;height:100%}.colorpicker .colorpicker-body .color-panel>.saturation>.value>.drag-pointer{position:absolute;width:10px;height:10px;border-radius:50%;transform:translateX(-50%)translateY(-50%)}.colorpicker .colorpicker-body .color-panel>.saturation{background-color:rgba(204,154,129,0);background-image:linear-gradient(to right,#FFF,rgba(204,154,129,0));background-repeat:repeat-x}.colorpicker .colorpicker-body .color-panel>.saturation>.value{background-image:linear-gradient(to top,#000000,rgba(204,154,129,0))}.colorpicker .colorpicker-body .color-panel>.saturation>.value>.drag-pointer{border:1px solid #fff;box-shadow:0 0 2px rgba(0,0,0,5%)}.colorpicker .colorpicker-body .control{position:relative;padding:10px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colorpicker .colorpicker-body .control>.color,.colorpicker .colorpicker-body .control>.empty{position:absolute;left:12px;top:14px;width:30px;height:30px;border-radius:50%;box-sizing:border-box}.colorpicker .colorpicker-body .control>.color{border:1px solid rgba(0,0,0,.1)}.colorpicker .colorpicker-body .control>.hue{position:relative;padding:6px 16px;margin:0 0 0 42px;box-sizing:border-box;cursor:pointer}.colorpicker .colorpicker-body .control>.hue>.hue-container{position:relative;width:100%;height:10px;border-radius:3px}.colorpicker .colorpicker-body .control>.opacity{position:relative;padding:3px 16px;margin:0 0 0 42px;box-sizing:border-box;cursor:pointer}.colorpicker .colorpicker-body .control>.opacity>.opacity-container{position:relative;width:100%;height:10px;border-radius:3px}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{position:absolute;cursor:pointer;top:50%;left:0;transform:translateX(-50%)translateY(-50%);width:12px;height:12px;border-radius:50%}.colorpicker .colorpicker-body .control>.hue>.hue-container{background:linear-gradient(to right,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%)}.colorpicker .colorpicker-body .control>.opacity>.opacity-container{background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0}.colorpicker .colorpicker-body .control>.opacity>.opacity-container>.color-bar{position:absolute;display:block;content:"";left:0;right:0;bottom:0;top:0}.colorpicker .colorpicker-body .control>.empty{background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{border:1px solid rgba(0,0,0,5%);box-shadow:2px 2px 2px rgba(0,0,0,.2);background-color:#fefefe}.colorpicker .colorpicker-body .information{position:relative;box-sizing:border-box}.colorpicker .colorpicker-body .information>input{position:absolute;font-size:10px;height:20px;bottom:20px;padding:0 0 0 2px;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.colorpicker .colorpicker-body .information>input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.colorpicker .colorpicker-body .information>input[type=number]::-webkit-inner-spin-button,.colorpicker .colorpicker-body .information>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.colorpicker .colorpicker-body .information.hex>.information-item.hex{display:flex}.colorpicker .colorpicker-body .information.rgb>.information-item.rgb{display:flex}.colorpicker .colorpicker-body .information.hsl>.information-item.hsl{display:flex}.colorpicker .colorpicker-body .information>.information-item{display:none;position:relative;padding:0 5px;padding-left:9px;box-sizing:border-box;margin-right:40px}.colorpicker .colorpicker-body .information>.information-item>.input-field{display:block;flex:1;padding:3px 1px;box-sizing:border-box;position:relative}.colorpicker .colorpicker-body .information>.information-item>.input-field>.title{text-align:center;font-size:12px;color:#a9a9a9;padding-top:2px}.colorpicker .colorpicker-body .information>.information-item>.input-field input{text-align:center;width:100%;padding:3px;height:21px;font-size:11px;color:#333;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #cbcbcb;border-radius:2px}.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]::-webkit-inner-spin-button,.colorpicker .colorpicker-body .information>.information-item>.input-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.colorpicker .colorpicker-body .information>.information-item>.input-field.hsl-l input[type=number],.colorpicker .colorpicker-body .information>.information-item>.input-field.hsl-s input[type=number]{padding-left:1px;padding-right:10px}.colorpicker .colorpicker-body .information>.information-item>.input-field .postfix{display:inline-block;position:absolute;right:1px;top:2px;height:21px;line-height:2;padding:2px;box-sizing:border-box;text-align:center;font-size:11px}.colorpicker .colorpicker-body .information>.information-change{position:absolute;display:block;width:40px;top:0;right:0;bottom:0;text-align:center;box-sizing:border-box;padding-top:5px}.colorpicker .colorpicker-body .information>.information-change>.format-change-button{box-sizing:border-box;background:0 0;border:0;cursor:pointer;outline:none}.colorpicker .colorpicker-body .information>.title{color:#a3a3a3}.colorpicker .colorpicker-body .information>.input{color:#333}.colorpicker .colorpicker-body .colorsets{border-top:1px solid #e2e2e2}.colorpicker .colorpicker-body .colorsets>.menu{float:right;padding:10px 5px;padding-right:15px}.colorpicker .colorpicker-body .colorsets>.menu button{border:0;font-size:14px;font-weight:300;font-family:serif,sans-serif;outline:none;cursor:pointer}.colorpicker .colorpicker-body .colorsets>.color-list{margin-right:30px;display:block;padding:10px 0 0 10px;box-sizing:border-box;line-height:0}.colorpicker .colorpicker-body .colorsets>.color-list .color-item{width:13px;height:13px;border-radius:2px;display:inline-block;margin-right:12px;margin-bottom:12px;position:relative;background-size:contain;overflow:hidden;box-sizing:border-box;cursor:pointer;vertical-align:middle}.colorpicker .colorpicker-body .colorsets>.color-list .color-item:hover{transform:scale(1.2)}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .empty{position:absolute;left:0;top:0;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0;width:100%;height:100%;padding:0;margin:0;pointer-events:none}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .color-view{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;pointer-events:none;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}.colorpicker .colorpicker-body .colorsets>.color-list .add-color-item{width:13px;height:13px;display:inline-block;margin-right:12px;margin-bottom:12px;cursor:pointer;line-height:1;text-align:center;font-size:16px;font-weight:400;font-family:serif,sans-serif;color:#8e8e8e;vertical-align:middle}.colorpicker .colorpicker-body .color-chooser{position:absolute;left:0;right:0;bottom:0;top:0;opacity:0;background-color:rgba(0,0,0,.5);transition:opacity .05s ease-out;pointer-events:none}.colorpicker .colorpicker-body .color-chooser.open{opacity:1;pointer-events:all}.colorpicker .colorpicker-body .color-chooser .color-chooser-container{position:absolute;top:120px;left:0;right:0;bottom:0;background-color:#fff}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header{position:absolute;top:0;left:0;right:0;height:34px;display:flex;padding:3px 0;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.2)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .title{flex:2;font-weight:700;font-size:15px;box-sizing:border-box;margin-right:30px;vertical-align:middle;margin:0;padding:5px;padding-left:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;text-align:left}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .items{flex:1;text-align:right;padding-right:10px;display:block;height:100%;line-height:2;cursor:pointer}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list{position:absolute;top:34px;left:0;right:0;bottom:0;overflow:auto}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item{cursor:pointer;display:flex;padding:3px 0;border-bottom:1px solid rgba(0,0,0,.1)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item:hover{background-color:rgba(0,0,0,5%)}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .title{flex:2;font-size:14px;box-sizing:border-box;margin-right:30px;vertical-align:middle;pointer-events:none;margin:0;padding:5px;padding-left:14px;font-weight:400;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;text-align:left}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items{flex:3;display:block;height:100%;line-height:1.6;cursor:pointer;pointer-events:none}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item{width:13px;height:13px;border-radius:3px;display:inline-block;margin-right:10px;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0;background-size:contain;border:1px solid #ddd;overflow:hidden;box-sizing:border-box;cursor:pointer;vertical-align:middle}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item .color-view{width:100%;height:100%;padding:0;margin:0;pointer-events:none}.colorpicker.sketch{border-radius:5px}.colorpicker.sketch>.colorpicker-body .color-panel{box-sizing:border-box;height:150px}.colorpicker.sketch>.colorpicker-body>.control{padding:0}.colorpicker.sketch>.colorpicker-body>.control>.color,.colorpicker.sketch>.colorpicker-body>.control>.empty{position:absolute;right:10px;left:auto;top:1px;width:26px;height:26px;border-radius:2px;box-sizing:border-box}.colorpicker.sketch>.colorpicker-body>.control>.color{box-shadow:inset 0 0 1px rgba(0,0,0,.5)}.colorpicker.sketch>.colorpicker-body>.control>.hue{position:relative;padding:2px 2px 2px 10px;margin:0 38px 0 0}.colorpicker.sketch>.colorpicker-body>.control>.hue>.hue-container{border-radius:0}.colorpicker.sketch>.colorpicker-body>.control>.opacity{position:relative;padding:2px 2px 2px 10px;margin:0 38px 0 0}.colorpicker.sketch>.colorpicker-body>.control>.opacity>.opacity-container{border-radius:0}.colorpicker.sketch>.colorpicker-body>.control .drag-bar,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2{border-radius:0;top:50%;left:0;width:2px;height:80%;transform:translateX(-50%)translateY(-50%);border-radius:1px;bottom:1px!important}.colorpicker.sketch>.colorpicker-body>.control .drag-bar.first,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2.first{left:0;transform:translateX(50%)translateY(-50%)!important}.colorpicker.sketch>.colorpicker-body>.control .drag-bar.last,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2.last{transform:translateX(-150%)translateY(-50%)!important}.colorpicker.sketch>.colorpicker-body>.information .information-change{display:none}.colorpicker.sketch>.colorpicker-body>.information.rgb .information-item.rgb{display:inherit}.colorpicker.sketch>.colorpicker-body>.information.rgb .information-item.hsl{display:none!important}.colorpicker.sketch>.colorpicker-body>.information.hex .information-item.hex{display:inherit}.colorpicker.sketch>.colorpicker-body>.information.hex .information-item.hsl{display:none!important}.colorpicker.sketch>.colorpicker-body>.information.hsl .information-item.rgb{display:none!important}.colorpicker.sketch>.colorpicker-body>.information.hsl .information-item.hsl{display:inherit}.colorpicker.sketch>.colorpicker-body>.information .information-item{display:inline-flex!important;margin-right:0}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field>.title{color:#000;font-size:11px;cursor:pointer}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field>.title:hover{font-weight:700}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field:last-child:not(:first-child){padding-right:0}.colorpicker.sketch>.colorpicker-body>.information .information-item.hex{width:70px;padding-right:0;padding-left:5px}.colorpicker.sketch>.colorpicker-body>.information .information-item.rgb{width:144px;padding-left:0;padding-right:0}.colorpicker.sketch>.colorpicker-body>.information .information-item.hsl{display:none;width:144px;padding-left:0;padding-right:0}.colorpicker.sketch>.colorpicker-body>.colorsets>.menu{display:none}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list{margin-right:0;padding-right:12px}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list .color-item{width:16px;height:16px;border-radius:3px;margin-right:9px;margin-bottom:10px}.colorsets-contextmenu{position:fixed;padding-top:4px;padding-bottom:4px;border-radius:6px;background-color:#ececec;border:1px solid #ccc;display:none;list-style:none;font-size:13px;padding-left:0;padding-right:0}.colorsets-contextmenu.show{display:inline-block}.colorsets-contextmenu .elf--menu-item{padding:2px 20px;cursor:default}.colorsets-contextmenu .elf--menu-item:hover{background-color:#5ea3fb;color:#fff}.colorsets-contextmenu.small .elf--menu-item.small-hide{display:none}.designeditor{font-size:13px;padding:0;margin:0;box-sizing:border-box;font-family:sans-serif;position:absolute;left:0;right:0;bottom:0;top:0;--elf--editor-ruler-size:20px}.designeditor *,.designeditor *:before,.designeditor *:after{box-sizing:border-box;-webkit-overflow-scrolling:touch}.designeditor.ua-window .scrollbar::-webkit-scrollbar{width:5px;height:8px;background-color:#aaa}.designeditor.ua-window .scrollbar::-webkit-scrollbar-thumb{background:#000}.designeditor[data-theme=dark]{--elf--range-thumb-color:#03a9f4;--elf--range-track-color:#616161;--elf--range-thumb-border-color:rgba(0, 0, 0, 0.8);--elf--input-background-color:#232937;--elf--input-border-color:#2b2b2b;--elf--input-font-color:#ececec;--elf--input-sub-font-color:#7a7a7a;--elf--border-color:#484848;--elf--selection-tool-border-color:#3a89f0;--elf--selected-color:#03a9f4;--elf--selected-color-2:#1d2254;--elf--selected-border-color:#3a89f0;--elf--background-color:#25292e;--elf--header-background-color:#1b1b20;--elf--selected-background-color:#535353;--elf--font-color:#ffffff;--elf--menu-item-title-font-color:#949494;--elf--selected-font-color:white;--elf--divider-color:#616161;--elf--property-border-color:#484848;--elf--property-title-background-color:#161616;--elf--property-background-color:#131313;--elf--list-item-font-color:white;--elf--list-item-selected-color:#03a9f4;--elf--list-item-disable-font-color:#828282;--elf--popup-background-color:#1f1f1f;--elf--window-background-color:rgba(61, 61, 61, 0.5);--elf--path-background-color:rgba(255, 255, 255, 0.7);--elf--path-guide-color:#00bbff;--elf--path-segment-stroke-color:#484848;--elf--timeline-gauge-background-color:#ee4b66;--elf--timeline-gauge-handle-color:#fffaaf;--elf--timeline-row-selected-color:rgba(67, 92, 181, 0.4);--elf--timeline-property-add-background-color:#666666;--elf--guide-line-color:#ca7976;--elf--guide-font-color:white;--elf--guide-line-rect-color:#435cb5;--elf--canvas-background-color:#d3d3d3;--elf--page-view-element-artboard-title-color:#5c5c5c;--elf--animation-item-background-color:#435cb5;--elf--select-icon-editor-item-color:#232937;--elf--select-icon-editor-selected-color:#03a9f4;--elf--grid-box-editor-button-background-color:#435cb5;--elf--status-bar-item-background-color:#760e34;--elf--status-bar-background-color:#25292e;--elf--status-bar-font-color:#ffffff;--elf--drag-area-rect-border-color:rgba(62, 168, 255, 0.9);--elf--drag-area-rect-background-color:rgba(107, 188, 255, 0.214);--elf--rotate-x-border-color:#6868f7;--elf--rotate-y-border-color:#70c570;--elf--color-view-background-color:#5c5c5c;--elf--transform-origin-selected-color:#5c5c5c;--elf--border-radius-selected-color:#5c5c5c;--elf--transform-item-background-color:rgba(255, 255, 255, 0.03);--elf--transform-item-border-color:#2b2b2b;--elf--tooltip-background-color:rgba(3, 169, 244, 0.637);--elf--tooltip-font-color:white;--elf--tab-header-background-color:#232937}.designeditor[data-theme=light]{--elf--range-thumb-color:#609de2;--elf--range-track-color:#cfcfcf;--elf--range-thumb-border-color:#609de2;--elf--input-background-color:white;--elf--input-border-color:#e5e5e5;--elf--input-font-color:#3f3f3f;--elf--input-sub-font-color:#7a7a7a;--elf--border-color:#e5e5e5;--elf--selection-tool-border-color:#3a89f0;--elf--selected-color:#66baff;--elf--selected-color-2:#093042;--elf--selected-border-color:#609de2;--elf--background-color:white;--elf--header-background-color:white;--elf--selected-background-color:#d8d8d8;--elf--font-color:#616161;--elf--menu-item-title-font-color:#949494;--elf--selected-font-color:white;--elf--divider-color:#cfcfcf;--elf--property-border-color:#e5e5e5;--elf--property-title-background-color:white;--elf--property-background-color:white;--elf--list-item-font-color:black;--elf--list-item-selected-color:#609de2;--elf--list-item-disable-font-color:#a3a3a3;--elf--popup-background-color:#ffffff;--elf--window-background-color:#2a2a2a7a;--elf--path-background-color:rgba(255, 255, 255, 0.7);--elf--path-guide-color:#5c5c5c;--elf--path-segment-stroke-color:#b7b7b7;--elf--timeline-gauge-background-color:#435cb5;--elf--timeline-gauge-handle-color:#748ff1;--elf--timeline-row-selected-color:#609de2;--elf--timeline-property-add-background-color:#747474;--elf--guide-line-color:#66baff;--elf--guide-font-color:white;--elf--guide-line-rect-color:#36457a;--elf--canvas-background-color:rgba(17, 17, 17, 0.1);--elf--page-view-element-artboard-title-color:black;--elf--animation-item-background-color:#435cb5;--elf--select-icon-editor-item-color:white;--elf--select-icon-editor-selected-color:#66baff;--elf--grid-box-editor-button-background-color:#435cb5;--elf--status-bar-item-background-color:#4653f6;--elf--status-bar-background-color:white;--elf--status-bar-font-color:#616161;--elf--drag-area-rect-border-color:rgba(62, 168, 255, 0.9);--elf--drag-area-rect-background-color:rgba(107, 188, 255, 0.5);--elf--rotate-x-border-color:#643ac7;--elf--rotate-y-border-color:#8bdf8b;--elf--color-view-background-color:#d8d8d8;--elf--transform-origin-selected-color:#66baff;--elf--border-radius-selected-color:#66baff;--elf--transform-item-background-color:white;--elf--transform-item-border-color:#e5e5e5;--elf--tooltip-background-color:#66baff;--elf--tooltip-font-color:white;--elf--tab-header-background-color:#f6fafc}.designeditor{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:0;top:0}.designeditor [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.designeditor input[type=text],.designeditor input[type=number],.designeditor input[type=email],.designeditor textarea{background-color:var(--elf--input-background-color);border:1px solid var(--elf--border-color);color:var(--elf--input-font-color);outline:none}.designeditor select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0 4px;line-height:1.6;cursor:pointer;height:100%;background-color:var(--elf--background-color);border:1px solid var(--elf--border-color);border-radius:0;color:var(--elf--font-color);outline:none;vertical-align:middle;width:100%;font-size:12px;border-radius:3px}.designeditor button{border-width:0;color:var(--elf--button-front-color);width:16px;height:16px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:none;display:inline-block;cursor:pointer;padding:0}.designeditor button svg{width:100%;height:100%}.designeditor input[type=file].embed-file-input{position:absolute;left:0;top:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;background-color:var(--elf--background-color);opacity:0;pointer-events:none}.designeditor .add-image-button{display:none}.designeditor .icon svg,.designeditor button svg,.designeditor label svg{width:16px;height:16px;vertical-align:middle}.designeditor .icon svg path,.designeditor .icon svg polygon,.designeditor .icon svg rect,.designeditor button svg path,.designeditor button svg polygon,.designeditor button svg rect,.designeditor label svg path,.designeditor label svg polygon,.designeditor label svg rect{fill:currentColor}.designeditor input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:3px 0;background-color:transparent}.designeditor input[type=range]:focus{outline:none}.designeditor input[type=range]::-moz-focus-outer{border:0}.designeditor input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:var(--elf--range-track-color);border-radius:10px}.designeditor input[type=range]::-webkit-slider-thumb{height:12px;width:12px;border-radius:100%;background:var(--elf--range-thumb-color);cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid var(--elf--range-thumb-border-color);margin-top:-5px}.designeditor input[type=range]:focus::-webkit-slider-runnable-track{background:var(--elf--range-track-color)}.designeditor input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;background:var(--elf--range-track-color);border-radius:10px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12),inset 0 1px 2px rgba(0,0,0,.12)}.designeditor input[type=range]::-moz-range-thumb{border:1px solid #000;height:12px;width:12px;border-radius:9px;border-radius:20px;background:var(--elf--range-thumb-color);cursor:pointer;margin-top:-5px}.designeditor input[type=range]::-ms-track{width:100%;height:2px;cursor:pointer;border:1px solid #000;border-radius:10px;background:var(--elf--range-track-color)}.designeditor input[type=range]::-ms-fill-lower{background:var(--elf--range-thumb-color);border:0 solid #010101;border-radius:0;box-shadow:0 0 #000,0 0 #0d0d0d}.designeditor input[type=range]::-ms-fill-upper{background:var(--elf--range-thumb-color);border:0 solid #010101;border-radius:0}.designeditor input[type=range]::-ms-thumb{height:12px;width:12px;border-radius:9px;background:var(--elf--range-thumb-color);cursor:pointer;margin-top:-5px}.designeditor input[type=range]:focus::-ms-fill-lower{background:var(--elf--range-thumb-color)}.designeditor input[type=range]:focus::-ms-fill-upper{background:var(--elf--range-thumb-color)}.designeditor .tab{position:absolute;left:0;right:0;bottom:0;top:0;color:var(--elf--font-color)}.designeditor .tab.number-tab.padding-5 .tab-content{padding:5px}.designeditor .tab.number-tab.padding-10 .tab-content{padding:10px}.designeditor .tab.number-tab.side-tab.side-tab-left .tab-header{position:absolute;display:block;left:0;width:60px;top:0;bottom:0;height:auto;border-right:1px solid var(--elf--border-color);padding:10px;box-sizing:border-box;overflow:visible}.designeditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item{display:block;width:100%;height:auto;margin-bottom:10px;position:relative;border-radius:2px}.designeditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item:before{display:none}.designeditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.selected label{height:auto;color:var(--elf--selected-font-color)}.designeditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item.extra-item{flex:auto;overflow:auto}.designeditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label{height:auto;padding:6px 0}.designeditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label svg{width:24px;height:24px}.designeditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item .title{padding-bottom:5px;font-size:10px;color:var(--elf--font-color);display:none}.designeditor .tab.number-tab.side-tab.side-tab-left .tab-body{left:60px;top:0;bottom:0;right:0}.designeditor .tab.number-tab .tab-header{cursor:pointer;overflow:hidden;color:var(--elf--font-color)}.designeditor .tab.number-tab .tab-content{display:none}.designeditor .tab.number-tab .tab-content.selected{display:block}.designeditor .tab.number-tab .tab-body{top:34px}.designeditor .tab.number-tab>.tab-header{display:flex}.designeditor .tab.number-tab>.tab-header.full{display:flex}.designeditor .tab.number-tab>.tab-header>.tab-item{text-align:center;position:relative;padding:0;height:100%;background-color:var(--elf--tab-header-background-color);border-bottom:1px solid var(--elf--border-color);border-left:1px solid transparent;border-right:1px solid transparent}.designeditor .tab.number-tab>.tab-header>.tab-item.selected{background-color:var(--elf--background-color);border-bottom:1px solid transparent;border-left:1px solid var(--elf--border-color);border-right:1px solid var(--elf--border-color)}.designeditor .tab.number-tab>.tab-header>.tab-item.selected:before{content:"";background-color:var(--elf--selected-color);height:2px;position:absolute;left:0;right:0;top:0}.designeditor .tab.number-tab>.tab-header>.tab-item.selected:first-child{border-left:0}.designeditor .tab.number-tab>.tab-header>.tab-item.selected:last-child{border-right:0}.designeditor .tab.number-tab>.tab-header>.tab-item.selected label,.designeditor .tab.number-tab>.tab-header>.tab-item:hover label{color:var(--elf--selected-color)}.designeditor .tab.number-tab>.tab-header>.tab-item label{line-height:24px;height:100%;display:inline-block;vertical-align:middle;color:var(--elf--font-color)}.designeditor .tab.number-tab>.tab-header>.tab-item label.icon{padding:6px 10px 2px}.designeditor .tab.number-tab>.tab-header>.tab-item label svg{width:20px;height:20px}.designeditor .tab.number-tab>.tab-header>.tab-item:first-child:hover label{left:10px}.designeditor .tab.number-tab>.tab-header>.tab-item:last-child:hover label{left:auto;right:10px}.designeditor .tab.number-tab>.tab-header>.tab-item:hover label{opacity:1}.designeditor .tab.number-tab>.tab-header>.tab-item label{display:inline-block;font-size:11px;border-radius:3px;padding:5px 10px;pointer-events:none}.designeditor .tab>.tab-header{position:absolute;left:0;right:0;height:34px;z-index:1;display:flex}.designeditor .tab>.tab-header.no-border>.tab-item{border:0!important}.designeditor .tab>.tab-header>.tab-item{flex:auto;display:inline-block;font-size:12px;text-align:left;height:100%;padding:6px 4px;cursor:pointer;font-weight:700}.designeditor .tab>.tab-header>.tab-item.small-font{font-size:11px}.designeditor .tab>.tab-header>.tab-item.selected{color:var(--elf--selected-font-color)}.designeditor .tab>.tab-body{position:absolute;left:0;right:0;top:34px;bottom:0}.designeditor .tab>.tab-body.no-border{border:0}.designeditor .tab>.tab-body>.tab-content{position:absolute;left:0;right:0;top:0;bottom:0;display:none;overflow:auto}.designeditor .tab>.tab-body>.tab-content.selected{display:block}.designeditor .tab>.tab-body>.tab-content.selected.flex{display:flex;flex-direction:column}.designeditor .tab>.tab-body>.tab-content .fixed{flex:none}.designeditor .tab>.tab-body>.tab-content .scroll{flex:auto;overflow:auto;position:relative}.designeditor .colorpicker-layer .colorpicker{background-color:transparent;width:100%;border:0;box-shadow:none}.designeditor .colorpicker-layer .colorpicker .colorpicker-body{width:240px}.designeditor .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .color-item{width:20px;height:20px;margin:2px!important}.designeditor .colorpicker-layer .colorpicker .colorpicker-body .color-list .current-color-sets .add-color-item{width:20px;height:20px;margin:0!important;padding:3px}.designeditor .colorpicker-layer .colorpicker .colorpicker-body .wheel{border:0;background-color:transparent}.designeditor .icons-group{display:grid;grid-template-columns:repeat(6,40px);grid-column-gap:2px;grid-row-gap:2px;max-height:200px;overflow:auto}.designeditor .icons-group .icon-item{display:inline-block;width:40px;margin-bottom:2px;margin-right:2px}.designeditor .icons-group .icon-item .title{display:block;color:var(--elf--list-item-font-color);font-size:9px;margin-top:5px;line-height:1;text-align:left;word-break:break-all;word-wrap:break-word}.designeditor .icons-group .icon-item .icon-svg{background-color:var(--elf--input-background-color);width:40px;height:40px;cursor:pointer;color:var(--elf--font-color);border-radius:4px;display:inline-block;box-sizing:border-box;padding:8px}.designeditor .icons-group .icon-item .icon-svg>svg{width:100%;height:100%}.designeditor .icons-group .icon-item .icon-svg:hover{background-color:var(--elf--list-item-selected-color);color:var(--elf--selected-font-color)}.designeditor [data-tooltip]{position:relative}.designeditor [data-tooltip]:hover:after{opacity:1}.designeditor [data-tooltip]:after{pointer-events:none;content:attr(data-tooltip);display:block;text-align:center;color:var(--elf--tooltip-font-color);font-size:10px;font-weight:400;background-color:var(--elf--tooltip-background-color);box-sizing:border-box;padding:4px 5px;border-radius:2px;opacity:0;transition:all .1s linear;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:absolute;right:auto;left:50%;top:110%;transform:translateX(-50%);z-index:1000000;white-space:nowrap}.designeditor [data-tooltip][data-direction=right]:after{position:absolute;left:120%;top:50%;transform:translateY(-50%)}.designeditor [data-tooltip][data-direction=left]:after{position:absolute;right:120%;top:50%;transform:translateY(-50%)}.designeditor [data-tooltip][data-direction=bottom]:after{position:absolute;right:auto;left:50%;top:100%;transform:translateX(-50%)}.designeditor [data-tooltip][data-direction=top]:after{position:absolute;right:auto;left:50%;top:0%;transform:translateX(-50%)translateY(-150%)}.designeditor [data-tooltip][data-direction="top left"]:after{position:absolute;right:auto;left:0%;top:0%;transform:translateY(-150%)}.designeditor [data-tooltip][data-direction="top right"]:after{position:absolute;right:0%;left:auto;top:0%;transform:translateY(-150%)}.designeditor [data-tooltip][data-direction="bottom right"]:after{position:absolute;right:0%;left:auto;top:110%;transform:translateX(0%)}.designeditor .animation-selector{display:grid;grid-template-columns:100px 1fr 30px;grid-column-gap:5px;width:100%}.designeditor .animation-selector .timeline-object{display:inline-block}.designeditor .animation-selector .timeline-object.selected{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .timeline-value-area{position:absolute;width:260px;right:0;top:0;bottom:0;background-color:var(--elf--background-color);font-size:12px;border-left:1px solid var(--elf--border-color);border-top:1px solid var(--elf--border-color)}.designeditor .timeline-value-area .timeline-value-editor .tab-content{padding:0 20px}.designeditor .timeline-value-area .timeline-value-editor .tab-content.padding-zero{padding-top:0}.designeditor .timeline-value-area .timeline-value-editor .tab-content .offset-input{padding-top:20px}.designeditor .timeline-value-area .timeline-value-editor .tab-content .offset-input .input-area{position:relative;display:inline-block;vertical-align:middle;width:120px;height:24px}.designeditor .timeline-value-area .timeline-value-editor .tab-content .offset-input .input-area>input{width:100%;height:100%;box-sizing:border-box;padding:2px}.designeditor .timeline-value-area .timeline-value-editor .tab-content .offset-input .input-area:after{position:absolute;bottom:100%;content:"Hour:Minute:Second:Frame";box-sizing:border-box;padding-left:2px;color:var(--elf--input-sub-font-color);left:0}.designeditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title{display:none}.designeditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title>.tools{display:none}.designeditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2{display:block;text-align:right}.designeditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2 label{cursor:pointer}.designeditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item>.title-2:hover{color:var(--elf--selected-color)}.designeditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button{width:100px;text-align:right}.designeditor .timeline-value-area .timeline-value-editor .tab-content .css-property-item .background-image-editor .tools button svg{width:16px;vertical-align:middle}.designeditor .timeline-value-area .timeline-value-editor .tab-content .title{color:var(--elf--font-color)}.designeditor .timeline-value-area .timeline-value-editor .value{padding:5px;margin:0 auto;width:228px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px}.designeditor .timeline-value-area .timeline-value-editor .value label{overflow:hidden;text-overflow:ellipsis}.designeditor .timeline-value-area .timeline-value-editor .value .editor-area{min-height:20px}.designeditor .timeline-value-area .timeline-value-editor .tab-content{padding-top:10px}.designeditor .timeline-animation-area{position:absolute;width:200px;left:0;top:0;bottom:0;background-color:var(--elf--background-color);font-size:12px;border-right:1px solid var(--elf--border-color);border-top:1px solid var(--elf--border-color)}.designeditor .timeline-animation-area .property{padding:0}.designeditor .timeline-animation-area .property-title{height:39px!important;padding-bottom:0;padding-top:0}.designeditor .timeline-animation-area .property-title label{padding-left:10px}.designeditor .timeline-animation-area .property-body{padding:0!important}.designeditor .timeline-area{position:absolute;left:200px;right:260px;top:0;bottom:0;font-size:12px}.designeditor .timeline-area .timeline-header{position:absolute;left:0;top:0;height:40px;right:0;border-top:1px solid var(--elf--border-color)}.designeditor .timeline-area .timeline-header .timeline-object-toolbar{position:absolute;left:0;top:0;bottom:0;width:270px;border-right:1px solid var(--elf--border-color);border-bottom:1px solid var(--elf--border-color)}.designeditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar{padding:10px 5px}.designeditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row{display:grid;grid-template-columns:50px 1fr;grid-column-gap:5px;margin-bottom:2px}.designeditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row label{padding:2px}.designeditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .row .input input{min-width:50px}.designeditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons{display:flex}.designeditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="0.5"] [data-value="0.5"]{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="1"] [data-value="1"]{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="2"] [data-value="2"]{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons[data-selected-speed="3"] [data-value="3"]{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .timeline-area .timeline-header .timeline-object-toolbar .timeline-top-toolbar .play-buttons button{border:1px solid var(--elf--border-color);min-width:50px;padding:2px 10px;height:auto}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar{position:absolute;top:0;right:0;bottom:0;left:270px}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view{position:absolute;left:0;top:0;width:100%;height:100%}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration{position:absolute;top:5px;left:0;right:0;height:5px}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-left{position:absolute;left:15px;top:0;width:5px;height:100%;background-color:var(--elf--border-color)}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-right{position:absolute;right:15px;top:0;width:5px;height:100%;background-color:var(--elf--border-color)}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider{position:absolute;left:10px;top:0;right:10px;height:100%;background-color:var(--elf--border-color)}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .start{position:absolute;left:0;top:0;transform:translateX(-100%);height:100%;width:5px;background-color:var(--elf--timeline-gauge-handle-color);cursor:ew-resize}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .end{position:absolute;left:100%;top:0;height:100%;width:5px;background-color:var(--elf--timeline-gauge-handle-color);cursor:ew-resize}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-slider .gauge{position:absolute;left:0%;width:100%;top:0;height:100%;background-color:var(--elf--timeline-gauge-background-color);cursor:ew-resize}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view canvas{position:absolute;left:0;top:15px;width:100%;height:25px}.designeditor .timeline-area .timeline-body{position:absolute;left:0;top:40px;bottom:0;right:0}.designeditor .timeline-area .timeline-body .timeline-object-area{position:absolute;left:0;top:0;bottom:0;width:270px;overflow:auto;border-right:1px solid var(--elf--border-color)}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer .icon svg{transform:rotate(0)}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object.collapsed .timeline-object-row.layer-property{display:none}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row{height:24px;display:grid;grid-template-columns:20px 1fr 50px;grid-column-gap:2px;color:var(--elf--font-color);border-bottom:1px solid var(--elf--border-color)}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row[data-selected=true]{background-color:var(--elf--timeline-row-selected-color);color:var(--elf--selected-font-color)}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value{vertical-align:middle;padding:5px 0}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .current-value input{width:100%;vertical-align:middle}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon{padding-top:5px}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .icon svg{width:16px;height:16px;transform:rotate(90deg);transition:transform .2s ease}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .title{vertical-align:middle;padding-top:5px;cursor:pointer;color:var(--elf--font-color)}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools{padding-top:3px;text-align:right}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools>*{margin-right:5px}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row .tools .empty{margin-right:0}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property{overflow:hidden;grid-template-columns:20px 1fr .8fr 50px}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .title{padding-left:10px}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add{width:7px;height:7px;display:inline-block;box-shadow:0 0 0 1px var(--elf--border-color);background-color:var(--elf--border-color);vertical-align:middle;cursor:pointer;transform:translateX(-4px)translateY(0)rotate(45deg)}.designeditor .timeline-area .timeline-body .timeline-object-area .timeline-object-list .timeline-object .timeline-object-row.layer-property .tools button.add:hover{box-shadow:0 0 0 2px var(--elf--selected-color);background-color:var(--elf--selected-color)}.designeditor .timeline-area .timeline-body .keyframe-time-grid-view{position:absolute;top:0;right:0;bottom:0;left:270px;pointer-events:none}.designeditor .timeline-area .timeline-body .keyframe-time-grid-view canvas{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.designeditor .timeline-area .timeline-body .timeline-keyframe-area{position:absolute;top:0;right:0;bottom:0;left:270px;overflow:auto}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container{position:relative;min-height:100%;outline:none}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-container .drag-area{position:absolute;border:1px solid #7db4db;background-color:rgba(53,133,189,.7);left:-10000px;right:-10000px;width:0;height:0;pointer-events:none}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe.collapsed .timeline-keyframe-row.layer-property{display:none}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row{height:24px;border-bottom:1px solid var(--elf--border-color);position:relative}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe{position:absolute;top:50%;transform:translateY(-50%);height:10px;background-color:rgba(var(--elf--border-color),.5);display:inline-block}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset{position:absolute;top:50%;border:1px solid var(--elf--selected-color);display:inline-block;width:8px;height:8px;background-color:var(--elf--background-color);transform:translateY(-50%)translateX(-50%)rotate(45deg);cursor:ew-resize;pointer-events:all}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe .offset[data-selected=true]{background-color:var(--elf--selected-color);box-shadow:0 0 0 1px var(--elf--selected-color)}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow{position:absolute;top:50%;transform:translateY(-50%);height:10px;display:inline-block}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset{position:absolute;top:50%;border:1px solid var(--elf--selected-color);display:inline-block;width:8px;height:8px;background-color:var(--elf--background-color);transform:translateY(-50%)translateX(-50%)rotate(45deg);cursor:ew-resize;pointer-events:all}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-shadow .offset[data-selected=true]{background-color:var(--elf--selected-color);box-shadow:0 0 0 1px var(--elf--selected-color)}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back{position:absolute;height:100%;display:inline-block}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .offset-line{position:absolute;top:50%;display:inline-block;height:1px;background-color:var(--elf--selected-color);transform:translateY(-52%)}.designeditor .timeline-area .timeline-body .timeline-keyframe-area .timeline-keyframe-list .timeline-keyframe .timeline-keyframe-row .keyframe-back .sub-offset{position:absolute;top:50%;display:inline-block;width:2px;height:6px;background-color:#0bc4e4;transform:translate(-50%,-50%)}.designeditor .timeline-play-control{text-align:left;display:grid;grid-template-columns:188px 120px 120px 1fr;grid-column-gap:5px}.designeditor .timeline-play-control .speed-number{position:relative}.designeditor .timeline-play-control .speed-number:after{position:absolute;right:14px;top:1px;content:"X";display:inline-block}.designeditor .timeline-play-control .speed-number input{width:100%}.designeditor .timeline-play-control label{vertical-align:middle;padding-right:10px;color:var(--elf--font-color)}.designeditor .timeline-play-control label svg{width:16px;height:16px;vertical-align:middle}.designeditor .timeline-play-control .input{vertical-align:middle}.designeditor .timeline-play-control .input input{vertical-align:middle;height:20px;width:100%}.designeditor .timeline-play-control .row{display:flex}.designeditor .timeline-play-control .row:first-child{text-align:center}.designeditor .timeline-play-control button{display:inline-block;vertical-align:middle;width:24px;height:24px}.designeditor .timeline-play-control button.play{color:var(--elf--selected-color)}.designeditor .timeline-play-control button.pause{display:none;color:#6677d8}.designeditor .timeline-play-control .play-buttons[data-status=play] .pause{display:inline-block}.designeditor .timeline-play-control .play-buttons[data-status=play] .play{display:none}.designeditor .timeline-play-control .play-buttons[data-status=pause] .play{display:inline-block}.designeditor .timeline-play-control .direction-buttons{display:flex;padding-top:2px}.designeditor .timeline-play-control .direction-buttons[data-selected-direction=normal] [data-value=normal]{background-color:var(--elf--selected-background-color);color:var(--elf--selected-color)}.designeditor .timeline-play-control .direction-buttons[data-selected-direction=alternate] [data-value=alternate]{background-color:var(--elf--selected-background-color);color:var(--elf--selected-color)}.designeditor .timeline-play-control .direction-buttons[data-selected-direction=reverse] [data-value=reverse]{background-color:var(--elf--selected-background-color);color:var(--elf--selected-color)}.designeditor .timeline-play-control .direction-buttons[data-selected-direction=alternate-reverse] [data-value=alternate-reverse]{background-color:var(--elf--selected-background-color);color:var(--elf--selected-color)}.designeditor .timeline-play-control .direction-buttons button{width:20px;height:20px;margin-right:5px;border-radius:3px}.designeditor .keyframe-time-control .time-manager{display:grid;grid-template-columns:20px 90px 70px 84px 10px;grid-column-gap:0}.designeditor .keyframe-time-control .time-manager button{color:var(--elf--font-color)}.designeditor .keyframe-time-control .time-manager button svg path{fill:currentColor}.designeditor .keyframe-time-control .time-manager label{padding-right:0;color:var(--elf--font-color)}.designeditor .keyframe-time-control .time-manager label svg{width:16px;height:16px}.designeditor .keyframe-time-control input[type=text]{width:80px}.designeditor .logo-item{display:inline-block;padding:10px 0;text-align:center}.designeditor .logo-item label.logo{display:inline-block;width:30px;height:30px;background-image:url(3a8ca398e6a5c3b83f4de7c60843a9a0.png);background-size:contain;border-radius:2px}.designeditor .logo-item label.logo:after{content:attr(title);display:block;white-space:nowrap;padding:8px 10px;margin-left:20px;color:var(--elf--font-color);font-size:14px}.designeditor .feature-control.inspector{position:relative;height:100%}.designeditor .feature-control.inspector>div{position:relative;height:100%}.designeditor .feature-control.inspector>div .empty{height:100px}.designeditor .feature-control.inspector>div>.tab>.tab-header{height:35px}.designeditor .feature-control.inspector>div>.tab>.tab-header .tab-item{padding:0}.designeditor .feature-control.inspector>div>.tab>.tab-body{top:35px}.designeditor .feature-control.object-list{position:relative;border-right:1px solid var(--elf--border-color);box-sizing:border-box;height:100%}.designeditor .feature-control.object-list .property{margin:0;height:100%;border:0;padding:0}.designeditor .feature-control.object-list .property .property-body{padding:0}.designeditor .feature-control .layer-tab{position:absolute;left:0;top:0;bottom:0;right:0}.designeditor .feature-control .layer-tab .project-content>div{position:absolute;left:5px;right:5px}.designeditor .feature-control .layer-tab .project-content>div:first-child{top:0;height:150px}.designeditor .feature-control .layer-tab .project-content>div:nth-child(1){top:0;height:150px}.designeditor .feature-control .layer-tab .project-content>div:not(:first-child){border-top:1px solid var(--elf--border-color)}.designeditor .feature-control .layer-tab .project-content>div:last-child{top:150px;bottom:0;height:auto!important}.designeditor .feature-control .layer-tab .object-items{width:100%;height:100%}.designeditor .feature-control .layer-tab .object-items>div{position:relative;height:100%}.designeditor .feature-control .layer-tab .assets{padding:3px}.designeditor .feature-control .layer-tab .assets .property{height:auto}.layout-main{position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--elf--header-background-color)}.layout-main.show-footer .layout-middle .layout-left{bottom:299px}.layout-main.show-footer .layout-middle .layout-right{bottom:299px}.layout-main.show-footer .layout-middle .layout-body{bottom:299px}.layout-main.show-footer .layout-middle .layout-footer{height:299px}.layout-main.show-footer .layout-middle .layout-footer .footer-splitter{position:absolute;left:0;top:0;right:0;height:4px;cursor:ns-resize;display:block;z-index:1000000000}.layout-main.show-footer .layout-middle .layout-footer .managed-tool>.property-title>.tools{display:flex}.layout-main marker path{fill:var(--elf--border-color)}.layout-main .layout-top{height:50px;border-bottom:1px solid var(--elf--border-color);box-sizing:border-box;z-index:10000;position:absolute;left:0;top:0;right:0;background-color:var(--elf--background-color)}.layout-main .layout-middle{position:absolute;left:0;right:0;top:50px;bottom:30px;box-sizing:border-box;overflow:hidden;background-color:var(--elf--background-color)}.layout-main .layout-middle .layout-header{display:none;top:0;left:340px;right:280px;height:0;position:absolute;background-color:var(--elf--header-background-color);color:var(--elf--selected-font-color);box-sizing:border-box;border-bottom:1px solid var(--elf--border-color)}.layout-main .layout-middle>.splitter{position:absolute;left:340px;width:4px;top:0;bottom:0;cursor:ew-resize;transition:background-color .05s linear}.layout-main .layout-middle>.splitter:hover,.layout-main .layout-middle>.splitter.selected{background-color:var(--elf--selected-color)}.layout-main .layout-middle>button{position:absolute;width:12px;height:12px;top:50%;transform:translateY(-50%)translateX(-25%);cursor:pointer;color:var(--elf--font-color);z-index:1000}.layout-main .layout-middle>button svg{transform:scale(1.5)}.layout-main .layout-middle>.toggleLeft{left:340px}.layout-main .layout-middle>.toggleRight{right:280px}.layout-main .layout-middle .layout-footer{position:absolute;left:0;height:30px;bottom:0;right:0;overflow:hidden;border-top:1px solid var(--elf--border-color);background-color:var(--elf--background-color);z-index:10000}.layout-main .layout-middle .layout-footer .footer-splitter{display:none}.layout-main .layout-middle .layout-footer .managed-tool{background-color:var(--elf--background-color);padding:2px 0}.layout-main .layout-middle .layout-left{position:absolute;left:0;top:0;bottom:30px;width:340px;display:inline-block;display:flex;flex-direction:column;border-right:1px solid var(--elf--border-color);box-sizing:border-box}.layout-main .layout-middle .layout-right{position:absolute;right:0;top:0;bottom:30px;width:280px;display:inline-block;z-index:100;display:flex;flex-direction:column;overflow:auto;border-left:1px solid var(--elf--border-color)}.layout-main .layout-middle .layout-body{top:0;left:340px;right:280px;bottom:30px;position:absolute}.elf--horizontal-ruler{position:absolute;top:0;left:var(--elf--editor-ruler-size);right:0;height:var(--elf--editor-ruler-size);background-color:var(--elf--background-color);z-index:0}.elf--horizontal-ruler .horizontal-ruler-container{position:absolute;left:0;top:0;height:100%;width:100%}.elf--horizontal-ruler svg text{text-anchor:middle;fill:var(--elf--font-color);font-size:8px}.elf--horizontal-ruler svg path{stroke:var(--elf--font-color)}.elf--vertical-ruler{position:absolute;left:0;width:var(--elf--editor-ruler-size);top:var(--elf--editor-ruler-size);bottom:0;background-color:var(--elf--background-color);box-sizing:border-box;z-index:0}.elf--vertical-ruler .vertical-ruler-container{position:absolute;left:0;top:0;height:100%;width:100%}.elf--vertical-ruler svg text{text-anchor:middle;fill:var(--elf--font-color);font-size:8px}.elf--vertical-ruler svg path{stroke:var(--elf--font-color)}.player .page-container{top:0;left:0}.elf--element-view{position:absolute;left:0;top:0;outline:none;pointer-events:none}.canvas-view{position:absolute;transform-origin:left top;left:0;top:0;width:100%;height:100%;will-change:auto;pointer-events:none}.canvas-view svg.element-item{pointer-events:none}.canvas-view svg.element-item>*{pointer-events:stroke}.canvas-view svg.element-item>path{pointer-events:stroke}.canvas-view svg.element-item>:not([fill=transparent]){pointer-events:visible}.canvas-view .element-item{pointer-events:all}.canvas-view .element-item[contenteditable=true]{outline:none}.canvas-view .element-item [contenteditable=true]{outline:none}.canvas-view .element-item[tabIndex]{outline:none}.canvas-view .element-item.artboard{box-shadow:0 8px 6px -6px #000}.canvas-view .element-item>svg:hover>path{stroke:#4040fc}.canvas-view .element-item>svg:hover>text{fill:#4040fc}.elf--page-tools{position:absolute;left:20px;bottom:10px;display:inline-block;padding:5px 10px;border-radius:3px;border:1px solid var(--elf--border-color);color:var(--elf--font-color);background-color:var(--elf--background-color);box-sizing:border-box}.elf--page-tools>*{position:relative;display:inline-block}.elf--page-tools>label{vertical-align:middle;font-size:11px;display:inline-block;height:100%;padding-top:5px}.elf--page-tools button{border-radius:3px;vertical-align:middle;display:inline-block;padding:4px;width:24px;height:24px}.elf--page-tools button.on{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--page-tools button svg{pointer-events:none}.elf--page-tools>.select{display:inline-block;width:50px;border-radius:5px;border:1px solid rgba(var(--elf--selected-color),.5)}.elf--layer-append-view{display:none;position:absolute;left:0;top:0;right:0;bottom:0;cursor:crosshair;background-color:transparent;pointer-events:all}.elf--layer-append-view .area{position:absolute;display:inline-block;pointer-events:none}.elf--layer-append-view .area .draw-item{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none}.elf--layer-append-view .area-rect{position:absolute;display:inline-block;transform:translate(5px,5px);background-color:var(--elf--selected-color);color:var(--elf--selected-font-color);padding:2px 4px;border-radius:4px}.elf--layer-append-view .area-pointer{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.elf--layer-append-view .area-pointer .layer-add-snap-pointer{stroke:var(--elf--selected-color);stroke-width:1}.elf--layer-append-view input[type=file]{display:none}.elf--path-draw-view{display:none;position:absolute;left:0;top:0;right:0;bottom:0;cursor:crosshair;background-color:transparent}.elf--path-draw-view .path-draw-container{position:absolute;left:0;top:0;right:0;bottom:0}.elf--path-editor-view{display:none;position:absolute;left:0;top:0;right:0;bottom:0;cursor:crosshair;background-color:transparent}.elf--path-editor-view .segment-box{pointer-events:none;position:absolute;border:.5px solid rgba(92,63,255,.9);background-color:rgba(158,136,255,.2);box-sizing:border-box;left:-10000px}.elf--path-editor-view .path-container{position:absolute;left:0;top:0;right:0;bottom:0}.elf--path-editor-view .path-container:not(.modify) path.object,.elf--path-editor-view .path-container:not(.segment-move) path.object{stroke:#848484}.elf--path-editor-view .path-container.split-panel{pointer-events:none}.elf--path-editor-view .path-container.has-transform{background-color:var(--elf--path-background-color)}.elf--path-editor-view .path-container.path{cursor:crosshair}.elf--path-editor-view .path-container.path svg path.object{pointer-events:stroke}.elf--path-editor-view .path-container.segment-move{cursor:move}.elf--path-editor-view .path-container.alt svg circle{cursor:move}.elf--path-editor-view .path-container.transform svg circle,.elf--path-editor-view .path-container.transform svg rect,.elf--path-editor-view .path-container.transform svg text,.elf--path-editor-view .path-container.transform svg line,.elf--path-editor-view .path-container.transform svg .snap-path{display:none}.elf--path-editor-view .path-container.modify,.elf--path-editor-view .path-container.segment-move{cursor:default}.elf--path-editor-view .path-container.modify svg path.object,.elf--path-editor-view .path-container.segment-move svg path.object{pointer-events:stroke}.elf--path-editor-view .path-container.box svg path.object{stroke:var(--elf--border-color)}.elf--path-editor-view .path-tool{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0}.elf--path-editor-view .path-tool .transform-manager{position:absolute;pointer-events:all;display:none}.elf--path-editor-view .path-tool .transform-manager[data-show=true]{display:inline-block}.elf--path-editor-view .path-tool .transform-manager[data-position="to rotate"]{box-shadow:none}.elf--path-editor-view .path-tool .transform-manager[data-position="to rotate"] .transform-tool-item:not([data-position="to rotate"]){display:none}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item{position:absolute;background-color:rgba(255,255,255,.5);box-shadow:0 0 0 1px #7b7b7b;display:inline-block;width:8px;height:8px;transform:translate(-50%,-50%)}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to rotate"]{left:50%;top:-20px;cursor:move;border-radius:100%;background-color:#fff}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to skewX"]{left:calc(50% - 20px);top:-20px;cursor:move;background-color:#fff;transform:skewX(10deg)}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to skewY"]{left:calc(50% + 20px);top:-20px;cursor:move;background-color:#fff;transform:skewY(10deg)}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to rotate"]{left:50%;top:-20px;cursor:move;border-radius:100%;background-color:#fff}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to move"]{left:0;top:0;right:0;bottom:0;width:auto;height:auto;background-color:transparent;cursor:move;transform:none;box-shadow:0 0 0 1px var(--elf--selected-color)}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top left"]{left:0;top:0;cursor:nwse-resize}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top right"]{left:100%;top:0;cursor:nesw-resize}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top"]{left:50%;top:0;cursor:ns-resize}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to left"]{left:0;top:50%;cursor:ew-resize}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to right"]{left:100%;top:50%;cursor:ew-resize}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom"]{left:50%;top:100%;cursor:ns-resize}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom left"]{left:0;top:100%;cursor:nesw-resize}.elf--path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize}.elf--path-editor-view svg{width:100%;height:100%}.elf--path-editor-view svg line{stroke-width:1}.elf--path-editor-view svg line[data-guide=true]{stroke:var(--elf--path-guide-color);pointer-events:none}.elf--path-editor-view svg line[data-distance=true]{stroke:var(--elf--selected-color);stroke-dasharray:2 2;pointer-events:none}.elf--path-editor-view svg circle{fill:#fff;stroke:var(--elf--path-guide-color);stroke-width:1;cursor:move}.elf--path-editor-view svg circle.curve{stroke:var(--elf--path-segment-stroke-color)}.elf--path-editor-view svg circle[data-is-first=true]{stroke:var(--elf--selected-color);z-index:1}.elf--path-editor-view svg circle[data-is-second=true]{stroke:var(--elf--selected-color);z-index:1}.elf--path-editor-view svg circle[data-is-last=true]{stroke:var(--elf--selected-color);z-index:1}.elf--path-editor-view svg circle[data-selected=true]{fill:var(--elf--selected-color);stroke:#fff;r:5;stroke-width:2}.elf--path-editor-view svg circle[data-segment-point=endPoint]:not([data-selected=true]),.elf--path-editor-view svg circle[data-segment-point=reversePoint]:not([data-selected=true]){r:4}.elf--path-editor-view svg circle.split-circle{fill:var(--elf--selected-color);stroke:#fff;pointer-events:none}.elf--path-editor-view svg .svg-canvas{fill:transparent;stroke:var(--elf--selected-border-color);stroke-width:1;pointer-events:none}.elf--path-editor-view svg path{fill:transparent}.elf--path-editor-view svg path.guide{fill:transparent;stroke:var(--elf--selected-color);stroke-width:1}.elf--path-editor-view svg path.segment{fill:transparent;stroke:var(--elf--selected-color);stroke-width:1}.elf--path-editor-view svg path.object{fill:transparent;stroke-width:1}.elf--path-editor-view svg path.split-path{fill:transparent;stroke:transparent;pointer-events:stroke;stroke-width:2}.elf--path-editor-view svg path.split-path:hover{cursor:copy;stroke:var(--elf--selected-color)}.elf--path-editor-view svg path.snap-path{fill:transparent;stroke:var(--elf--selected-color);stroke-width:1}.elf--path-editor-view svg text{fill:var(--elf--selected-color);stroke:var(--elf--selected-color);stroke-width:.5;pointer-events:none;display:none}.elf--hover-view{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0}.elf--hover-rect{pointer-events:none;position:absolute;left:0;right:0;top:0;bottom:0;box-sizing:border-box}.elf--hover-rect .line{position:absolute;left:0;top:0;stroke:var(--elf--selection-tool-border-color);fill:transparent;stroke-width:2}.elf--guide-line-view{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible;transform:translate(.5px,.5px)}.elf--guide-line-view path{stroke:var(--elf--selected-color)}.elf--guide-line-view path.arrow{stroke-width:1;fill:none}.elf--guide-line-view line{stroke-width:1}.elf--guide-line-view line.base-line{stroke:var(--elf--guide-line-color)}.elf--guide-line-view line.dash-line{stroke:var(--elf--guide-line-color);stroke-dasharray:2 2}.elf--guide-line-view line.base-rect{stroke:var(--elf--guide-line-rect-color)}.elf--guide-line-view text{font-size:13px;fill:var(--elf--guide-font-color);font-weight:400}.elf--guide-line-view text.text-center{text-anchor:middle}.elf--selection-info-view{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0}.elf--selection-info-view .artboard-title{position:absolute;display:inline-block;pointer-events:all;font-size:12px;color:var(--elf--page-view-element-artboard-title-color);transform:translateY(-100%)}.elf--drag-area-view{position:absolute;transform-origin:left top;left:0;top:0;width:100%;height:100%}.elf--drag-area-view .drag-area-rect{pointer-events:none;position:absolute;border:.5px solid var(--elf--drag-area-rect-border-color);background-color:var(--elf--drag-area-rect-background-color);box-sizing:border-box;left:-10000px}.elf--selection-view{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0}.elf--selection-view.editing-path,.elf--selection-view.editing-polygon{display:none!important}.elf--selection-view.empty>*{display:none}.elf--selection-view[data-has-shift=true] .pointer-rect .pointer{background-color:transparent}.elf--selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="11"],.elf--selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="12"],.elf--selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="13"],.elf--selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="14"]{display:none}.elf--selection-view.one-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="1"]{border-top-width:0;border-left-width:0}.elf--selection-view.one-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="2"]{border-right-width:0;border-top-width:0}.elf--selection-view.one-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="3"]{border-right-width:0;border-bottom-width:0}.elf--selection-view.one-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="4"]{border-left-width:0;border-bottom-width:0}.elf--selection-view.group-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="1"]{border-bottom-width:0;border-right-width:0}.elf--selection-view.group-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="2"]{border-left-width:0;border-bottom-width:0}.elf--selection-view.group-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="3"]{border-left-width:0;border-top-width:0}.elf--selection-view.group-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="4"]{border-right-width:0;border-top-width:0}.pointer-rect{pointer-events:none;position:absolute;left:0;right:0;top:0;bottom:0;box-sizing:border-box}.pointer-rect .pointer{display:inline-block;position:absolute;left:0;top:0;width:9px;height:9px;box-sizing:border-box;background-color:#fff;box-sizing:border-box;border:.5px solid var(--elf--selection-tool-border-color);pointer-events:all}.pointer-rect .pointer[data-number="5"]{border-radius:100%;background-color:var(--elf--selected-color);pointer-events:none;width:5px;height:5px;z-index:1000}.pointer-rect .size-pointer{display:inline-block;position:absolute;left:0;top:0;background-color:var(--elf--selected-color);color:var(--elf--selected-font-color);padding:2px 4px;border-radius:4px;font-size:12px}.pointer-rect .size-pointer[data-layout=grid]{background-color:red}.pointer-rect .size-pointer[data-layout=flex]{background-color:green}.pointer-rect .rotate-pointer{display:inline-block;position:absolute;left:0;top:0;width:14px;height:14px;box-sizing:border-box;background-color:#fff;box-sizing:border-box;border:1px solid orange;border-radius:100%;pointer-events:all;overflow:hidden}.pointer-rect .rotate-pointer:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background-color:orange}.pointer-rect .rotate-pointer.no-fill{width:14px;height:14px;background-color:transparent;border:none}.pointer-rect .rotate-pointer.no-fill::before{display:none}.pointer-rect .line{position:absolute;left:0;top:0;width:100%;height:100%;stroke:var(--elf--selection-tool-border-color);fill:transparent;stroke-width:2}.pointer-rect .line path{transform:translate(.5px,.5px)}.selection-tool{border:var(--elf--selection-tool-border-color).5px solid;position:absolute}.selection-tool.path .selection-tool-item[data-position=path],.selection-tool.textpath .selection-tool-item[data-position=path],.selection-tool.polygon .selection-tool-item[data-position=path]{top:-30px;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);background-color:rgba(255,255,255,.8);border:1px solid var(--elf--border-color);opacity:1}.selection-tool[data-is-layout-container=true][data-layout-container=flex]{border:2px solid #4fdc4f}.selection-tool[data-is-layout-container=true][data-layout-container=grid]{border:2px solid #e46363}.selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position=move],.selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top"],.selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top left"],.selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top right"],.selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom"],.selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom left"],.selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom right"],.selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to left"],.selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to right"]{display:none}.selection-tool .selection-tool-item{position:absolute;transform:translate(-50%,-50%);display:inline-block;width:8px;height:8px;background-color:var(--elf--selection-tool-border-color);border:1px solid var(--elf--selection-tool-border-color);pointer-events:all}.selection-tool .selection-tool-item:not([data-position=move]){box-sizing:border-box;background-color:#fff;border:1px solid var(--elf--selection-tool-border-color)}.selection-tool .selection-tool-item:before{opacity:0;content:attr(data-position-text);position:absolute;color:#fff;white-space:nowrap;text-align:center;background-color:rgba(51,51,51,.8);border-radius:3px;border:var(--elf--border-color);transition:opacity .3s linear;padding:4px 10px;font-size:12px;pointer-events:none}.selection-tool .selection-tool-item[data-position=move]{left:0;top:-2px;width:auto;height:20px;transform:translate(0%,-100%);cursor:move;background-color:var(--elf--selected-color);border:1px solid var(--elf--selected-color);box-sizing:border-box;display:inline-block;vertical-align:middle;padding-right:5px;overflow:hidden;color:var(--elf--selected-font-color)}.selection-tool .selection-tool-item[data-position=move]:before{left:0;top:0;transform:translate(-100%,calc(-100% - 5px))}.selection-tool .selection-tool-item[data-position=move] svg{width:15px;height:15px}.selection-tool .selection-tool-item[data-position=move] span{vertical-align:middle;color:var(--elf--selected-font-color);font-size:11px}.selection-tool .selection-tool-item[data-position=path]{left:0;top:0;width:20px;height:20px;cursor:move;transform:none;border-radius:0;background-color:transparent;border:0;opacity:0}.selection-tool .selection-tool-item[data-position=path]:before{left:50%;top:50%;transform:translate(-50%,-50%)}.selection-tool .selection-tool-item[data-position=path] svg{width:100%;height:100%}.selection-tool .selection-tool-item[data-position="to top"]{left:0;top:-2px;right:0;height:2px;width:auto;transform:none;background-color:transparent;border:0;cursor:ns-resize}.selection-tool .selection-tool-item[data-position="to bottom"]{left:0;bottom:-2px;right:0;height:2px;width:auto;transform:none;background-color:transparent;border:0;cursor:ns-resize}.selection-tool .selection-tool-item[data-position="to right"]{bottom:0;right:-2px;top:0;height:auto;width:2px;transform:none;background-color:transparent;border:0;cursor:ew-resize}.selection-tool .selection-tool-item[data-position="to left"]{bottom:0;left:-2px;top:0;height:auto;width:2px;transform:none;background-color:transparent;border:0;cursor:ew-resize}.selection-tool .selection-tool-item[data-position="to top left"]{left:0;top:0;cursor:nwse-resize;transform:translate(-50%,-50%)}.selection-tool .selection-tool-item[data-position="to top right"]{left:100%;top:0;cursor:nesw-resize;transform:translate(-50%,-50%)}.selection-tool .selection-tool-item[data-position="to bottom left"]{left:0;top:100%;cursor:nesw-resize;transform:translate(-50%,-50%)}.selection-tool .selection-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize;transform:translate(-50%,-50%)}.elf--page-container{position:absolute;top:var(--elf--editor-ruler-size);left:var(--elf--editor-ruler-size);right:0;bottom:0;pointer-events:all;outline:none;background-color:#fff;touch-action:pinch-zoom;z-index:1}.page-view{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--elf--canvas-background-color)}.page-view .page-lock{position:absolute;left:0;right:0;bottom:0;top:0;overflow:hidden}.elf--window-background{position:absolute;display:none;left:0;top:0;bottom:0;z-index:10000;right:0;background-color:var(--elf--window-background-color)}.elf--window-background .window{position:absolute;width:200px;height:200px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1000;background-color:var(--elf--background-color);border:1px solid var(--elf--border-color);box-shadow:0 0 1px 0 var(--elf--border-color);padding:14px;color:var(--elf--font-color)}.elf--window-background .window .window-title{position:absolute;left:0;top:0;right:0;height:40px;font-size:15px;font-weight:700;padding:10px;border-bottom:1px solid var(--elf--border-color);margin-bottom:10px;display:flex;pointer-events:all}.elf--window-background .window .window-title>*{flex:auto}.elf--window-background .window .window-title .tools{text-align:right}.elf--window-background .window .window-title label{cursor:move}.elf--window-background .window .window-body{position:absolute;left:0;bottom:0;right:0;top:40px}.elf--export-window{width:80%!important;height:80%!important}.elf--export-window pre{margin:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.elf--shortcut-window{width:600px!important;height:80%!important}.elf--shortcut-window .window-body{overflow:auto}.elf--shortcut-window .list{padding:10px 20px}.elf--shortcut-window .list .item h2{padding-left:10px}.elf--shortcut-window .list .item .shortcut-view-item{display:grid;grid-template-columns:1fr 200px;margin-bottom:2px}.elf--shortcut-window .list .item .shortcut-view-item>*{position:relative;border-bottom:1px solid var(--elf--border-color);padding:5px 10px;border-right:0}.elf--shortcut-window .list .item .shortcut-view-item .title{padding:10px}.elf--shortcut-window .list .item .shortcut-view-item .title .description{font-size:11px;color:var(--elf--font-color);opacity:.5}.elf--shortcut-window .list .item .shortcut-view-item .os-item{text-align:right}.elf--shortcut-window .list .item .shortcut-view-item .os-item span{border:1px solid var(--elf--font-color);padding:4px 6px;display:inline-block;box-sizing:border-box;margin:0 2px}.elf--project-window{width:100%!important;height:100%!important;background-color:var(--elf--background-color)}.elf--project-window .project-container{width:100%;height:100%;position:relative;display:grid;grid-template-columns:300px 1fr;grid-column-gap:2px}.elf--project-window .project-container .project-menu{height:100%;padding:20px;box-sizing:border-box;position:relative;overflow:auto}.elf--project-window .project-container .project-list{height:100%;overflow:auto;box-sizing:border-box;background-color:var(--elf--window-background-color)}.elf--notification-view{display:inline-block;position:absolute;right:10px;top:10px;z-index:10000}.elf--notification-view .item{position:relative;min-width:300px;border-radius:4px;color:#fff;margin-bottom:10px;padding:10px 20px;opacity:1;transition:opacity 10s linear}.elf--notification-view .item .description{padding-top:10px}.elf--notification-view .item .icon{position:absolute;right:10px;top:10px;display:inline-block}.elf--notification-view .item .icon svg path{fill:currentColor}.elf--notification-view .item.alert{background-color:rgba(228,80,80,.87)}.elf--notification-view .item.alert .title{font-weight:700;color:#fff}.elf--notification-view .item.alert .description{color:#fff}.elf--status-bar{position:absolute;bottom:0;left:0;right:0;height:30px;background-color:var(--elf--status-bar-background-color);z-index:1000;pointer-events:all;display:grid;grid-template-columns:40px auto auto;color:var(--elf--status-bar-font-color)}.elf--status-bar .message-view{padding:5px}.elf--status-bar .tool-view{text-align:right;padding:5px;text-align:right}.elf--status-bar .tool-view.left{text-align:left}.elf--status-bar .tool-view>div{display:inline-block;background-color:var(--elf--status-bar-item-background-color);border-radius:3px;min-width:50px}.elf--status-bar .version-view{background-color:transparent!important;text-align:center}.elf--status-bar .status-selector{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.elf--status-bar .status-selector>label{display:inline-block;color:var(--elf--selected-font-color)}.elf--status-bar .status-selector>.item{display:inline-block}.elf--status-bar .status-selector>.item .elf--select-editor{height:100%;width:50px;background-color:var(--elf--background-color);color:var(--elf--font-color)}.elf--draw-manager{display:none;pointer-events:all;outline:none;border-top:0;color:var(--elf--font-color);background-color:var(--elf--background-color);height:100%;padding:5px;text-align:center}.elf--draw-manager .text{display:inline-block}.elf--draw-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.elf--draw-manager .tools{height:100%;display:inline-block}.elf--draw-manager .tools>div{display:inline-block;margin-left:10px;height:100%;vertical-align:middle;padding:5px 0}.elf--draw-manager .tools>div>*{display:inline-block;width:auto}.elf--draw-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px}.elf--draw-manager .tools>div .number-input-editor{display:inline-block}.elf--draw-manager .tools>div .number-input-editor .range--editor-type{display:inline-block}.elf--draw-manager .tools>div .number-input-editor .range--editor-type input[type=number]{background-color:var(--elf--border-color)}.elf--draw-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid var(--elf--selected-color);overflow:hidden}.elf--draw-manager>*{vertical-align:middle}.elf--path-manager{display:none;pointer-events:all;outline:none;border-top:0;color:var(--elf--font-color);background-color:var(--elf--background-color);height:100%;padding:7px 0;overflow:hidden;white-space:nowrap;text-align:center}.elf--path-manager .text{display:inline-block}.elf--path-manager .split{display:inline-block;height:20px;vertical-align:middle;width:3px;margin-right:2px;border-right:1px solid rgba(255,255,255,.3)}.elf--path-manager .tools{height:100%;display:inline-block}.elf--path-manager .tools[data-selected-value=modify] button[data-value=modify]{color:var(--elf--selected-color)}.elf--path-manager .tools[data-selected-value=path] button[data-value=path]{color:var(--elf--selected-color)}.elf--path-manager .tools[data-selected-value=draw] button[data-value=draw]{color:var(--elf--selected-color)}.elf--path-manager .tools[data-selected-value=transform] button[data-value=transform]{color:var(--elf--selected-color)}.elf--path-manager .tools button{font-size:13px;margin:0 2px;text-decoration:underline;width:auto;height:auto;vertical-align:middle;white-space:nowrap;display:inline-block;box-sizing:border-box;width:34px;height:34px}.elf--path-manager .tools button[data-value=flipY]{transform:rotate(90deg)}.elf--path-manager .tools button[data-value=flip]{transform:rotate(45deg)}.elf--path-manager .tools button svg{width:20px;height:20px}.elf--path-manager .tools button svg path{stroke-width:1;stroke:var(--elf--background-color)}.elf--path-manager .tools>div{display:inline-block;height:100%;vertical-align:middle;padding:5px 0}.elf--path-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px;width:auto}.elf--path-manager .tools>div .number-input-editor{display:inline-block}.elf--path-manager .tools>div .number-input-editor .range--editor-type{display:inline-block}.elf--path-manager .tools>div .number-input-editor .range--editor-type input[type=number]{background-color:var(--elf--border-color)}.elf--path-manager .tools>div .fill-single-editor{display:inline-block;vertical-align:middle;font-size:16px}.elf--path-manager .tools>div .fill-single-editor label{font-size:13px!important;vertical-align:middle}.elf--path-manager .tools>div .fill-single-editor .preview{width:18px;height:18px;border:1px solid var(--elf--selected-color);overflow:hidden}.elf--path-manager>*{vertical-align:middle}.elf--page-subeditor{position:absolute;left:0;top:0;right:0;bottom:0;font-size:12px;pointer-events:none}.elf--tool-menu{color:var(--elf--selected-font-color);padding:8px 0}.elf--tool-menu.center{text-align:center}.elf--tool-menu .items{height:100%;width:100%;padding:0;display:inline-block}.elf--tool-menu .items .empty{width:100%;height:48px}.elf--tool-menu .items .draw-items[data-selected-value=svg] [data-item=css]{display:none}.elf--tool-menu .items .draw-items[data-selected-value=svg] [data-item=svg] .divider{display:none}.elf--tool-menu .items .draw-items[data-selected-value=css] [data-item=svg]{display:none}.elf--tool-menu .items .draw-items>*{display:inline-block}.elf--tool-menu .items .draw-items .sub-title{width:1px;margin-top:-5px!important;height:1px;padding:0;display:inline-block;vertical-align:top}.elf--tool-menu .items .draw-items .divider{border:0;border-right:1px solid var(--elf--divider-color);height:20px;vertical-align:middle;display:inline-block}.elf--tool-menu .items .draw-items .elf--menu-item{text-align:center;color:var(--elf--font-color);width:48px;height:48px;background-color:transparent;background-image:none;border:0;box-shadow:none;display:inline-block;position:relative}.elf--tool-menu .items .draw-items .elf--menu-item.selected .icon{color:var(--elf--selected-color)}.elf--tool-menu .items .draw-items .elf--menu-item.selected .title{color:var(--elf--selected-color)}.elf--tool-menu .items .draw-items .elf--menu-item[data-no-title=true]{height:30px}.elf--tool-menu .items .draw-items .elf--menu-item[data-no-title=true] .title{display:none}.elf--tool-menu .items .draw-items .elf--menu-item.cylinder .icon{padding-top:4px}.elf--tool-menu .items .draw-items .elf--menu-item.cylinder .icon svg{width:24px;height:24px}.elf--tool-menu .items .draw-items .elf--menu-item.cylinder .icon svg path{stroke-width:0}.elf--tool-menu .items .draw-items .elf--menu-item .icon{display:inline-block;border-radius:3px;transition:all .2s ease-in-out}.elf--tool-menu .items.flex-2{flex:5}.elf--tool-menu .items.left{flex:none;width:300px;text-align:left}.elf--tool-menu .items form{display:inline-block;vertical-align:middle}.elf--tool-menu .items .elf--menu-item[data-no-title=true] .title,.elf--tool-menu .items .elf--menu-item[data-tooltip] .title{display:none}.elf--tool-menu .items button{width:40px;height:40px;background-color:transparent;background-image:none;border:0;box-shadow:none;display:inline-block;color:var(--elf--selected-font-color)}.elf--tool-menu .items button[checked=checked] .icon{background-color:rgba(255,255,255,.1);color:var(--elf--selected-font-color)}.elf--tool-menu .items .title{font-size:10px;color:var(--elf--menu-item-title-font-color)}.elf--tool-menu .items .icon{margin:0 auto;width:20px;height:20px;color:var(--elf--font-color)}.elf--tool-menu .items .icon svg{width:100%;height:100%}.elf--tool-menu .items .icon.export,.elf--tool-menu .items .icon.codepen,.elf--tool-menu .items .icon.github{background-color:transparent;padding-right:2px;border-radius:3px}.elf--tool-menu .items .icon.export:before,.elf--tool-menu .items .icon.codepen:before,.elf--tool-menu .items .icon.github:before{display:inline-block;font-size:20px;font-weight:700;vertical-align:middle;line-height:24px}.elf--tool-menu .items .icon.codepen:before{content:"C"}.elf--tool-menu .items .icon.github:before{content:"G"}.elf--tool-bar{display:grid;grid-template-columns:60px 200px 1fr 200px}.elf--tool-bar>div{text-align:center;padding:0 10px;position:relative;height:calc(100% - 3px)}.elf--tool-bar>div>div{position:absolute;top:50%;width:100%;transform:translateY(-50%)}.elf--tool-bar>.logo-item{padding:9px 14px;box-sizing:border-box;text-align:left}.elf--tool-bar>.left{text-align:left;padding-left:0;padding-right:0}.elf--tool-bar>.left .elf--menu-item{width:30px!important}.elf--tool-bar>.center>div{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translateX(-50%)translateY(-50%)}.elf--tool-bar>.center>div .elf--menu-item{width:34px!important}.elf--tool-bar>.right{text-align:right;padding-left:0;padding-right:20px}.elf--tool-bar>.right>div{right:10px}.elf--tool-bar>.right .elf--menu-item{width:30px!important}.elf--property{border-bottom:1px solid var(--elf--property-border-color);display:none;box-shadow:0 0 2px rgba(255,255,255,.1%);margin:4px auto}.elf--property:first-child{border-top:0}.elf--property .group{position:relative}.elf--property .group .add-timeline-property{left:0}.elf--property .add-timeline-property{position:absolute;left:10px;top:50%;display:none;vertical-align:middle;width:7px;height:7px;box-shadow:0 0 0 1px var(--elf--border-color);background-color:var(--elf--timeline-property-add-background-color);cursor:pointer;transform:translateY(-50%)rotate(45deg)}.elf--property .add-timeline-property:hover{box-shadow:0 0 0 1px var(--elf--selected-color);background-color:var(--elf--selected-color)}.elf--property.full{height:100%;display:flex;flex-direction:column}.elf--property.full.show{height:100%}.elf--property.full .property-title{flex:none;height:30px}.elf--property.full .property-body{flex:auto;overflow:auto;position:relative;padding-left:0;padding-right:0}.elf--property.show{display:block}.elf--property.show>.property-title>label .icon{transform:rotate(90deg);display:inline-block}.elf--property.show>.property-body{display:block}.elf--property>.property-title{padding:5px 10px;line-height:2;cursor:pointer;position:relative;font-size:11px;font-weight:400;display:grid;grid-template-columns:1fr 100px;cursor:pointer;color:var(--elf--font-color)}.elf--property>.property-title.filter{grid-template-columns:1fr 110px}.elf--property>.property-title svg{width:16px;height:16px}.elf--property>.property-title label{padding-left:2px;vertical-align:middle;cursor:pointer;line-height:2.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-weight:700;letter-spacing:1px}.elf--property>.property-title label .icon{display:inline-block;transition:all linear .1s}.elf--property>.property-title label.has-keyframe{padding-left:12px;padding-left:0}.elf--property>.property-title>.tools{text-align:right;vertical-align:middle;line-height:2.3}.elf--property>.property-title>.tools>*{flex:none}.elf--property>.property-title>.tools select{min-width:80px;max-width:80px;background-color:var(--elf--input-background-color)}.elf--property>.property-body{display:none;padding:10px;padding-top:0;position:relative}.elf--property>.property-body.no-padding{padding:0!important}.elf--property>.property-body .property-item{font-size:11px;padding:3px 0}.elf--property>.property-body .property-item:first-child{padding-top:0}.elf--property>.property-body .property-item:not(.has-label){background-color:rgba(255,255,255,.1%)}.elf--property>.property-body .property-item.animation-property-item{display:grid;grid-template-columns:1fr}.elf--property>.property-body .property-item.animation-property-item.has-label{grid-template-columns:80px 1fr}.elf--property>.property-body .property-item.animation-property-item.has-label .group{padding-left:12px;padding-top:5px;vertical-align:middle}.elf--property>.property-body .property-item.animation-property-item.full{display:block}.elf--property>.property-body .property-item.animation-property-item.full .group{padding-left:14px;vertical-align:middle}.elf--property>.property-body .property-item>label.label{padding:5px;box-sizing:border-box;border-radius:4px;display:block;background-color:var(--elf--selected-color-2);color:var(--elf--selected-font-color)}.elf--property>.property-footer{padding:0 6px;font-size:12px}.elf--property>.property-footer>div{margin-bottom:5px}.elf--property>.property-footer label{width:60px;display:inline-block;cursor:pointer;padding-left:2px;padding-right:5px;vertical-align:middle}.elf--alignment-item{display:grid;grid-template-columns:repeat(8,1fr);grid-column-gap:2px;height:24px;padding-top:8px}.elf--alignment-item button{width:20px;height:10px;background-color:transparent;background-image:none;border:0;box-shadow:none}.elf--alignment-item button[data-no-title=true] .title{display:none}.elf--alignment-item .title{font-size:9px;color:#999}.elf--alignment-item .icon{margin:0 auto;width:16px;height:16px;color:var(--elf--selected-color)!important}.elf--alignment-item .icon svg{width:100%;height:100%}.elf--animation-list{grid-template-columns:1fr!important}.elf--animation-list .animation-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0;text-align:center}.elf--animation-list .animation-item.selected{background-color:var(--elf--border-color)}.elf--animation-list .animation-item .name{padding:2px 0;text-align:left;vertical-align:middle}.elf--animation-list .animation-item .timing{border-radius:3px;background-color:var(--elf--animation-item-background-color);width:100%;height:30px;vertical-align:middle;cursor:pointer;margin-top:3px}.elf--animation-list .animation-item .timing canvas{border-radius:3px}.elf--animation-list .animation-item .labels label{background-color:var(--elf--border-color);padding:1px 2px;border-radius:2px;color:var(--elf--border-color);text-transform:uppercase;font-weight:700}.elf--animation-list .animation-item .labels label small{color:var(--elf--font-color);text-transform:lowercase}.elf--animation-list .animation-item .labels label.play-state{background-color:transparent;cursor:pointer}.elf--animation-list .animation-item .labels label.play-state [data-play-state-value]{vertical-align:middle;display:none;color:var(--elf--font-color)}.elf--animation-list .animation-item .labels label.play-state [data-play-state-value] svg{width:16px;height:16px}.elf--animation-list .animation-item .labels label.play-state [data-play-state-value=pause]{color:red}.elf--animation-list .animation-item .labels label.play-state[data-play-state-selected-value=paused] [data-play-state-value=paused]{display:inline-block}.elf--animation-list .animation-item .labels label.play-state[data-play-state-selected-value=running] [data-play-state-value=running]{display:inline-block}.elf--animation-list .animation-item .tools{vertical-align:middle;text-align:right}.elf--popup{position:absolute;display:none;z-index:1000;background-color:var(--elf--popup-background-color);border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.5);color:var(--elf--font-color)}.elf--popup.compact .popup-body{padding:0;padding-bottom:5px}.elf--popup .popup-title{font-size:12px;font-weight:700;padding:10px;display:flex;pointer-events:all;border-bottom:1px solid var(--elf--border-color)}.elf--popup .popup-title>*{flex:auto}.elf--popup .popup-title .tools{text-align:right}.elf--popup .popup-title label{cursor:move}.elf--popup .popup-body{padding:8px 12px}.elf--popup .popup-body .popup-item{margin-bottom:5px;padding:2px 0}.elf--popup.background-property-popup{width:224px}.elf--popup.background-property-popup .popup-body{padding:5px}.elf--popup.background-property-popup .popup-body .popup-item{margin-bottom:2px}.elf--popup.background-property-popup .size-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;padding:2px 5px;cursor:pointer;outline:none;width:50px;background-color:var(--elf--border-color)}.elf--popup.background-property-popup .size-list[data-value=contain] button[value=contain],.elf--popup.background-property-popup .size-list[data-value=cover] button[value=cover],.elf--popup.background-property-popup .size-list[data-value=auto] button[value=auto]{background-color:var(--elf--border-color);font-weight:700}.elf--popup.background-property-popup .popup-item.grid-2{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px}.elf--popup.background-property-popup .repeat-list button{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--elf--border-color);background-color:#fff;outline:none;cursor:pointer}.elf--popup.background-property-popup .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right,rgba(0,0,255,.5),black);background-position:50%;background-size:8px 8px;background-repeat:no-repeat}.elf--popup.background-property-popup .repeat-list button[value=repeat]{background-image:linear-gradient(to top right,rgba(0,0,255,.5),black);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.elf--popup.background-property-popup .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right,rgba(0,0,255,.5),black);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.elf--popup.background-property-popup .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right,rgba(0,0,255,.5),black);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.elf--popup.background-property-popup .repeat-list button[value=space]{background-image:linear-gradient(to top right,rgba(0,0,255,.5),black);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.elf--popup.background-property-popup .repeat-list button[value=round]{background-image:linear-gradient(to top right,rgba(0,0,255,.5),black);background-position:0 0;background-size:8px 8px;background-repeat:round}.elf--popup.background-property-popup .repeat-list[data-value=repeat] button[value=repeat],.elf--popup.background-property-popup .repeat-list[data-value=no-repeat] button[value=no-repeat],.elf--popup.background-property-popup .repeat-list[data-value=repeat-x] button[value=repeat-x],.elf--popup.background-property-popup .repeat-list[data-value=repeat-y] button[value=repeat-y],.elf--popup.background-property-popup .repeat-list[data-value=space] button[value=space],.elf--popup.background-property-popup .repeat-list[data-value=round] button[value=round]{background-color:var(--elf--border-color);box-shadow:0 0 1px 1px #000}.elf--popup.background-property-popup .blend-list{padding:2px 0}.elf--popup.background-property-popup .blend-list select.full-size{width:100px}.elf--popup .popup-resizer{position:absolute;width:10px;height:10px;right:0;bottom:0;background-color:gray;cursor:se-resize}.elf--animation-property-popup{width:220px}.elf--animation-property-popup .box>div{margin-bottom:5px}.elf--animation-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.elf--animation-property-popup .box .name{display:grid;grid-template-columns:60px 1fr}.elf--animation-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.elf--animation-property-popup .box .input.grid-1{grid-template-columns:1fr}.elf--animation-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.elf--artboard-size-list .property-body{padding:0!important}.elf--artboard-size-list .artboard-size-item{border-top:1px solid var(--elf--border-color)}.elf--artboard-size-list .category{height:26px;border-bottom:1px solid var(--elf--border-color);line-height:2}.elf--artboard-size-list .category .title{color:var(--elf--font-color);pointer-events:none;padding:0 10px}.elf--artboard-size-list .group-item{background-color:var(--elf--border-color);height:24px;border-bottom:1px solid var(--elf--border-color);line-height:1.8}.elf--artboard-size-list .group-item .title{color:var(--elf--font-color);pointer-events:none;text-transform:uppercase;padding:0 10px}.elf--artboard-size-list .device-item{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;font-size:12px;cursor:pointer;height:26px;border-bottom:1px solid var(--elf--border-color);line-height:2.3}.elf--artboard-size-list .device-item .title{color:var(--elf--font-color);pointer-events:none;padding-left:20px}.elf--artboard-size-list .device-item .size{pointer-events:none;text-align:right;padding-right:10px;letter-spacing:2px;color:#bdbdbd}.elf--background-image-editor{padding:5px 10px;padding-top:0}.elf--background-image-editor .label{height:20px;margin-top:2px}.elf--background-image-editor .label.hide{display:none}.elf--background-image-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.elf--background-image-editor .tools{vertical-align:middle;text-align:right;float:right}.elf--background-image-editor .fill-list{display:grid;grid-template-columns:1fr;font-size:12px}.elf--background-image-editor .fill-list .fill-item{display:grid;grid-template-columns:24px 24px 1fr;grid-column-gap:5px;text-align:center;padding:6px 0}.elf--background-image-editor .fill-list .fill-item.selected{background-color:var(--elf--border-color)}.elf--background-image-editor .fill-list .fill-item .gradient-info{display:grid;grid-template-columns:60px 1fr 20px;color:var(--elf--font-color)}.elf--background-image-editor .fill-list .fill-item .gradient-info svg path{fill:currentColor}.elf--background-image-editor .fill-list .fill-item .gradient-info .tools{text-align:right}.elf--background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorcode,.elf--background-image-editor .fill-list .fill-item[data-fill-type=gradient] .opacity{display:none}.elf--background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorsteps{display:block}.elf--background-image-editor .fill-list .fill-item .pattern{background-color:var(--elf--border-color);border-radius:3px}.elf--background-image-editor .fill-list .fill-item .preview{display:grid;cursor:pointer}.elf--background-image-editor .fill-list .fill-item .preview .mini-view{display:block;height:24px;pointer-events:none;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0}.elf--background-image-editor .fill-list .fill-item .preview .mini-view .color-view{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:3px}.elf--background-image-editor .fill-list .fill-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0}.elf--background-image-editor .fill-list .fill-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.elf--background-image-editor .fill-list .fill-item .colorcode input{width:100%}.elf--background-image-editor .fill-list .fill-item .colorsteps{display:none;text-align:left;height:100%;padding-top:6px}.elf--background-image-editor .fill-list .fill-item .colorsteps .step{border:1px solid var(--elf--selected-color);display:inline-block;margin-left:-6px;width:12px;height:12px;border-radius:100%;cursor:pointer;position:relative;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0}.elf--background-image-editor .fill-list .fill-item .colorsteps .step .color-view{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none}.elf--background-image-editor .fill-list .fill-item .colorsteps .step[data-cut=true]{border-radius:0%}.elf--background-image-editor .fill-list .fill-item .colorsteps .step:first-child{margin-left:0}.elf--background-image-editor .fill-list .fill-item .colorsteps .step[data-selected=true]:before{content:"";position:absolute;width:3px;height:3px;display:inline-block;left:50%;transform:translateX(-50%)translateY(-5px);border-radius:100%;background-color:#000}.elf--background-image-position-picker{width:260px!important}.elf--background-image-position-picker .popup-item{margin-bottom:5px}.elf--background-image-position-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.elf--background-image-position-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.elf--background-image-position-picker label{font-size:11px}.elf--background-image-position-picker .repeat-list button{width:24px;height:24px}.elf--background-image-position-picker .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right,var(--elf--selected-color),white);background-position:50%;background-size:8px 8px;background-repeat:no-repeat}.elf--background-image-position-picker .repeat-list button[value=repeat]{background-image:linear-gradient(to top right,var(--elf--selected-color),white);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.elf--background-image-position-picker .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right,var(--elf--selected-color),white);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.elf--background-image-position-picker .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right,var(--elf--selected-color),white);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.elf--background-image-position-picker .repeat-list button[value=space]{background-image:linear-gradient(to top right,var(--elf--selected-color),white);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.elf--background-image-position-picker .repeat-list button[value=round]{background-image:linear-gradient(to top right,var(--elf--selected-color),white);background-position:0 0;background-size:8px 8px;background-repeat:round}.elf--background-image-position-picker .repeat-list[data-value=repeat] button[value=repeat],.elf--background-image-position-picker .repeat-list[data-value=no-repeat] button[value=no-repeat],.elf--background-image-position-picker .repeat-list[data-value=repeat-x] button[value=repeat-x],.elf--background-image-position-picker .repeat-list[data-value=repeat-y] button[value=repeat-y],.elf--background-image-position-picker .repeat-list[data-value=space] button[value=space],.elf--background-image-position-picker .repeat-list[data-value=round] button[value=round]{background-color:var(--elf--selected-color);box-shadow:0 0 2px 2px var(--elf--selected-color)}.elf--background-position-editor{height:19px;text-align:center;width:100%}.elf--background-position-editor .preview{height:100%}.elf--background-position-editor .preview .mini-view{height:100%}.elf--background-position-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.elf--border-editor .header{display:grid;grid-template-columns:repeat(3,1fr)24px;grid-column-gap:4px;text-align:center;font-size:10px;text-transform:uppercase}.elf--border-editor>.editor-area{padding:5px 0}.elf--border-editor>.editor-area>div{margin-top:5px}.elf--border-editor>.editor-area>div:first-child{margin-top:0}.elf--border-editor>.editor-area>div>label{padding:2px 0;text-transform:uppercase;font-weight:700;text-shadow:0 0 2px var(--elf--border-color)}.elf--border-editor .input-group{display:grid;grid-template-rows:repeat(3,1fr)}.elf--border-editor .input-field{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:4px;vertical-align:middle}.elf--border-editor .input-field input{width:100%;vertical-align:middle}.elf--border-editor .input-field .input-ui{vertical-align:middle}.elf--border-value-editor{display:grid;grid-template-columns:2fr 1fr 24px;grid-column-gap:4px}.elf--border-value-editor label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0;font-size:11px}.elf--border-radius-editor .border-radius-item{display:grid;grid-template-columns:80px 1fr}.elf--border-radius-editor .border-radius-item.full{grid-template-columns:1fr}.elf--border-radius-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.elf--border-radius-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:var(--elf--border-radius-selected-color);color:var(--elf--selected-font-color)}.elf--border-radius-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:var(--elf--border-radius-selected-color);color:var(--elf--selected-font-color)}.elf--border-radius-editor .radius-selector button{margin:2px;width:20px;height:20px;border-radius:3px}.elf--border-radius-editor .radius-setting-box>div{margin-bottom:5px}.elf--box-model-item{grid-template-columns:1fr!important}.elf--box-model-item>div{position:relative;width:100%;height:150px}.elf--box-model-item>div .margin{position:absolute;left:5px;top:5px;right:5px;bottom:5px;padding:10px;border:1px dashed #aaa}.elf--box-model-item>div .margin:before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.elf--box-model-item>div .margin input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.elf--box-model-item>div .margin [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.elf--box-model-item>div .margin [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.elf--box-model-item>div .margin [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.elf--box-model-item>div .margin [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.elf--box-model-item>div .padding{position:absolute;left:40px;top:30px;right:40px;bottom:30px;padding:20px 30px;border:1px dashed #aaa}.elf--box-model-item>div .padding::before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.elf--box-model-item>div .padding input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.elf--box-model-item>div .padding [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.elf--box-model-item>div .padding [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.elf--box-model-item>div .padding [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.elf--box-model-item>div .padding [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.elf--box-model-item>div .content{position:absolute;left:75px;top:54px;right:75px;bottom:54px;padding:10px 0;border:1px dashed #aaa}.elf--box-model-item>div .content:before{content:attr(title);padding:5px 0;text-align:center;display:block}.elf--box-shadow-editor{grid-template-columns:1fr!important}.elf--box-shadow-editor .label{height:20px;margin-top:2px}.elf--box-shadow-editor .label.hide{display:none}.elf--box-shadow-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.elf--box-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.elf--box-shadow-editor .tools select{width:100px!important;display:inline-block}.elf--box-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 20px 1fr 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px;font-size:12px}.elf--box-shadow-editor .shadow-item:last-child{margin-bottom:5px}.elf--box-shadow-editor .shadow-item.desc{color:var(--elf--font-color)}.elf--box-shadow-editor .shadow-item.desc .color{visibility:hidden}.elf--box-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid var(--elf--border-color);position:relative;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0}.elf--box-shadow-editor .shadow-item .color .color-view{position:absolute;left:0;top:0;right:0;bottom:0}.elf--box-shadow-editor .shadow-item .inset{color:var(--elf--border-color)}.elf--box-shadow-editor .shadow-item .inset svg{width:16px;height:16px}.elf--box-shadow-editor .shadow-item .inset svg path{fill:currentColor}.elf--box-shadow-editor .shadow-item .inset[data-value=true]{color:var(--elf--selected-color)}.elf--box-shadow-editor .shadow-item .offset-x,.elf--box-shadow-editor .shadow-item .offset-y,.elf--box-shadow-editor .shadow-item .blur-radius,.elf--box-shadow-editor .shadow-item .spread-radius,.elf--box-shadow-editor .shadow-item .inset{padding:4px 0}.elf--box-shadow-property-popup{width:200px}.elf--box-shadow-property-popup .box label{font-size:11px}.elf--box-shadow-property-popup .box .popup-item{margin-top:5px}.elf--box-shadow-property-popup .box .type{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px;margin-bottom:2px}.elf--box-shadow-property-popup .box .type .select{display:grid;grid-template-columns:repeat(2,1fr);height:20px}.elf--box-shadow-property-popup .box .type .select[data-selected-value=inset] button[data-value=inset]{box-shadow:inset 0 0 3px 0 var(--elf--selected-color)!important;background-color:var(--elf--selected-color)!important;color:var(--elf--selected-font-color)!important}.elf--box-shadow-property-popup .box .type .select[data-selected-value=outset] button[data-value=outset]{box-shadow:inset 0 0 3px 0 var(--elf--selected-color)!important;background-color:var(--elf--selected-color)!important;color:var(--elf--selected-font-color)!important}.elf--box-shadow-property-popup .box .type .select button{width:100%;background-image:none;border-radius:0}.elf--box-shadow-property-popup .box label{font-size:11px}.elf--box-shadow-property-popup .box .drag-board{border:1px solid var(--elf--border-color);margin-bottom:2px;height:204px;position:relative;background-image:linear-gradient(to right,var(--elf--border-color),var(--elf--border-color)),linear-gradient(to right,var(--elf--border-color),var(--elf--border-color));background-size:100% 1px,1px 100%;background-position:0,50% 0;background-repeat:no-repeat}.elf--box-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;transform:translateX(calc(101px - 5px))translateY(calc(101px - 5px));background-color:var(--elf--selected-color);border-radius:100%}.elf--box-shadow-property-popup .box .offset-x,.elf--box-shadow-property-popup .box .offset-y,.elf--box-shadow-property-popup .box .blur-radius,.elf--box-shadow-property-popup .box .spread-radius{margin-bottom:2px}.elf--clippath-popup{width:220px;height:auto}.elf--clippath-popup .box>.clip-path-editor.clip-path-type{margin-bottom:5px}.elf--clippath-popup .box>.clip-path-editor .range--editor{margin-bottom:5px}.elf--clippath-popup .box>.clip-path-editor .round-area{margin-top:5px}.elf--clippath-popup .box>.clip-path-editor .clip-area-handle{display:inline-block;position:absolute;z-index:1}.elf--clippath-popup .box>.clip-path-editor .clip-area{display:inline-block;position:absolute;background-color:var(--elf--selected-color);z-index:0}.elf--clippath-popup .box>.clip-path-editor .clip-area.inset{top:0;left:0;right:0;bottom:0}.elf--clippath-popup .box>.clip-path-editor .clip-area.polygon{top:0;left:0;width:100%;height:220px;pointer-events:none;z-index:1}.elf--clippath-popup .box>.clip-path-editor .clip-area.circle{top:0;left:0;width:100%;height:220px;pointer-events:none;z-index:1}.elf--clippath-popup .box>.clip-path-editor .pointer-input .pointer-item{margin-top:5px;display:grid;grid-template-columns:1fr 1fr .5fr;grid-column-gap:2px}.elf--clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item{display:grid;grid-template-columns:20px 1fr 20px;grid-column-gap:2px}.elf--clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item label{text-align:right;padding-right:2px;vertical-align:middle}.elf--clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item input,.elf--clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item span{vertical-align:middle}.elf--clippath-popup .box>.clip-path-editor .drag-area{height:220px;position:relative;box-shadow:0 0 0 1px var(--elf--border-color)}.elf--clippath-popup .box>.clip-path-editor .drag-area .pointer-list{top:0;left:0;width:100%;height:100%;display:inline-block;position:absolute;z-index:3;pointer-events:none}.elf--clippath-popup .box>.clip-path-editor .drag-area .drag-pointer{z-index:2;position:absolute;transform:translateX(-50%)translateY(-50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:blue;pointer-events:all}.elf--clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=top],.elf--clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.first{background-color:red}.elf--clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=right],.elf--clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.last:not(.first){background-color:green}.elf--clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=bottom]{background-color:orange}.elf--clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=left]{background-color:blue}.elf--clippath-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.elf--clippath-popup .box .property .title .tools{text-align:right}.elf--clippath-popup .box .property .title .tools select{width:100px;display:inline-block}.elf--clippath-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.elf--clippath-popup .box label input,.elf--clippath-popup .box label select{width:auto;display:inline-block;vertical-align:middle}.elf--clippath-popup .box input,.elf--clippath-popup .box select{width:100%;vertical-align:middle}.elf--clippath-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.elf--clippath-popup .box .input.grid-1{grid-template-columns:1fr}.elf--clippath-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.elf--clip-path-list{grid-template-columns:1fr!important}.elf--clip-path-list .clippath-item{display:grid;grid-template-columns:1fr 20px;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.elf--clip-path-list .clippath-item.selected,.elf--clip-path-list .clippath-item:hover{background-color:var(--elf--selected-color)}.elf--clip-path-list .clippath-item .title .name{padding:2px 0}.elf--clip-path-list .clippath-item .tools{vertical-align:middle;text-align:right}.elf--clip-path-list .clippath-item .offset-list{padding:0 10px;height:30px}.elf--clip-path-list .clippath-item .offset-list .container{position:relative;background-image:linear-gradient(to right,var(--elf--border-color),black);background-size:100% 2px;background-repeat:no-repeat;background-position:0;height:100%}.elf--clip-path-list .clippath-item .offset-list .container .offset{width:10px;height:10px;background-color:#000;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%)translateY(-50%);vertical-align:middle}.elf--clip-path-list .clippath-item .offset-list .container .offset:hover:before{display:inline-block;content:attr(data-title);position:absolute;left:50%;bottom:100%;padding:1px 3px;text-align:center;background-color:#4e3b3b;border-radius:3px;color:#fff;transform:translateX(-50%);white-space:nowrap}.elf--code-view-item{grid-template-columns:1fr!important;width:100%}.elf--code-view-item>div{width:100%;max-width:100%}.elf--code-view-item>div label{padding-left:10px}.elf--code-view-item>div pre{white-space:pre-wrap;word-break:break-all;padding:20px 0;padding-top:30px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;position:relative;margin-top:0;font-size:11px;line-height:1.7}.elf--code-view-item>div pre:not(:last-child){border-bottom:1px solid var(--elf--border-color)}.elf--code-view-item>div pre::before{content:attr(title);position:absolute;display:inline-block;color:var(--elf--font-color);left:0;top:0;right:0;padding:2px 4px;margin-bottom:10px}.elf--code-view-item>div pre .block{padding-left:20px;text-indent:-20px}.elf--code-view-item>div pre strong{text-indent:-20px;color:var(--elf--font-color);font-weight:400}.elf--code-view-item>div pre .value{text-indent:-20px;color:#f16b16}.elf--code-view-item>div pre .keyword{color:#20a471}.elf--code-view-item>div pre .char{color:#444}.elf--code-view-item>div pre .function{color:#725ee1}.elf--color-picker-popup{width:224px;padding-bottom:10px;padding:0;display:grid;grid-template-columns:1fr}.elf--color-picker-popup .colorpicker{box-shadow:none;border-radius:0;border:0;background-color:transparent}.elf--color-picker-popup .colorpicker input{color:var(--elf--font-color)!important;text-transform:uppercase;border:1px solid rgba(221,221,221,.4)!important}.elf--color-picker-popup .colorpicker .title{color:var(--elf--font-color)!important}.elf--color-picker-popup .colorpicker .colorsets{border-top:1px solid var(--elf--border-color)!important}.elf--color-picker-popup .assets{padding:0 10px}.elf--color-picker-popup .assets .project-color-list{padding:5px 0}.elf--color-picker-popup .assets .project-color-list .color-item{display:inline-block;width:16px;height:16px;border-radius:3px;position:relative;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0;margin-right:9px;margin-bottom:9px;overflow:hidden}.elf--color-picker-popup .assets .project-color-list .color-item .color-view{position:absolute;left:0;top:0;right:0;bottom:0}.elf--color-picker-popup .assets .project-color-list .color-item:hover{transform:scale(1.2)}.elf--content-item{grid-template-columns:1fr!important;padding:0 4px!important}.elf--content-item textarea{width:100%;height:100px;border:1px solid var(--elf--border-color);border-radius:3px}.elf--export-property .export-item{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px;padding:10px 6px;font-size:12px}.elf--export-property .export-item label{vertical-align:middle}.elf--export-property .export-item button{width:100%;text-align:left;background-color:transparent;background-image:none;border:0;box-shadow:none;vertical-align:middle}.elf--export-property .export-item button svg{width:16px;vertical-align:middle}.elf--fill-editor{position:relative}.elf--fill-editor .tools{padding:4px 0}.elf--fill-editor [data-editor]{display:none;margin-top:3px}.elf--fill-editor [data-editor]>label{font-size:11px}.elf--fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.elf--fill-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.elf--fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.elf--fill-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.elf--fill-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0;right:0;top:0;bottom:0}.elf--fill-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.elf--fill-editor .gradient-preview{width:100%;height:150px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0;box-shadow:0 0 10px 1px var(--elf--border-color)}.elf--fill-editor .gradient-preview .pointer-drawer-area{position:absolute;left:0;top:0;width:100%;height:100%}.elf--fill-editor .gradient-preview .pointer-draw{position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block;overflow:visible}.elf--fill-editor .gradient-preview .pointer-draw [data-type]{display:none}.elf--fill-editor .gradient-preview .pointer-draw circle{pointer-events:all;fill:#000;stroke:#fff;stroke-width:1}.elf--fill-editor .gradient-preview .pointer-draw circle[data-type=start]{fill:red}.elf--fill-editor .gradient-preview .pointer-draw circle[data-type=end]{fill:blue}.elf--fill-editor .gradient-preview .pointer-draw circle[data-type=center]{fill:#ff0}.elf--fill-editor .gradient-preview .pointer-draw circle[data-type=f]{fill:green}.elf--fill-editor .gradient-preview .pointer-draw line{fill:#fff;stroke:#fff;stroke-width:1}.elf--fill-editor .gradient-preview .gradient-view{position:absolute;left:0;top:0;right:0;bottom:0}.elf--fill-editor .gradient-preview .drag-pointer{position:absolute;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.elf--fill-editor .gradient-preview .preset-position{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none}.elf--fill-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:var(--elf--font-color);cursor:pointer}.elf--fill-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.elf--fill-editor .gradient-preview .preset-position>div svg path{fill:var(--elf--font-color);stroke:var(--elf--font-color)}.elf--fill-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0;left:50%;transform:translate(-50%,-100%)rotate(-90deg)}.elf--fill-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0;left:0%;transform:translate(-100%,-100%)rotate(-135deg)}.elf--fill-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0;left:100%;transform:translate(0%,-100%)rotate(-45deg)}.elf--fill-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%,-50%)}.elf--fill-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%,-50%)rotate(-180deg)}.elf--fill-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%,0%)rotate(90deg)}.elf--fill-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%,0%)rotate(135deg)}.elf--fill-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%,0%)rotate(45deg)}.elf--fill-editor[data-selected-editor=static-gradient] .static-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--fill-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--fill-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--fill-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--fill-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--fill-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--fill-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--fill-editor[data-selected-editor=image-resource] .image-resource{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--fill-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0}.elf--fill-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0 2px}.elf--fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;transform:translateX(-50%)translateY(-50%);color:var(--elf--font-color)}.elf--fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.elf--fill-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right,red,red)}.elf--fill-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right,black,gray)}.elf--fill-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side,black,#ebf8e1,gray)}.elf--fill-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black,#ebf8e1)}.elf--fill-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.elf--fill-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.elf--fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0;box-shadow:0 0 1px rgba(0,0,0,.1)}.elf--fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0;margin:0;cursor:pointer}.elf--fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.elf--fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.elf--fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.elf--fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.elf--fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.elf--fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.elf--fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.elf--fill-editor[data-selected-editor=image-resource] [data-editor=patternUnits],.elf--fill-editor[data-selected-editor=image-resource] [data-editor=patternWidth],.elf--fill-editor[data-selected-editor=image-resource] [data-editor=patternHeight],.elf--fill-editor[data-selected-editor=image-resource] [data-editor=imageX],.elf--fill-editor[data-selected-editor=image-resource] [data-editor=imageY],.elf--fill-editor[data-selected-editor=image-resource] [data-editor=imageWidth],.elf--fill-editor[data-selected-editor=image-resource] [data-editor=imageHeight]{display:block}.elf--fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=line],.elf--fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=start],.elf--fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=end]{display:block}.elf--fill-editor[data-selected-editor=linear-gradient] [data-editor=spreadMethod],.elf--fill-editor[data-selected-editor=linear-gradient] [data-editor=x1],.elf--fill-editor[data-selected-editor=linear-gradient] [data-editor=x2],.elf--fill-editor[data-selected-editor=linear-gradient] [data-editor=y1],.elf--fill-editor[data-selected-editor=linear-gradient] [data-editor=y2]{display:block}.elf--fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=center],.elf--fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=f]{display:block}.elf--fill-editor[data-selected-editor=radial-gradient] [data-editor=spreadMethod],.elf--fill-editor[data-selected-editor=radial-gradient] [data-editor=cx],.elf--fill-editor[data-selected-editor=radial-gradient] [data-editor=cy],.elf--fill-editor[data-selected-editor=radial-gradient] [data-editor=r],.elf--fill-editor[data-selected-editor=radial-gradient] [data-editor=fx],.elf--fill-editor[data-selected-editor=radial-gradient] [data-editor=fy],.elf--fill-editor[data-selected-editor=radial-gradient] [data-editor=fr]{display:block}.elf--fill-editor[data-selected-editor=radial-gradient] [data-editor=radialType]{display:block}.elf--fill-editor[data-selected-editor=image-resource] [data-editor=gradient],.elf--fill-editor[data-selected-editor=image-resource] [data-editor=tools],.elf--fill-editor[data-selected-editor=image-resource] .preset-position{display:none}.elf--fill-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.elf--fill-editor .sub-editor{padding:0}.elf--fill-editor .gradient-steps{position:relative;height:30px}.elf--fill-editor .hue-container,.elf--fill-editor .hue{position:absolute;left:0;right:0;top:4px;height:14px;border-radius:10px;border:1px solid var(--elf--border-color);background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0;pointer-events:all}.elf--fill-editor .hue{pointer-events:none}.elf--fill-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:10px;pointer-events:none}.elf--fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.elf--fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.elf--fill-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px rgba(0,0,0,.5);transform:translateX(-50%)translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0}.elf--fill-editor .hue .step-list .step.selected{border:0;box-shadow:0 0 0 1px rgba(255,255,255,.5);transform:translateX(-50%)translateY(calc(100%))}.elf--fill-editor .hue .step-list .step.selected .arrow{display:block}.elf--fill-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.elf--fill-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.elf--fill-editor .hue .step-list .step .color-view{position:absolute;left:0;top:0;bottom:0;right:0;border-radius:100%;pointer-events:none}.elf--fill-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;transform:translateX(-50%)translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%,60% 0%,60% 100%,40% 100%);clip-path:polygon(40% 0%,60% 0%,60% 100%,40% 100%)}.elf--gradient-picker-popup{width:224px;display:grid;grid-template-columns:1fr;grid-column-gap:10px;margin-bottom:5px}.elf--gradient-picker-popup>.box:first-child{margin-bottom:10px}.elf--gradient-picker-popup>.box>.colorpicker{display:block}.elf--gradient-picker-popup>.box>.assetpicker{display:none;min-height:310px}.elf--gradient-picker-popup[data-selected-editor=image-resource]>.box>.colorpicker{display:none}.elf--gradient-picker-popup[data-selected-editor=image-resource]>.box>.assetpicker{display:block}.elf--gradient-picker-popup .popup-item{margin-bottom:5px}.elf--gradient-picker-popup .grid-2{display:grid;grid-template-columns:60px 1fr}.elf--gradient-picker-popup .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.elf--gradient-picker-popup label{font-size:11px}.elf--gradient-picker-popup .colorpicker{box-shadow:none;border-radius:0;border:0;background-color:transparent}.elf--gradient-picker-popup .colorpicker .color-panel{margin-top:0;height:100px}.elf--gradient-picker-popup .colorpicker input{color:var(--elf--font-color)!important;text-transform:uppercase;border:0!important;border:1px solid rgba(221,221,221,.4)!important}.elf--gradient-picker-popup .colorpicker .title{color:var(--elf--font-color)!important}.elf--gradient-picker-popup .colorpicker .colorsets{border-top:0 solid var(--elf--border-color)!important}.elf--gradient-picker-popup .color-assets-editor{padding:4px 0!important}.elf--gradient-picker-popup .assetpicker{background-color:rgba(230,230,230,.1)}.elf--gradient-picker-popup .assetpicker .image-asset-picker{width:100%;height:100%;overflow:auto}.elf--gradient-picker-popup .assetpicker .image-asset-picker .image-list{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2px}.elf--gradient-picker-popup .assetpicker .image-asset-picker .image-list .image-item{margin-bottom:2px;background-color:rgba(var(--elf--font-color),.5)}.elf--gradient-picker-popup .assetpicker .image-asset-picker .image-list .image-item .preview{position:relative;width:100%;height:80px;border:1px solid var(--elf--border-color);border-radius:2px;cursor:pointer;-o-object-fit:contain;object-fit:contain;text-align:center}.elf--gradient-picker-popup .assetpicker .image-asset-picker .image-list .image-item .preview img{border:0;max-width:100%;max-height:100%;vertical-align:middle}.elf--fill-single-editor{height:20px;width:100%;display:grid}.elf--fill-single-editor.has-label{grid-template-columns:70px 40px 1fr;grid-column-gap:2px}.elf--fill-single-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0;font-size:11px}.elf--fill-single-editor .preview{display:inline-block;vertical-align:middle;cursor:pointer;text-align:right;height:24px;border-radius:2px;background-color:var(--elf--color-view-background-color)}.elf--fill-single-editor .preview .mini-view{width:100%;height:100%;display:inline-block;position:relative;border-radius:2px;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0}.elf--fill-single-editor .preview .mini-view .color-view{position:absolute;left:0;top:0;width:100%;height:100%}.elf--fill-single-editor .colors{display:inline-block;vertical-align:middle;line-height:2.2;margin-left:2px}.elf--fill-single-editor .colors.simple{display:none}.elf--fill-single-editor .colors .color{border:1px solid var(--elf--font-color);display:inline-block;width:14px;vertical-align:middle;height:14px;border-radius:100%;pointer-events:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.elf--fill-single-editor .colors .color:not(:first-child){margin-left:-2px}.elf--gradient-single-editor{height:19px;text-align:center;width:100%}.elf--gradient-single-editor .preview{height:100%}.elf--gradient-single-editor .preview .mini-view{height:100%}.elf--gradient-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.elf--gradient-assets-property .gradient-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.elf--gradient-assets-property .gradient-list-tools button{padding:2px 10px;border:1px solid var(--elf--border-color)}.elf--gradient-assets-property .gradient-list-tools[data-view-mode=list] button[data-value=list]{background-color:var(--elf--selected-border-color);border-color:var(--elf--selected-border-color);background-image:none;color:var(--elf--selected-font-color)}.elf--gradient-assets-property .gradient-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:var(--elf--selected-border-color);border-color:var(--elf--selected-border-color);background-image:none;color:var(--elf--selected-font-color)}.elf--gradient-assets-property .gradient-list{padding:5px}.elf--gradient-assets-property .gradient-list .gradient-view{pointer-events:none}.elf--gradient-assets-property .gradient-list[data-view-mode=grid]{display:block}.elf--gradient-assets-property .gradient-list[data-view-mode=grid] .add-gradient-item{display:inline-block;width:40px;position:relative;height:40px;border:1px solid var(--elf--selected-color);vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:var(--elf--font-color)}.elf--gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item{display:inline-block;width:40px;position:relative;vertical-align:middle;margin-right:1px;margin-bottom:1px}.elf--gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item:hover[data-custom=true] .tools{display:inline-block}.elf--gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview{position:relative;width:100%;height:40px;cursor:pointer;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0}.elf--gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview .gradient-view{position:absolute;left:0;top:0;right:0;bottom:0}.elf--gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools{position:absolute;display:none;top:0;right:0;text-align:right;padding:2px}.elf--gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools button{width:10px;height:10px;color:var(--elf--selected-font-color)}.elf--gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools svg{width:100%;height:100%}.elf--history-list-view .history-item{display:grid;grid-template-columns:20px 1fr;grid-column-gap:5px}.elf--history-list-view .history-item>span{vertical-align:middle;color:var(--elf--font-color)}.elf--history-list-view .history-item>span svg{width:16px;height:16px}.elf--history-list-view .history-item>span svg path{fill:currentColor}.elf--image-select-editor{text-align:center;margin-top:10px;margin-bottom:10px;background-color:rgba(0,0,0,.3)}.elf--image-select-editor .preview-container{width:100%;height:150px;position:relative}.elf--image-select-editor .preview-container img{max-width:100%;max-height:100%}.elf--image-select-editor .preview-container input[type=file]{position:absolute;left:0;width:100%;bottom:0;top:0;opacity:0;cursor:pointer}.elf--image-select-editor .select-container{display:grid;grid-template-columns:1fr;padding:4px 0}.elf--image-select-editor .select-container button{width:100%}.elf--image-select-popup{width:500px;min-height:450px;display:grid;grid-template-columns:1fr;padding:10px}.elf--image-select-popup>.box{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:110px;grid-column-gap:4px;grid-row-gap:4px;margin-bottom:10px}.elf--image-select-popup>.box .image-item{position:relative;text-align:center;display:grid;border:1px solid rgba(255,255,255,.5);box-sizing:border-box}.elf--image-select-popup>.box .image-item:hover{background-color:#baffb1}.elf--image-select-popup>.box .image-item img{align-self:center;justify-self:center;vertical-align:middle;max-width:100%;max-height:100%;cursor:pointer;pointer-events:all}.elf--keyframe-popup{width:250px}.elf--keyframe-popup .box .name{height:20px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px;margin-bottom:5px}.elf--keyframe-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.elf--keyframe-popup .box .property .title .tools{text-align:right}.elf--keyframe-popup .box .property .title .tools select{width:100px;display:inline-block}.elf--keyframe-popup .box .offset-editor .offset{position:relative;background-image:linear-gradient(to right,var(--elf--border-color),black);background-size:100% 2px;background-repeat:no-repeat;background-position:0;height:20px}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="0"] [data-offset-index="0"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="1"] [data-offset-index="1"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="2"] [data-offset-index="2"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="3"] [data-offset-index="3"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="4"] [data-offset-index="4"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="5"] [data-offset-index="5"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="6"] [data-offset-index="6"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="7"] [data-offset-index="7"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="8"] [data-offset-index="8"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="9"] [data-offset-index="9"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="10"] [data-offset-index="10"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="11"] [data-offset-index="11"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="12"] [data-offset-index="12"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="13"] [data-offset-index="13"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="14"] [data-offset-index="14"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="15"] [data-offset-index="15"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="16"] [data-offset-index="16"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="17"] [data-offset-index="17"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="18"] [data-offset-index="18"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset[data-selected-value="19"] [data-offset-index="19"]{background-color:var(--elf--selected-color)}.elf--keyframe-popup .box .offset-editor .offset .offset-item{width:10px;height:10px;background-color:var(--elf--font-color);border-radius:100%;position:absolute;top:50%;transform:translateX(-50%)translateY(-50%);vertical-align:middle;border:1px solid var(--elf--border-color)}.elf--keyframe-popup .box .offset-input{padding:5px 0}.elf--keyframe-popup .box .offset-input .title{display:grid;grid-template-columns:100px 1fr;grid-column-gap:2px}.elf--keyframe-popup .box .keyframe-property-list{max-height:300px;overflow:auto}.elf--keyframe-popup .box .keyframe-property-item{padding:4px 0;margin-top:2px}.elf--keyframe-popup .box .keyframe-property-item .title{grid-template-columns:1fr 30px}.elf--keyframe-popup .box .keyframe-property-item .value-editor{border:1px solid rgba(0,0,0,.3);padding:2px}.elf--keyframe-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.elf--keyframe-popup .box input,.elf--keyframe-popup .box select{width:100%;vertical-align:middle}.elf--keyframe-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.elf--keyframe-popup .box .input.grid-1{grid-template-columns:1fr}.elf--keyframe-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.elf--keyframe-list{display:block}.elf--keyframe-list .keyframe-item{border:1px solid var(--elf--border-color);margin-bottom:5px;padding:5px;cursor:pointer}.elf--keyframe-list .keyframe-item:first-child{margin-top:5px}.elf--keyframe-list .keyframe-item.selected{background-color:var(--elf--border-color)}.elf--keyframe-list .keyframe-item[data-selected-value=list] button[data-type=list]{background-color:var(--elf--selected-color);color:var(--elf--border-color)}.elf--keyframe-list .keyframe-item[data-selected-value=list] .keyframe-code[data-type=list]{display:block}.elf--keyframe-list .keyframe-item[data-selected-value=code] button[data-type=code]{background-color:var(--elf--selected-color);color:var(--elf--border-color)}.elf--keyframe-list .keyframe-item[data-selected-value=code] .keyframe-code[data-type=code]{display:block}.elf--keyframe-list .keyframe-item .title{display:grid;grid-template-columns:1fr 60px;height:20px}.elf--keyframe-list .keyframe-item .title .name{padding:2px 0}.elf--keyframe-list .keyframe-item .title .tools{vertical-align:middle;text-align:right}.elf--keyframe-list .keyframe-item .title .tools .group{display:inline-block}.elf--keyframe-list .keyframe-item pre{white-space:pre-wrap;margin:0}.elf--keyframe-list .keyframe-item .keyframe-code{display:none}.elf--keyframe-list .keyframe-item .keyframe-code>.offset{display:grid;grid-template-columns:30px 1fr;margin-top:2px;font-size:12px}.elf--keyframe-list .keyframe-item .keyframe-code .offset-property-item{display:grid;grid-template-columns:1fr 1fr;text-align:left}.elf--keyframe-list .keyframe-item .keyframe-code .offset-property-item label{font-weight:700;color:var(--elf--font-color);padding-left:10px}.elf--keyframe-list .keyframe-item .offset-list{padding:0 10px;height:20px}.elf--keyframe-list .keyframe-item .offset-list .container{position:relative;background-image:linear-gradient(to right,var(--elf--border-color),black);background-size:100% 2px;background-repeat:no-repeat;background-position:0;height:100%}.elf--keyframe-list .keyframe-item .offset-list .container .offset{width:10px;height:10px;background-color:#fff;border-radius:100%;position:absolute;top:50%;transform:translateX(-50%)translateY(-50%);vertical-align:middle;border:1px solid var(--elf--border-color)}.elf--layer-list{height:100%;overflow:auto;padding:0;margin:0!important}.elf--layer-list .layer-item{color:var(--elf--list-item-font-color);padding:5px!important;margin-bottom:0!important}.elf--layer-list .layer-item[data-is-hide=true]{display:none}.elf--layer-list .layer-item[data-is-group=true] .detail .folder{display:inline-block;vertical-align:middle;transition:transform .1s linear;transform:rotate(90deg)}.elf--layer-list .layer-item[data-is-group=true] .detail .folder.collapsed{transform:rotate(0)}.elf--layer-list .layer-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.elf--layer-list .layer-item .detail label{padding:2px 0;cursor:pointer;pointer-events:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;vertical-align:middle;display:grid;grid-template-columns:20px 20px 1fr}.elf--layer-list .layer-item .detail label svg path{fill:currentColor}.elf--layer-list .layer-item .detail .tools{text-align:right;display:none}.elf--layer-list .layer-item .detail .tools .visible{color:var(--elf--list-item-disable-font-color)}.elf--layer-list .layer-item .detail .tools .visible[data-visible=true]{color:var(--elf--font-color)}.elf--layer-list .layer-item .detail .tools .lock{color:var(--elf--list-item-disable-font-color)}.elf--layer-list .layer-item .detail .tools .lock[data-lock=true]{color:var(--elf--font-color)}.elf--layer-list .layer-item.selected{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--layer-list .layer-item:not(.selected).hovered,.elf--layer-list .layer-item:hover{box-shadow:inset 0 0 0 1px var(--elf--list-item-selected-color)}.elf--layer-list .layer-item:not(.selected).hovered .tools,.elf--layer-list .layer-item:hover .tools{display:block}.elf--layer-list .drag-start{opacity:.3}.elf--layer-list+.drag-point{position:absolute;border:1px solid var(--elf--selected-color);pointer-events:none}.elf--flex-layout-item-property .layout-list>[data-value]{display:none}.elf--flex-layout-item-property .layout-list>[data-value].selected{display:block}.elf--flex-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.elf--flex-layout-item-property .layout-list[data-selected-value=auto] [data-value=auto]{display:block}.elf--flex-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.elf--flex-layout-item-property .layout-list .value-item{margin-top:5px}.elf--grid-box-editor .grid-box-editor-item .item{display:grid;grid-template-columns:1fr .5fr 1fr 40px;grid-column-gap:4px;margin-bottom:4px;text-align:center}.elf--grid-box-editor .grid-box-editor-item .item.header{height:24px}.elf--grid-box-editor .grid-box-editor-item .item.header>*{padding:4px 0;border:1px solid rgba(236,236,236,.18);box-sizing:border-box}.elf--grid-box-editor .grid-box-editor-item .item .repeat button{background-color:var(--elf--grid-box-editor-button-background-color);border-radius:3px;width:16px;height:16px}.elf--grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.value,.elf--grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.count,.elf--grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.value,.elf--grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.count{visibility:hidden}.elf--grid-box-editor .grid-box-editor-item .item[data-repeat-type=length]>.count{visibility:hidden}.elf--grid-box-editor .grid-box-editor-item .item .tools{padding:4px 0}.elf--grid-layout-editor .grid-layout-item{margin-top:5px;margin-bottom:5px}.elf--grid-layout-editor .grid-layout-item>.label{padding:4px;margin-bottom:5px}.elf--grid-layout-item-property .layout-list>[data-value]{display:none}.elf--grid-layout-item-property .layout-list>[data-value].selected{display:block}.elf--grid-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.elf--grid-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.elf--grid-layout-item-property .layout-list .value-item{margin-top:5px;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:4px}.elf--layout-property .layout-list>[data-value]{display:none}.elf--layout-property .layout-list>[data-value].selected{display:block}.elf--layout-property .layout-list[data-selected-value=default] [data-value=default]{display:block}.elf--layout-property .layout-list[data-selected-value=flex] [data-value=flex]{display:block}.elf--layout-property .layout-list[data-selected-value=grid] [data-value=grid]{display:block}.elf--layout-property .layout-list .label{padding:10px 0}.elf--pattern-assets-property .pattern-list{padding:5px;max-height:240px;overflow:auto}.elf--pattern-assets-property .pattern-list .pattern-view{pointer-events:none}.elf--pattern-assets-property .pattern-list[data-view-mode=grid]{display:block}.elf--pattern-assets-property .pattern-list[data-view-mode=grid] .add-pattern-item{display:inline-block;width:54px;position:relative;height:54px;border:1px solid var(--elf--selected-color);vertical-align:top;cursor:pointer;text-align:center;padding-top:2px;color:var(--elf--font-color)}.elf--pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item{display:inline-block;position:relative;margin-bottom:3px;margin-right:3px;box-sizing:border-box;border:1px solid var(--elf--border-color)}.elf--pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item:hover[data-custom=true] .tools{display:inline-block}.elf--pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview{position:relative;width:54px;height:54px;cursor:pointer}.elf--pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview .pattern-view{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#fff}.elf--pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .tools{position:absolute;display:none;top:0;right:0;text-align:right;padding:2px;color:var(--elf--selected-font-color)}.property.pattern-assets-property{padding-left:0!important;padding-right:0!important}.elf--pattern-editor .label{height:20px;margin-top:2px}.elf--pattern-editor .label.hide{display:none}.elf--pattern-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.elf--pattern-editor .tools{vertical-align:middle;text-align:right;float:right}.elf--pattern-editor .pattern-list{display:grid;grid-template-columns:60px 60px 60px 60px;grid-column-gap:1px;grid-row-gap:1px}.elf--pattern-editor .pattern-list .pattern-item{display:inline-block;position:relative;text-align:center;box-shadow:0 0 0 1px var(--elf--border-color)}.elf--pattern-editor .pattern-list .pattern-item.selected{background-color:var(--elf--border-color)}.elf--pattern-editor .pattern-list .pattern-item:hover .tools{display:inline-block}.elf--pattern-editor .pattern-list .pattern-item .tools{display:none;position:absolute;right:0;top:0;background-color:rgba(255,255,255,.9);color:var(--elf--selected-color)}.elf--pattern-size-editor{text-align:center;width:60px;height:60px}.elf--pattern-size-editor .preview{height:100%}.elf--pattern-size-editor .preview .mini-view{height:100%;background-color:#fff}.elf--pattern-size-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.elf--perspective-origin-editor .perspective-origin-item{display:grid;grid-template-columns:80px 1fr}.elf--perspective-origin-editor .perspective-origin-item.full{grid-template-columns:1fr}.elf--perspective-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9,1fr)}.elf--perspective-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:var(--elf--border-color)1px solid;cursor:pointer;vertical-align:middle;position:relative}.elf--perspective-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:var(--elf--selected-color);width:6px;height:6px;display:inline-block;position:absolute}.elf--perspective-origin-editor .direction [data-value=top]:before{top:0;left:50%;transform:translateX(-50%)}.elf--perspective-origin-editor .direction [data-value="top left"]:before{top:0;left:0}.elf--perspective-origin-editor .direction [data-value="top right"]:before{top:0;right:0}.elf--perspective-origin-editor .direction [data-value=bottom]:before{bottom:0;left:50%;transform:translateX(-50%)}.elf--perspective-origin-editor .direction [data-value="bottom left"]:before{bottom:0;left:0}.elf--perspective-origin-editor .direction [data-value="bottom right"]:before{bottom:0;right:0}.elf--perspective-origin-editor .direction [data-value=left]:before{top:50%;left:0;transform:translateY(-50%)}.elf--perspective-origin-editor .direction [data-value=right]:before{top:50%;right:0;transform:translateY(-50%)}.elf--perspective-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%)translateY(-50%)}.elf--perspective-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.elf--perspective-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:var(--elf--transform-origin-selected-color);color:var(--elf--selected-font-color)}.elf--perspective-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:var(--elf--transform-origin-selected-color);color:var(--elf--selected-font-color)}.elf--perspective-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.elf--perspective-origin-editor .radius-setting-box{margin-top:5px}.elf--perspective-origin-editor .radius-setting-box>div{margin-bottom:5px}.elf--select-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;position:relative;height:24px;box-sizing:border-box}.elf--select-editor select{font-size:11px;border:1px solid var(--elf--border-color);background-color:var(--elf--input-background-color)}.elf--select-editor select:focus-within{border:1px solid var(--elf--selected-color)}.elf--select-editor.has-label{grid-template-columns:70px 1fr;grid-column-gap:2px}.elf--select-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.elf--select-editor.has-label select{width:100%;height:100%}.elf--color-assets-editor{padding:4px 10px;margin-top:10px}.elf--color-assets-editor .color-assets-head{display:grid;grid-template-columns:30px 1fr;grid-column-gap:5px}.elf--color-assets-editor .color-assets-head label{display:inline-block;vertical-align:middle;line-height:1.5;font-size:12px;padding:4px 0}.elf--color-assets-editor .color-list{margin-top:10px;display:grid;grid-template-columns:repeat(8,1fr);grid-column-gap:10px;grid-row-gap:10px}.elf--color-assets-editor .color-list .color-item{width:16px;height:16px;display:inline-block;border-radius:4px;overflow:hidden;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.1)}.elf--color-assets-editor .color-list .color-item:hover{transform:scale(1.2)}.elf--color-assets-editor .color-list .color-item .preview{width:100%;height:100%}.elf--color-assets-editor .color-list .color-item .preview .color-view{width:100%;height:100%}.elf--color-single-editor{height:19px;text-align:center;width:100%;height:24px}.elf--color-single-editor .preview{height:100%}.elf--color-single-editor .preview .mini-view{height:100%;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0;border:1px solid var(--elf--border-color)}.elf--color-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.elf--color-view-editor{display:grid;grid-template-columns:40px 1fr;grid-column-gap:2px;text-align:center}.elf--color-view-editor.has-label{grid-template-columns:70px 1fr}.elf--color-view-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0;line-height:1.6;font-size:11px}.elf--color-view-editor .color-code{vertical-align:middle;display:grid;grid-template-columns:26px 1fr;grid-column-gap:2px;border-radius:2px;overflow:hidden;border:1px solid transparent;box-sizing:border-box;background-color:var(--elf--input-background-color);border:1px solid var(--elf--border-color)}.elf--color-view-editor .color-code.focused{border:1px solid var(--elf--selected-color)}.elf--color-view-editor .color-code .preview{display:inline-block;vertical-align:middle;cursor:pointer;text-align:right;border-radius:2px;background-color:transparent}.elf--color-view-editor .color-code .preview .mini-view{width:100%;height:100%;display:inline-block;position:relative;vertical-align:middle;border-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;overflow:hidden;background-color:transparent;background-image:linear-gradient(45deg,#c7c7c7 25%,transparent 25%),linear-gradient(-45deg,#c7c7c7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c7c7c7 75%),linear-gradient(-45deg,transparent 75%,#c7c7c7 75%);background-size:13px 13px;background-position:0 0,0 6.5px,6.5px -6.5px,-6.5px 0;box-sizing:border-box;box-shadow:1px 0 0 0 var(--elf--border-color)}.elf--color-view-editor .color-code .preview .mini-view .color-view{position:absolute;left:0;top:0;right:0;bottom:0}.elf--color-view-editor .color-code input{width:100%;height:24px;padding:0 3px;border-radius:3px;font-size:12px;border:0 solid var(--elf--input-border-color)}.elf--css-property-editor{margin-top:10px;margin-bottom:5px;display:grid;grid-template-columns:1fr!important}.elf--css-property-editor.hide-title>.title{display:none}.elf--css-property-editor.hide-title .css-property-item>.title label{display:none}.elf--css-property-editor.hide-refresh .css-property-item .title-2{display:none}.elf--css-property-editor .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.elf--css-property-editor .title .tools{text-align:right}.elf--css-property-editor .title .tools select{width:130px!important;display:inline-block}.elf--css-property-editor>.title-2{display:none;text-align:right}.elf--css-property-editor .css-property-item{border:1px solid var(--elf--selected-color-2);border-radius:4px;margin-top:5px;box-sizing:border-box;padding:2px}.elf--css-property-editor .css-property-item>.title{grid-template-columns:1fr 30px;background-color:transparent;color:var(--elf--selected-color);border-radius:3px;padding:3px 0;margin-bottom:2px;font-weight:900}.elf--css-property-editor .css-property-item .value-editor{padding:2px}.elf--css-property-editor .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.elf--css-property-editor .input.grid-1{grid-template-columns:1fr}.elf--css-property-editor .input.grid-2{grid-template-columns:3fr 1fr}.elf--cubic-bezier-editor{width:228px;height:200px;position:relative;margin:0 auto}.elf--cubic-bezier-editor .bezier{position:absolute;width:150px;height:150px;top:30px;left:60px;border:1px solid var(--elf--border-color);background-color:var(--elf--background-color)}.elf--cubic-bezier-editor .bezier .bezier-canvas{pointer-events:none}.elf--cubic-bezier-editor .bezier .control{position:absolute;left:0;right:0;bottom:0;top:0}.elf--cubic-bezier-editor .bezier .control .pointer1,.elf--cubic-bezier-editor .bezier .control .pointer2{position:absolute;width:9px;height:9px;transform:translateX(-50%)translateY(-50%);border-radius:100%;cursor:pointer;background-color:var(--elf--selected-color);border:1px solid var(--elf--selected-color)}.elf--cubic-bezier-editor .animation{position:absolute;top:0;left:0;right:0;height:20px;text-align:center}.elf--cubic-bezier-editor .animation .animation-canvas{position:relative;width:100%;height:100%;cursor:pointer}.elf--cubic-bezier-editor .item-list{position:absolute;top:30px;bottom:20px;left:0;width:50px;padding-right:0}.elf--cubic-bezier-editor .item-list[data-selected-value=ease] .item[data-bezier=ease]{background-color:var(--elf--selected-color)}.elf--cubic-bezier-editor .item-list[data-selected-value=ease-in] .item[data-bezier=ease-in]{background-color:var(--elf--selected-color)}.elf--cubic-bezier-editor .item-list[data-selected-value=ease-out] .item[data-bezier=ease-out]{background-color:var(--elf--selected-color)}.elf--cubic-bezier-editor .item-list .item{position:relative;width:40px;height:40px;border-radius:2px;margin-bottom:5px;overflow:hidden;cursor:pointer}.elf--cubic-bezier-editor .item-list .item:not(:first-child){border-top:0}.elf--cubic-bezier-editor .item-list .item.selected{background-color:#0ab}.elf--cubic-bezier-editor .item-list .item .item-canvas{position:absolute;top:1px;left:1px;width:38px;height:38px;background-color:#000;border-radius:2px}.elf--cubic-bezier-editor .predefined{position:absolute;bottom:0;left:0;right:0;height:20px;text-align:center;display:grid;grid-template-columns:30px 1fr 30px}.elf--cubic-bezier-editor .predefined .left,.elf--cubic-bezier-editor .predefined .right{font-size:14px;font-weight:700;cursor:pointer;vertical-align:middle;color:var(--elf--font-color)}.elf--cubic-bezier-editor .predefined .left svg path,.elf--cubic-bezier-editor .predefined .right svg path{fill:currentColor}.elf--cubic-bezier-editor .predefined .predefined-text{vertical-align:middle;padding:4px;color:var(--elf--font-color)}.elf--direction-editor .direction-item{display:grid;grid-template-columns:62px 1fr}.elf--direction-editor .direction-item.full{grid-template-columns:1fr}.elf--direction-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.elf--direction-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--direction-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--direction-editor .radius-selector button{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:2px;border-radius:3px;cursor:pointer;outline:none;padding:0;border:0;color:#ccc}.elf--direction-editor .radius-selector button svg{width:100%;height:100%}.elf--filter-editor{padding:2px 0}.elf--filter-editor .label{height:20px;margin-top:2px}.elf--filter-editor .label.hide{display:none}.elf--filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.elf--filter-editor .tools{vertical-align:middle;text-align:right;float:right}.elf--filter-editor .tools select{width:100px!important;display:inline-block}.elf--filter-editor .filter-list{padding:0 10px;width:100%;display:grid!important;grid-template-columns:1fr!important}.elf--filter-editor .filter-list .filter-item{display:block;margin-top:5px}.elf--filter-editor .filter-list .filter-item:last-child{margin-bottom:5px}.elf--filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:70px 1fr 18px}.elf--filter-editor .filter-list .filter-item .title.drop-shadow{grid-template-columns:1fr 18px}.elf--filter-editor .filter-list .filter-item .title label{padding:5px 0;cursor:move;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.elf--filter-editor .filter-list .filter-item .title .svg-filter-edit{cursor:pointer;padding:5px 0}.elf--filter-editor .filter-list .filter-item .title .filter-menu{text-align:right;padding:4px 0;box-sizing:border-box}.elf--filter-editor .filter-list .filter-item .filter-ui{vertical-align:middle;margin-bottom:5px}.elf--filter-editor .filter-list .filter-item .filter-ui label{font-size:11px;color:var(--elf--font-color)}.elf--filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.elf--filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.elf--gradient-editor{position:relative;box-sizing:border-box;padding:0 4px}.elf--gradient-editor .tools{padding:4px 0;display:grid;grid-template-columns:70px 1fr;grid-column-gap:4px}.elf--gradient-editor [data-editor]{display:none;margin-top:3px}.elf--gradient-editor [data-editor]>label{font-size:11px}.elf--gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.elf--gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.elf--gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.elf--gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.elf--gradient-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0;right:0;top:0;bottom:0}.elf--gradient-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.elf--gradient-editor .gradient-preview{width:100%;height:80px;position:relative;margin-bottom:15px;border-radius:3px;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0;box-shadow:0 0 10px 1px var(--elf--border-color)}.elf--gradient-editor .gradient-preview .gradient-view{position:absolute;left:0;top:0;right:0;bottom:0}.elf--gradient-editor .gradient-preview .drag-pointer{position:absolute;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:100%;display:inline-block;background-color:rgba(230,230,230,.2);pointer-events:none}.elf--gradient-editor .gradient-preview .preset-position{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none}.elf--gradient-editor .gradient-preview .preset-position>div{pointer-events:all;height:10px;width:10px;position:absolute;display:block;color:var(--elf--font-color);cursor:pointer}.elf--gradient-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.elf--gradient-editor .gradient-preview .preset-position>div svg path{fill:currentColor}.elf--gradient-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0;left:50%;transform:translate(-50%,-100%)rotate(-90deg)}.elf--gradient-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0;left:0%;transform:translate(-100%,-100%)rotate(-135deg)}.elf--gradient-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0;left:100%;transform:translate(0%,-100%)rotate(-45deg)}.elf--gradient-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%,-50%)}.elf--gradient-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%,-50%)rotate(-180deg)}.elf--gradient-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%,0%)rotate(90deg)}.elf--gradient-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%,0%)rotate(135deg)}.elf--gradient-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%,0%)rotate(45deg)}.elf--gradient-editor[data-selected-editor=static-gradient] .static-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--gradient-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--gradient-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--gradient-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--gradient-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--gradient-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--gradient-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--gradient-editor[data-selected-editor=image-resource] .image-resource{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--gradient-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0}.elf--gradient-editor .picker-tab .picker-tab-list .picker-tab-item{display:inline-block;vertical-align:middle;height:20px;width:20px;cursor:pointer;position:relative;border-radius:20%;margin:0 2px}.elf--gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon{pointer-events:none;border-radius:100%;display:inline-block;width:90%;height:90%;position:absolute;left:50%;top:50%;transform:translateX(-50%)translateY(-50%);color:var(--elf--font-color)}.elf--gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.elf--gradient-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right,red,red)}.elf--gradient-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right,black,gray)}.elf--gradient-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side,black,#ebf8e1,gray)}.elf--gradient-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black,#ebf8e1)}.elf--gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-linear-gradient .icon{background-image:repeating-linear-gradient(45deg,#3f87a6,#ebf8e1 15%,#f69d3c 20%)}.elf--gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-radial-gradient .icon{background-image:repeating-radial-gradient(circle,#3f87a6,#ebf8e1 15%,#f69d3c 20%)}.elf--gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-conic-gradient .icon{background-image:repeating-conic-gradient(#3f87a6,#ebf8e1 5%,#f69d3c 10%)}.elf--gradient-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.elf--gradient-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.elf--gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue-container{width:100%;height:14px;position:absolute;z-index:0;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0;box-shadow:0 0 1px rgba(0,0,0,.1)}.elf--gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0;margin:0;cursor:pointer}.elf--gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.elf--gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.elf--gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.elf--gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.elf--gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.elf--gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.elf--gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.elf--gradient-editor[data-selected-editor=linear-gradient] .drag-pointer,.elf--gradient-editor[data-selected-editor=repeating-linear-gradient] .drag-pointer,.elf--gradient-editor[data-selected-editor=image-resource] .drag-pointer{display:none}.elf--gradient-editor[data-selected-editor=linear-gradient] .preset-position,.elf--gradient-editor[data-selected-editor=repeating-linear-gradient] .preset-position,.elf--gradient-editor[data-selected-editor=image-resource] .preset-position{display:none}.elf--gradient-editor[data-selected-editor=linear-gradient] [data-editor=angle],.elf--gradient-editor[data-selected-editor=repeating-linear-gradient] [data-editor=angle],.elf--gradient-editor[data-selected-editor=conic-gradient] [data-editor=angle],.elf--gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=angle]{display:block}.elf--gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerX],.elf--gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerY],.elf--gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerX],.elf--gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerY],.elf--gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerX],.elf--gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerY],.elf--gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerX],.elf--gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerY]{display:block}.elf--gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType],.elf--gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType]{display:block}.elf--gradient-editor[data-selected-editor=image-resource] [data-editor=gradient],.elf--gradient-editor[data-selected-editor=image-resource] [data-editor=tools],.elf--gradient-editor[data-selected-editor=image-resource] .drag-pointer,.elf--gradient-editor[data-selected-editor=image-resource] .preset-position,.elf--gradient-editor[data-selected-editor=image-resource] .sub-editor{display:none}.elf--gradient-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.elf--gradient-editor .sub-editor{padding:0}.elf--gradient-editor .gradient-steps{position:relative;height:30px}.elf--gradient-editor .hue-container,.elf--gradient-editor .hue{position:absolute;left:0;right:0;top:4px;height:14px;border-radius:10px;border:1px solid var(--elf--border-color);background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0;pointer-events:all}.elf--gradient-editor .hue{pointer-events:none}.elf--gradient-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:10px;pointer-events:none}.elf--gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.elf--gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0;transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.elf--gradient-editor .hue .step-list .step{pointer-events:all;width:10px;height:10px;border:1px solid #fff;display:inline-block;position:absolute;top:50%;border-radius:100%;box-shadow:0 0 2px rgba(0,0,0,.5);transform:translateX(-50%)translateY(-50%);background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0}.elf--gradient-editor .hue .step-list .step.selected{border:0;box-shadow:0 0 0 1px rgba(222,222,222,.5);transform:translateX(-50%)translateY(calc(100%))}.elf--gradient-editor .hue .step-list .step.selected .arrow{display:block}.elf--gradient-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.elf--gradient-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.elf--gradient-editor .hue .step-list .step .color-view{position:absolute;left:0;top:0;bottom:0;right:0;border-radius:100%;pointer-events:none}.elf--gradient-editor .hue .step-list .step .arrow{position:absolute;left:50%;display:none;top:0%;width:5px;height:5px;transform:translateX(-50%)translateY(-120%);pointer-events:none;-webkit-clip-path:polygon(40% 0%,60% 0%,60% 100%,40% 100%);clip-path:polygon(40% 0%,60% 0%,60% 100%,40% 100%)}.elf--list-view-editor{position:relative;display:grid;grid-template-columns:repeat(1,1fr);max-height:500px;margin-top:10px}.elf--list-view-editor[data-column="0"]{grid-template-columns:repeat(0,1fr)}.elf--list-view-editor[data-column="1"]{grid-template-columns:repeat(1,1fr)}.elf--list-view-editor[data-column="2"]{grid-template-columns:repeat(2,1fr)}.elf--list-view-editor[data-column="3"]{grid-template-columns:repeat(3,1fr)}.elf--list-view-editor[data-column="4"]{grid-template-columns:repeat(4,1fr)}.elf--list-view-editor[data-column="5"]{grid-template-columns:repeat(5,1fr)}.elf--list-view-editor[data-column="6"]{grid-template-columns:repeat(6,1fr)}.elf--list-view-editor[data-column="7"]{grid-template-columns:repeat(7,1fr)}.elf--list-view-editor[data-column="8"]{grid-template-columns:repeat(8,1fr)}.elf--list-view-editor[data-column="9"]{grid-template-columns:repeat(9,1fr)}.elf--list-view-editor .list-view-item.selected{background-color:var(--elf--selected-color)}.elf--list-view-editor .list-view-item.selected svg path,.elf--list-view-editor .list-view-item.selected svg circle,.elf--list-view-editor .list-view-item.selected svg rect{fill:var(--elf--selected-font-color)}.elf--list-view-editor .list-view-item svg{width:100%}.elf--list-view-editor .list-view-item svg path,.elf--list-view-editor .list-view-item svg circle,.elf--list-view-editor .list-view-item svg rect{fill:var(--elf--font-color)}.elf--input-range-editor{display:grid;grid-template-columns:1fr;height:24px;border-radius:3px}.elf--input-range-editor.focused .area{box-shadow:0 0 0 1px var(--elf--selected-color)}.elf--input-range-editor.has-label{grid-template-columns:60px 1fr}.elf--input-range-editor.has-label.compact{grid-template-columns:30px 1fr}.elf--input-range-editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.elf--input-range-editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0 2px;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.elf--input-range-editor.has-label label svg{width:20px;height:20px;vertical-align:middle}.elf--input-range-editor.has-label.block{display:block}.elf--input-range-editor.has-label.block label{display:block;color:rgba(0,0,0,.7)}.elf--input-range-editor.is-removable{grid-template-columns:1fr 12px}.elf--input-range-editor.is-removable .remove{display:inline-block}.elf--input-range-editor .type-button,.elf--input-range-editor .remove{display:none}.elf--input-range-editor .range--editor-type{vertical-align:middle;height:24px}.elf--input-range-editor .range--editor-type .area{font-size:13px;display:grid;grid-template-columns:1fr 30px;height:100%;border-radius:3px}.elf--input-range-editor .range--editor-type .area span{padding:1px;vertical-align:middle}.elf--input-range-editor .range--editor-type .area input,.elf--input-range-editor .range--editor-type .area select{width:100%}.elf--input-range-editor .range--editor-type .area input[type=number]{height:100%;padding:2px;border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0}.elf--input-range-editor .range--editor-type .area .elf--select-editor select{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0;background-color:var(--elf--input-background-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;height:100%;padding:0 4px;border-left:0;color:var(--elf--input-sub-font-color);border-bottom:1px solid var(--elf--border-color);border-top:1px solid var(--elf--border-color);border-right:1px solid var(--elf--border-color)}.elf--range--editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.elf--range--editor.has-label{grid-template-columns:70px 1fr;grid-column-gap:2px}.elf--range--editor.has-label.compact{grid-template-columns:30px 1fr}.elf--range--editor.has-label.is-removable{grid-template-columns:70px 1fr 12px}.elf--range--editor.has-label.block{display:block;height:auto}.elf--range--editor.has-label.block>label{display:block}.elf--range--editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0 2px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.elf--range--editor.has-label.block{display:block}.elf--range--editor.has-label.block label{display:block;color:var(--elf--font-color)}.elf--range--editor.is-removable{grid-template-columns:1fr 12px}.elf--range--editor.is-removable .remove{display:inline-block;margin-top:3px}.elf--range--editor .remove{display:none}.elf--range--editor .range--editor-type{display:grid;vertical-align:middle;grid-template-columns:1fr 80px;grid-column-gap:4px;height:24px}.elf--range--editor .range--editor-type .area{display:grid;grid-template-columns:1fr 24px;font-size:13px;border-radius:3px;border:1px solid transparent}.elf--range--editor .range--editor-type .area.focused{border:1px solid var(--elf--selected-color);border-radius:3px}.elf--range--editor .range--editor-type .area span{padding:1px;vertical-align:middle}.elf--range--editor .range--editor-type .area input,.elf--range--editor .range--editor-type .area select{width:100%;background-color:transparent;border:0}.elf--range--editor .range--editor-type .area input[type=range]{width:95%}.elf--range--editor .range--editor-type .area input[type=number]{height:100%;padding:2px;border-right:0;border-bottom:1px solid var(--elf--border-color);border-left:1px solid var(--elf--border-color);border-top:1px solid var(--elf--border-color);text-align:left;background-color:var(--elf--input-background-color);border-top-left-radius:3px;border-bottom-left-radius:3px}.elf--range--editor .range--editor-type .area .elf--select-editor{text-align:right;background-color:var(--elf--input-background-color);position:relative;box-sizing:border-box;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0}.elf--range--editor .range--editor-type .area .elf--select-editor select{position:absolute;right:0;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left:0;text-align:center;padding:0;width:24px;height:100%;color:var(--elf--input-sub-font-color);background-color:transparent;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0;border-bottom:1px solid var(--elf--border-color);border-top:1px solid var(--elf--border-color);border-right:1px solid var(--elf--border-color)}.elf--media-progress-editor>*{margin-bottom:2px}.elf--media-progress-editor .drag-area{height:10px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;position:relative;padding:0 10px;background-image:linear-gradient(to right,#2b2b2b 1px,transparent 1px 100%);background-size:10px 8px;background-repeat:repeat-x;background-position:0 1px}.elf--media-progress-editor .progress-bar{height:2px;display:block;background-color:#2b2b2b;position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%)}.elf--media-progress-editor .bar{height:2px;position:absolute;display:inline-block;left:10%;width:50%;top:50%;transform:translateY(-50%);background-color:var(--elf--selected-color)}.elf--media-progress-editor .drag-item{position:absolute;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:var(--elf--selected-color);cursor:pointer;transform:translate(-50%,-50%);top:50%}.elf--media-progress-editor .drag-item.end{background-color:#ff0;box-shadow:0 0 3px rgba(0,0,0,.3)}.elf--number-input-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.elf--number-input-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:4px}.elf--number-input-editor.has-label.compact{grid-template-columns:30px 1fr}.elf--number-input-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.elf--number-input-editor.has-label.block{display:block}.elf--number-input-editor.has-label.block label{display:block}.elf--number-input-editor .range--editor-type{vertical-align:middle;height:24px}.elf--number-input-editor .range--editor-type .area{display:grid;grid-template-columns:1fr;grid-column-gap:3px;font-size:13px;height:100%}.elf--number-input-editor .range--editor-type .area span{padding:1px;vertical-align:middle}.elf--number-input-editor .range--editor-type .area input{width:100%}.elf--number-input-editor .range--editor-type .area input[type=number]{border-radius:3px}.elf--number-input-editor .range--editor-type .area input[type=number].focused{box-shadow:0 0 0 1px var(--elf--selected-color)}.elf--number-input-editor .range--editor-type .area select{width:100%;color:var(--elf--input-sub-font-color)}.elf--number-range-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.elf--number-range-editor.has-label{grid-template-columns:70px 1fr;grid-column-gap:2px}.elf--number-range-editor.has-label.is-removable{grid-template-columns:70px 1fr 12px}.elf--number-range-editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0 2px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.elf--number-range-editor.has-label.block{display:block;height:auto}.elf--number-range-editor.has-label.block label{display:block}.elf--number-range-editor.is-removable{grid-template-columns:1fr 12px}.elf--number-range-editor.is-removable .remove{display:inline-block}.elf--number-range-editor .remove{display:none}.elf--number-range-editor .range--editor-type{vertical-align:middle;height:24px}.elf--number-range-editor .range--editor-type .area{display:grid;grid-template-columns:1fr 80px;grid-column-gap:3px;font-size:13px;height:100%}.elf--number-range-editor .range--editor-type .area span{padding:1px;vertical-align:middle}.elf--number-range-editor .range--editor-type .area input{width:100%}.elf--number-range-editor .range--editor-type .area input[type=number]{border-radius:3px}.elf--number-range-editor .range--editor-type .area input[type=number].focused{box-shadow:0 0 0 1px var(--elf--selected-color)}.elf--number-range-editor .range--editor-type .area select{width:100%;color:var(--elf--input-sub-font-color)}.elf--path-data-editor .segment-empty{display:grid;grid-template-columns:30px 1fr;grid-column-gap:2px}.elf--path-data-editor .segment-empty .values{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:center}.elf--path-data-editor .segment{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px;margin-bottom:4px}.elf--path-data-editor .segment.m{padding-top:10px}.elf--path-data-editor .segment .command{color:var(--elf--selected-color);cursor:pointer}.elf--path-data-editor .segment .command[data-toggle=false]{opacity:.3;font-weight:700}.elf--path-data-editor .segment .values{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2px;grid-row-gap:2px}.elf--path-data-editor .segment .values span{text-align:center}.elf--path-data-editor .segment .values input{width:100%}.elf--polygon-data-editor .segment{display:grid;grid-template-columns:1fr;grid-column-gap:2px;margin-bottom:4px}.elf--polygon-data-editor .segment .values{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:right}.elf--polygon-data-editor .segment .values label{color:var(--elf--selected-color)}.elf--polygon-data-editor .segment .values input{color:var(--elf--font-color);width:80px}.elf--select-icon-editor{display:grid;grid-template-columns:1fr}.elf--select-icon-editor.has-label{grid-template-columns:70px 1fr}.elf--select-icon-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.elf--select-icon-editor .items{outline:none;line-height:1;background-color:transparent;height:30px;border:1px solid var(--elf--border-color);box-sizing:border-box;padding:2px;border-radius:3px;cursor:pointer;display:flex}.elf--select-icon-editor .items>.select-icon-item{flex:1 1 10%;text-align:center;vertical-align:middle;padding:6px 2px;border-right:0;white-space:pre-wrap;word-break:break-all;overflow:hidden;font-size:10px;text-transform:uppercase;line-height:1.4;color:var(--elf--font-color);position:relative;background-color:var(--elf--select-icon-editor-item-color)}.elf--select-icon-editor .items>.select-icon-item svg{position:absolute;left:50%;top:50%;display:inline-block;transform:translate(-50%,-50%);width:16px;height:16px;vertical-align:middle}.elf--select-icon-editor .items>.select-icon-item.selected{background-color:var(--elf--select-icon-editor-selected-color);color:var(--elf--selected-font-color);border-radius:3px}.elf--select-icon-editor .items>.select-icon-item.icon{padding:3px 2px}.elf--select-icon-editor .items>.select-icon-item[data-value]{font-size:12px}.elf--select-icon-editor .items>.select-icon-item[data-value=""]{max-width:20px}.elf--select-icon-editor .items>.select-icon-item[data-value=none]{text-transform:none;vertical-align:middle}.elf--select-icon-editor .items>.select-icon-item[data-value=uppercase]{text-transform:uppercase;vertical-align:middle}.elf--select-icon-editor .items>.select-icon-item[data-value=lowercase]{text-transform:lowercase;vertical-align:middle}.elf--select-icon-editor .items>.select-icon-item[data-value=capitalize]{text-transform:capitalize;vertical-align:middle}.elf--select-icon-editor .items>.select-icon-item[data-value=full-width]{text-transform:full-width;vertical-align:middle}.elf--select-icon-editor .items>.select-icon-item[data-value=underline]{text-decoration:underline;vertical-align:middle}.elf--select-icon-editor .items>.select-icon-item[data-value=overline]{text-decoration:overline;vertical-align:middle}.elf--select-icon-editor .items>.select-icon-item[data-value=line-through]{text-decoration:line-through;vertical-align:middle}.elf--select-icon-editor .items>.select-icon-item[data-value=normal]{font-style:normal;vertical-align:middle}.elf--select-icon-editor .items>.select-icon-item[data-value=italic]{font-style:italic;vertical-align:middle}.elf--select-icon-editor .items>.select-icon-item[data-value=oblique]{font-style:oblique;vertical-align:middle}.elf--select-icon-editor .tools{text-align:right;vertical-align:middle;padding:4px 0}.elf--stroke-dasharray-editor{padding:4px 0}.elf--stroke-dasharray-editor .dasharray-item{margin-bottom:3px;display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px}.elf--stroke-dasharray-editor>.tools.has-label{display:grid;grid-template-columns:70px 1fr}.elf--stroke-dasharray-editor>.tools.has-label .label{text-align:left}.elf--stroke-dasharray-editor>.tools label{vertical-align:middle;cursor:pointer;text-align:left}.elf--text-area-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px}.elf--text-area-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.elf--text-area-editor.has-label label{vertical-align:middle;padding:2px 4px 2px 0}.elf--text-area-editor input[type=text]{border:1px solid var(--elf--border-color);width:100%}.elf--text-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px}.elf--text-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.elf--text-editor.has-label label{vertical-align:middle;padding:2px 4px 2px 0}.elf--text-editor input[type=text]{border:1px solid var(--elf--border-color);width:100%}.elf--var-editor{grid-template-columns:1fr!important}.elf--var-editor .label{height:20px;margin-top:2px}.elf--var-editor .label.hide{display:none}.elf--var-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.elf--var-editor .tools{vertical-align:middle;text-align:right;float:right}.elf--var-editor .var-item{height:24px;display:grid;grid-template-columns:1fr 1fr 30px;grid-column-gap:2px;text-align:center;margin-bottom:5px;margin-top:5px}.elf--var-editor .var-item>div input{width:100%;height:100%}.elf--var-editor .var-item>div input::-moz-placeholder{color:#9e9e9e}.elf--var-editor .var-item>div input:-ms-input-placeholder{color:#9e9e9e}.elf--var-editor .var-item>div input::placeholder{color:#9e9e9e}.elf--var-editor .var-item .tools{text-align:right}.elf--selector-popup{padding:7px;width:250px;height:auto}.elf--selector-popup .box .name{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.elf--selector-popup .box .name input{width:100%}.elf--selector-list{grid-template-columns:1fr!important}.elf--selector-list .selector-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px;cursor:pointer;height:30px}.elf--selector-list .selector-item:first-child{margin-top:5px}.elf--selector-list .selector-item.selected{background-color:var(--elf--border-color)}.elf--selector-list .selector-item .title{display:grid;grid-template-columns:1fr 20px;height:20px}.elf--selector-list .selector-item .title .name{padding:2px 0}.elf--selector-list .selector-item .title .name span{padding:2px 4px;font-weight:700;border-radius:3px;background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.elf--selector-list .selector-item .title .tools{vertical-align:middle;text-align:right}.elf--svgfilter-assets-property .svgfilter-assets{padding:5px}.elf--svgfilter-assets-property .svgfilter-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.elf--svgfilter-assets-property .svgfilter-list-tools button{padding:2px 10px;border:1px solid var(--elf--border-color)}.elf--svgfilter-assets-property .svgfilter-list-tools[data-view-mode=list] button[data-value=list]{background-color:var(--elf--selected-border-color);border-color:var(--elf--selected-border-color);background-image:none;color:var(--elf--selected-font-color)}.elf--svgfilter-assets-property .svgfilter-list-tools[data-view-mode=grid] button[data-value=grid]{background-color:var(--elf--selected-border-color);border-color:var(--elf--selected-border-color);background-image:none;color:var(--elf--selected-font-color)}.elf--svgfilter-assets-property .svgfilter-list{padding:5px}.elf--svgfilter-assets-property .svgfilter-list .svgfilter-view{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;background-image:radial-gradient(yellow 0%,red 100%)}.elf--svgfilter-assets-property .svgfilter-list[data-view-mode=grid]{display:block}.elf--svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item{display:inline-block;width:66px;position:relative;height:66px;border:1px solid var(--elf--selected-color);border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:20px;color:var(--elf--font-color)}.elf--svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item button svg{width:20px;height:20px}.elf--svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item{display:inline-block;width:66px;position:relative;margin-right:2px;margin-bottom:4px;vertical-align:middle}.elf--svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item:hover .tools{display:inline-block}.elf--svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer}.elf--svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0}.elf--svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title input{width:100%}.elf--svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .tools{background-color:transparent;position:absolute;display:none;top:0;right:0;text-align:right;padding:2px;color:var(--elf--selected-font-color)}.elf--color-matrix-editor .title{padding:5px 0;color:var(--elf--selected-color)}.elf--color-matrix-editor .color-matrix-template{padding:5px 10px;max-height:383px;overflow:auto;box-sizing:border-box;border:1px solid var(--elf--border-color)}.elf--color-matrix-editor .color-matrix-template input,.elf--color-matrix-editor .color-matrix-template select{width:100%}.elf--color-matrix-editor .color-matrix-template .sample-item{padding:2px 5px;cursor:pointer}.elf--color-matrix-editor .color-matrix-template .sample-item:hover{background-color:rgba(255,255,255,.2);color:var(--elf--selected-color)}.elf--func-filter-editor{display:grid;grid-template-columns:1fr}.elf--func-filter-editor.focused{box-shadow:0 0 0 1px var(--elf--selected-color);border-radius:3px}.elf--func-filter-editor.has-label{grid-template-columns:60px 1fr}.elf--func-filter-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0;font-size:11px;padding-left:0!important}.elf--func-filter-editor>[data-type]{display:none;padding:4px 0}.elf--func-filter-editor[data-selected-type=identity]>[data-type=identity]{display:block}.elf--func-filter-editor[data-selected-type=table]>[data-type=table],.elf--func-filter-editor[data-selected-type=discrete]>[data-type=table]{display:block}.elf--func-filter-editor[data-selected-type=linear]>[data-type=linear]{display:block}.elf--func-filter-editor[data-selected-type=gamma]>[data-type=gamma]{display:block}.elf--svg-filter-editor{color:var(--elf--font-color);display:grid;grid-template-columns:150px 1fr 200px;grid-column-gap:10px;height:100%;position:relative}.elf--svg-filter-editor .label{height:20px;margin-top:2px}.elf--svg-filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.elf--svg-filter-editor .tools{vertical-align:middle;text-align:right;float:right}.elf--svg-filter-editor .tools select{width:100px!important;display:inline-block}.elf--svg-filter-editor .left{height:100%;position:relative}.elf--svg-filter-editor .left .filter-item-list{padding:10px 5px;height:100%;overflow:auto}.elf--svg-filter-editor .left .filter-item-list .group{margin-bottom:6px}.elf--svg-filter-editor .left .filter-item-list .group:before{content:attr(label);display:block;color:var(--elf--selected-color);font-size:11px}.elf--svg-filter-editor .left .filter-item-list .group .item{padding-left:10px;font-size:12px;cursor:pointer;padding:2px 10px;vertical-align:middle;color:var(--elf--font-color)}.elf--svg-filter-editor .left .filter-item-list .group .item svg{width:20px;height:20px}.elf--svg-filter-editor .left .filter-item-list .group .item[value=SourceGraphic],.elf--svg-filter-editor .left .filter-item-list .group .item[value=BackgroundImage],.elf--svg-filter-editor .left .filter-item-list .group .item[value=FillPaint]{color:var(--elf--selected-color)}.elf--svg-filter-editor .left .filter-item-list .group .item:hover{background-color:rgba(255,255,255,.3)}.elf--svg-filter-editor .center{position:relative;overflow:auto}.elf--svg-filter-editor .center .graph{overflow:auto;box-sizing:border-box;border:1px solid var(--elf--selected-color);position:relative;height:100%}.elf--svg-filter-editor .center .graph .connected-line-panel{width:1000px;height:1000px;position:absolute;left:0;top:0}.elf--svg-filter-editor .center .graph .connected-line-panel svg{width:100%;height:100%}.elf--svg-filter-editor .center .graph .connected-line-panel svg path{fill:transparent;stroke:var(--elf--selected-color);stroke-width:1;pointer-events:none}.elf--svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=graphic]{stroke:#a6a6ff}.elf--svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=source]{stroke:#9acd32}.elf--svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=modifier]{stroke:var(--elf--selected-color)}.elf--svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=lighting]{stroke:#e6ff00}.elf--svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=combiner]{stroke:#ff9bff}.elf--svg-filter-editor .center .graph .connected-line-panel svg circle{fill:var(--elf--selected-color);r:4;stroke:rgba(var(--elf--selected-color),.5);stroke-width:0;pointer-events:all;cursor:pointer}.elf--svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=graphic]{fill:#a6a6ff;stroke:rgba(166,166,255,.5)}.elf--svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=source]{fill:#9acd32;stroke:rgba(154,205,50,.5)}.elf--svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=modifier]{fill:var(--elf--selected-color);stroke:rgba(var(--elf--selected-color),.5)}.elf--svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=lighting]{fill:#e6ff00;stroke:rgba(230,255,0,.5)}.elf--svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=combiner]{fill:#ff9bff;stroke:rgba(255,155,255,.5)}.elf--svg-filter-editor .center .graph .connected-line-panel svg circle:hover{stroke-width:4}.elf--svg-filter-editor .center .graph .drag-line-panel{width:1000px;height:1000px;position:absolute;left:0;top:0}.elf--svg-filter-editor .center .graph .drag-line-panel svg{width:100%;height:100%}.elf--svg-filter-editor .center .graph .drag-line-panel svg path{stroke:var(--elf--selected-color);stroke-width:1}.elf--svg-filter-editor .center .graph .graph-panel{width:1000px;height:1000px;position:relative;pointer-events:none}.elf--svg-filter-editor .center .graph .graph-panel .filter-node{display:inline-block;position:absolute;left:10px;top:10px;width:40px;height:40px;background-color:var(--elf--background-color);border-radius:10px;pointer-events:all;cursor:pointer;box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px #777}.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceGraphic],.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceAlpha],.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundImage],.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundAlpha],.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=FillPaint],.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=StrokePaint],.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Flood],.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Turbulence],.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Image]{border-radius:0}.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out,.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out,.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out{background-color:#f8e579}.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out svg,.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out svg,.elf--svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out svg{display:none}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.label{position:absolute;bottom:100%;display:inline-block;left:50%;transform:translateX(-50%);font-size:11px;color:var(--elf--font-color)}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.remove{position:absolute;top:-6px;display:inline-block;left:50%;transform:translateX(-50%);font-size:11px;color:var(--elf--font-color);height:12px;width:12px;border-radius:100%;background-color:var(--elf--selected-color)}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg{width:100%;height:100%}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg path{fill:var(--elf--font-color)}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.preview{height:100%;width:100%;pointer-events:none;position:relative}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Merge] svg,.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Composite] svg{transform:translate(-50%,-50%)rotate(90deg)}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=graphic]{color:#a6a6ff}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=source]{color:#9acd32}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=modifier]{color:var(--elf--selected-color)}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting]{color:#e6ff00}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=combiner]{color:#ff9bff}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting] svg{filter:drop-shadow(0 0 1px rgba(0,0,0,.3))}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg{display:block;width:30px;height:30px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.elf--svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg path{fill:currentColor}.elf--svg-filter-editor .center .graph .graph-panel .filter-node .in-list{position:absolute;top:50%;width:14px;left:-14px;transform:translateY(-50%);display:inline-block}.elf--svg-filter-editor .center .graph .graph-panel .filter-node .in{width:14px;height:12px;display:block;background-color:#09f;border-top-left-radius:50%;border-bottom-left-radius:50%;margin:2px 0;position:relative}.elf--svg-filter-editor .center .graph .graph-panel .filter-node .in:before{content:"";position:absolute;display:block;width:8px;height:8px;background-color:rgba(255,255,255,.8);border-radius:100%;top:50%;left:3px;transform:translateY(-50%)}.elf--svg-filter-editor .center .graph .graph-panel .filter-node .out{position:absolute;width:12px;height:12px;right:-12px;top:50%;transform:translateY(-50%);background-color:#09f;border-top-right-radius:50%;border-bottom-right-radius:50%}.elf--svg-filter-editor .center .graph .graph-panel .filter-node .light{position:absolute;width:30px;height:15px;left:50%;bottom:-15px;transform:translateX(-50%);background-color:#f8e579;border-bottom-left-radius:100%;border-bottom-right-radius:100%}.elf--svg-filter-editor .center .graph .graph-panel .filter-node .in,.elf--svg-filter-editor .center .graph .graph-panel .filter-node .out{color:#fff}.elf--svg-filter-editor .center .graph .graph-panel .filter-node .in svg,.elf--svg-filter-editor .center .graph .graph-panel .filter-node .out svg{pointer-events:none;width:14px;height:24px;position:absolute;top:50%;transform:translateX(-50%)translateY(-50%)}.elf--svg-filter-editor .center .graph .graph-panel .filter-node .in svg{left:6px}.elf--svg-filter-editor .center .graph .graph-panel .filter-node .out svg{left:7px}.elf--svg-filter-editor .center .graph .graph-panel .filter-node.selected{box-shadow:0 0 0 1.5px rgba(0,0,0,.3),0 0 0 3px var(--elf--selected-color)}.elf--svg-filter-editor .right{height:100%;overflow:auto;box-sizing:border-box}.elf--svg-filter-editor .filter-list{width:100%;display:grid!important;grid-template-columns:1fr!important}.elf--svg-filter-editor .filter-list .filter-item{display:block}.elf--svg-filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:1fr 30px;margin-left:-20px;color:var(--elf--selected-color);border-radius:3px;margin:5px 0}.elf--svg-filter-editor .filter-list .filter-item .title label{font-size:12px;padding:2px 0}.elf--svg-filter-editor .filter-list .filter-item .title .filter-menu{text-align:right;color:var(--elf--selected-font-color)}.elf--svg-filter-editor .filter-list .filter-item .filter-ui{display:grid;grid-template-columns:1fr;margin-bottom:2px}.elf--svg-filter-editor .filter-list .filter-item .filter-ui>div{margin-bottom:5px}.elf--svg-filter-editor .filter-list .filter-item .filter-ui>div .elf--number-range-editor.has-label,.elf--svg-filter-editor .filter-list .filter-item .filter-ui>div .elf--select-editor.has-label,.elf--svg-filter-editor .filter-list .filter-item .filter-ui>div .elf--text-editor.has-label{grid-template-columns:100px 1fr}.elf--svg-filter-editor .filter-list .filter-item .filter-ui>div .elf--color-view-editor.has-label{grid-template-columns:100px 24px 1fr}.elf--svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.elf--svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow label{font-size:10px}.elf--svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.elf--svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color label{font-size:12px}.elf--svg-filter-editor .filter-list .filter-item .filter-ui input[type=range]{width:90%}.elf--svg-filter-popup{min-width:900px;min-height:500px;max-height:800px;position:relative}.elf--svg-filter-popup .box{position:absolute;left:0;right:0;bottom:0;top:0}.elf--svg-filter-popup .box>.editor{height:100%;position:relative}.elf--svg-filter-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.elf--svg-filter-popup .box .property .title .tools{text-align:right}.elf--svg-filter-popup .box .property .title .tools select{width:100px;display:inline-block}.elf--svg-filter-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.elf--svg-filter-popup .box input[type=range],.elf--svg-filter-popup .box input[type=number],.elf--svg-filter-popup .box input[type=text],.elf--svg-filter-popup .box select{width:100%;vertical-align:middle}.elf--svg-filter-select-editor{position:relative;display:grid;grid-template-columns:1fr 16px 16px;grid-column-gap:2px;height:24px}.elf--svg-filter-select-editor.has-label{grid-template-columns:60px 1fr 16px 16px;grid-column-gap:2px}.elf--svg-filter-select-editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0 2px;font-size:11px;line-height:1.6}.elf--svg-filter-select-editor select{width:100%;height:100%}.elf--svg-filter-select-editor button{margin-top:4px}.elf--text-shadow-editor{grid-template-columns:1fr!important}.elf--text-shadow-editor .label{height:20px}.elf--text-shadow-editor .label.hide{display:none}.elf--text-shadow-editor .label label{font-size:12px;padding:2px 6px 2px 0;vertical-align:middle}.elf--text-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.elf--text-shadow-editor .tools select{width:100px!important;display:inline-block}.elf--text-shadow-editor .shadow-item{height:20px;display:grid;grid-template-columns:20px 1fr 1fr 1fr 20px;grid-column-gap:5px;text-align:center;margin-top:5px}.elf--text-shadow-editor .shadow-item.desc{color:var(--elf--font-color)}.elf--text-shadow-editor .shadow-item.desc .color{visibility:hidden}.elf--text-shadow-editor .shadow-item .color{cursor:pointer;height:20px;border:1px solid var(--elf--border-color);position:relative;background-color:transparent;background-image:linear-gradient(45deg,#f8f8f8 25%,transparent 25%),linear-gradient(-45deg,#f8f8f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f8f8 75%),linear-gradient(-45deg,transparent 75%,#f8f8f8 75%);background-size:11px 11px;background-position:0 0,0 5.5px,5.5px -5.5px,-5.5px 0}.elf--text-shadow-editor .shadow-item .color .color-view{position:absolute;left:0;top:0;right:0;bottom:0}.elf--text-shadow-editor .shadow-item .offset-x,.elf--text-shadow-editor .shadow-item .offset-y,.elf--text-shadow-editor .shadow-item .blur-radius,.elf--text-shadow-editor .shadow-item .inset{padding:4px 0}.elf--text-shadow-editor .shadow-item .tools{text-align:right}.elf--text-shadow-property-popup{width:200px}.elf--text-shadow-property-popup .box label{font-size:11px}.elf--text-shadow-property-popup .box .popup-item{margin-top:5px}.elf--text-shadow-property-popup .box .drag-board{width:200px;border:1px solid var(--elf--border-color);height:200px;position:relative;margin-bottom:10px;background-image:linear-gradient(to right,var(--elf--border-color),var(--elf--border-color)),linear-gradient(to right,var(--elf--border-color),var(--elf--border-color));background-size:100% 1px,1px 100%;background-position:0,50% 0;background-repeat:no-repeat}.elf--text-shadow-property-popup .box .drag-board .pointer{pointer-events:none;position:absolute;width:10px;height:10px;transform:translateX(calc(100px - 5px))translateY(calc(100px - 5px));background-color:var(--elf--selected-color);border-radius:100%}.elf--rotate-editor-view{position:relative;margin:20px auto;width:100px;height:100px;pointer-events:none}.elf--rotate-editor-view .rotate-z{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:100%}.elf--rotate-editor-view .rotate-z .handle{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:20px;height:20px;background-color:rgba(var(--elf--selected-color),.5);border:1px solid var(--elf--selected-font-color);border-radius:100%;pointer-events:all;color:var(--elf--selected-color)}.elf--rotate-editor-view .rotate-z .handle svg{width:100%;height:100%}.elf--rotate-editor-view .rotate-z .handle svg path{fill:currentColor;stroke:currentColor}.elf--rotate-editor-view .rotate-z .handle:hover{cursor:pointer}.elf--rotate-editor-view .rotate-z .handle-line{position:absolute;left:50%;top:-1px;height:calc(50% + 1px);width:1px;transform:translate(-50%,0%);background-color:var(--elf--selected-color)}.elf--rotate-editor-view .direction-area{position:absolute;left:0;bottom:0;top:0;right:0;pointer-events:none;border-radius:100%}.elf--rotate-editor-view .direction-area .direction{position:absolute;left:0;top:0;width:10px;height:10px;transform:translate(-50%,-50%);background-color:var(--elf--selected-color);cursor:pointer;pointer-events:all;border-radius:100%;box-sizing:border-box}.elf--rotate-editor-view .direction-area .direction:hover{border-color:var(--elf--selected-color)}.elf--rotate-editor-view .direction-area .direction[data-value=top-left]{left:15%;top:15%}.elf--rotate-editor-view .direction-area .direction[data-value=top-right]{left:85%;top:15%}.elf--rotate-editor-view .direction-area .direction[data-value=bottom-left]{top:85%;left:15%}.elf--rotate-editor-view .direction-area .direction[data-value=bottom-right]{top:85%;left:85%}.elf--rotate-editor-view .direction-area .direction[data-value=top]{left:50%;height:10px}.elf--rotate-editor-view .direction-area .direction[data-value=left]{top:50%;width:10px}.elf--rotate-editor-view .direction-area .direction[data-value=right]{top:50%;left:100%}.elf--rotate-editor-view .direction-area .direction[data-value=bottom]{left:50%;top:100%}.elf--rotate-editor-view .rotate-area{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid var(--elf--selected-color);border-radius:100%;pointer-events:all;cursor:move}.elf--rotate-editor-view .rotate-area .rotate-container{position:absolute;left:20px;right:20px;top:20px;bottom:20px;transform-style:preserve-3d;pointer-events:none;perspective:1000px}.elf--rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-item,.elf--rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-item{border:1px solid var(--elf--font-color);border-radius:0}.elf--rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-x,.elf--rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-x{transform:rotateX(89deg)translateZ(0)}.elf--rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-y,.elf--rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-y{transform:rotateY(89deg)translateZ(0)}.elf--rotate-editor-view .rotate-area .rotate-item{position:absolute;left:0;top:0;bottom:0;right:0;border-radius:100%;background-color:rgba(255,255,255,.4)}.elf--rotate-editor-view .rotate-area .rotate-x{transform:rotateX(90deg)translateZ(0);border:5px solid var(--elf--rotate-x-border-color)}.elf--rotate-editor-view .rotate-area .rotate-y{transform:rotateY(90deg)translateZ(0);border:5px solid var(--elf--rotate-y-border-color)}.elf--transform-editor .label{height:20px;margin-top:2px}.elf--transform-editor .label.hide{display:none}.elf--transform-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.elf--transform-editor .tools{vertical-align:middle;text-align:right;float:right}.elf--transform-editor .tools select{width:100px!important;display:inline-block}.elf--transform-editor .transform-list{width:100%;display:grid!important;grid-template-columns:1fr!important}.elf--transform-editor .transform-list .transform-item{display:block;background-color:var(--elf--transform-item-background-color);margin-top:10px;border:1px solid var(--elf--transform-item-border-color);box-sizing:border-box;padding:0 2px;border-radius:1px;box-shadow:0 0 3px rgba(255,255,255,.1)}.elf--transform-editor .transform-list .transform-item .title{display:grid;grid-template-columns:1fr 18px;color:var(--elf--font-color);border-radius:3px;margin:3px 0}.elf--transform-editor .transform-list .transform-item .title label{font-size:12px;padding:2px 5px;cursor:move;color:var(--elf--font-color);vertical-align:middle;display:inline-block}.elf--transform-editor .transform-list .transform-item .title label span{font-weight:700;border-radius:3px;padding:0;display:inline-block;min-width:10px;vertical-align:middle}.elf--transform-editor .transform-list .transform-item .title .transform-menu{text-align:right;padding:5px 0}.elf--transform-editor .transform-list .transform-item .transform-ui{display:block;margin-bottom:6px;margin-top:2px}.elf--transform-editor .transform-list .transform-item .transform-ui .scale>div{margin-bottom:5px}.elf--transform-editor .transform-list .transform-item .transform-ui pre{margin-top:3px;margin-bottom:3px}.elf--transform-editor .transform-list .transform-item .transform-ui .translate3d{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:5px;padding:0 2px}.elf--transform-editor .transform-list .transform-item .transform-ui .matrix{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:5px;padding:0 2px}.elf--transform-editor .transform-list .transform-item .transform-ui .matrix3d{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:5px;padding:0 2px}.elf--transform-editor .transform-list .transform-item .transform-ui input[type=range]{width:90%}.elf--transform-origin-editor{display:grid;grid-template-columns:80px 1fr}.elf--transform-origin-editor .transform-origin-item{display:grid;grid-template-columns:62px 1fr}.elf--transform-origin-editor .transform-origin-item.full{grid-template-columns:1fr}.elf--transform-origin-editor .direction{position:relative;margin:0 auto;margin-top:14px;margin-left:0;display:grid;grid-template-columns:repeat(3,20px);grid-template-rows:repeat(3,20px);grid-column-gap:0;grid-row-gap:0}.elf--transform-origin-editor .direction>div{width:20px;height:20px;display:inline-block;background-color:transparent;border:var(--elf--border-color)1px solid;cursor:pointer;vertical-align:middle;position:relative}.elf--transform-origin-editor .direction>div:before{pointer-events:none;content:"";background-color:var(--elf--selected-color);width:6px;height:6px;display:inline-block;position:absolute}.elf--transform-origin-editor .direction [data-value=top]:before{top:0;left:50%;transform:translateX(-50%)}.elf--transform-origin-editor .direction [data-value="top left"]:before{top:0;left:0}.elf--transform-origin-editor .direction [data-value="top right"]:before{top:0;right:0}.elf--transform-origin-editor .direction [data-value=bottom]:before{bottom:0;left:50%;transform:translateX(-50%)}.elf--transform-origin-editor .direction [data-value="bottom left"]:before{bottom:0;left:0}.elf--transform-origin-editor .direction [data-value="bottom right"]:before{bottom:0;right:0}.elf--transform-origin-editor .direction [data-value=left]:before{top:50%;left:0;transform:translateY(-50%)}.elf--transform-origin-editor .direction [data-value=right]:before{top:50%;right:0;transform:translateY(-50%)}.elf--transform-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%)translateY(-50%)}.elf--transform-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.elf--transform-origin-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:var(--elf--transform-origin-selected-color);color:var(--elf--selected-font-color)}.elf--transform-origin-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:var(--elf--transform-origin-selected-color);color:var(--elf--selected-font-color)}.elf--transform-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.elf--transform-origin-editor .radius-setting-box{margin-top:5px}.elf--transform-origin-editor .radius-setting-box>div{margin-bottom:5px}.elf--transition-list{grid-template-columns:1fr!important}.elf--transition-list .transition-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0}.elf--transition-list .transition-item.selected{background-color:var(--elf--border-color)}.elf--transition-list .transition-item .timing{border-radius:3px;background-color:var(--elf--animation-item-background-color);width:100%;height:30px;vertical-align:middle;cursor:pointer}.elf--transition-list .transition-item .timing canvas{border-radius:3px}.elf--transition-list .transition-item .labels{margin-top:4px;text-align:left;vertical-align:middle;padding:5px}.elf--transition-list .transition-item .labels label{padding:1px 3px;border-radius:2px;font-weight:700;background-color:var(--elf--border-color)}.elf--transition-list .transition-item .labels label small{color:var(--elf--font-color)}.elf--transition-list .transition-item .labels label.property{font-size:11px;font-weight:400;border-bottom:0}.elf--transition-list .transition-item .tools{vertical-align:middle;text-align:right;padding-top:8px}.elf--transition-property-popup{width:220px}.elf--transition-property-popup .box>div{margin-bottom:5px}.elf--transition-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.elf--transition-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.elf--transition-property-popup .box .input.grid-1{grid-template-columns:1fr}.elf--transition-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.elf--video-property .divider{height:1px;width:30px;margin:10px auto;background-color:var(--elf--divider-color)}.elf--video-property .play-control{display:grid;grid-template-columns:70px 1fr;grid-column-gap:5px}.elf--video-property .play-control button[data-value]{width:auto;display:none;font-size:11px;vertical-align:middle;text-align:left}.elf--video-property .play-control[data-selected-value=play] button[data-value=play]{display:inline-block}.elf--video-property .play-control[data-selected-value=pause] button[data-value=pause]{display:inline-block}.elf--video-property .volume-control{display:grid;grid-template-columns:20px 1fr;grid-column-gap:2px}.elf--video-property .volume-control span[data-value]{display:none;color:var(--elf--font-color);width:16px;height:16px;vertical-align:middle}.elf--video-property .volume-control span[data-value] svg{width:100%;height:100%}.elf--video-property .volume-control span[data-value] svg path{fill:currentColor}.elf--video-property .volume-control[data-selected-value=muted] span[data-value=muted]{display:inline-block}.elf--video-property .volume-control[data-selected-value=down] span[data-value=down]{display:inline-block}.elf--video-property .volume-control[data-selected-value=up] span[data-value=up]{display:inline-block}.elf--custom-assets{position:absolute;left:0;top:0;right:0;bottom:0}.elf--custom-assets .custom-assets-tools{position:absolute;left:0;top:10px;right:0;height:20px;display:grid;grid-template-columns:1fr 40px;grid-column-gap:10px;box-sizing:border-box;padding:0 10px}.elf--custom-assets .custom-assets-tools .tools{text-align:right}.elf--custom-assets .elf--asset-list{position:absolute;left:0;top:30px;right:0;bottom:0;overflow:auto;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px;grid-auto-rows:minmax(10px,190px);grid-row-gap:10px;box-sizing:border-box;padding:10px}.elf--custom-assets .elf--asset-list .asset-preview{padding-top:10px;border-radius:2px;box-shadow:0 0 0 1px var(--elf--selected-color)}.elf--custom-assets .elf--asset-list .asset-preview .tools{display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px;padding:0 10px 2px;box-sizing:border-box}.elf--custom-assets .elf--asset-list .asset-preview .tools .title{text-align:left;vertical-align:middle}.elf--custom-assets .elf--asset-list .asset-preview .tools .buttons{text-align:right;vertical-align:middle}.elf--custom-assets .elf--asset-list .asset-preview:hover{background-color:var(--elf--selected-color)}.elf--custom-assets .elf--asset-list .asset-preview img{width:100%;height:150px;-o-object-fit:contain;object-fit:contain}.elf--asset-list{height:100%;overflow:auto;padding:0;margin:0!important}.elf--asset-list .asset-item{color:var(--elf--list-item-font-color);padding:5px 7px!important;margin-bottom:0!important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;border-radius:4px}.elf--asset-list .asset-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.elf--asset-list .asset-item .detail label{padding:2px 0;font-size:12px;vertical-align:middle}.elf--asset-list .asset-item .detail .tools{text-align:right}.elf--asset-list .asset-item.selected{background-color:var(--elf--list-item-selected-color);color:var(--elf--selected-font-color)}.elf--asset-list .asset-item.selected .tools button{color:var(--elf--selected-font-color)}.elf--asset-list .asset-item[data-layout=flex] .detail [data-layout-title]:after,.elf--asset-list .asset-item[data-layout=grid] .detail [data-layout-title]:after{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;border-radius:3px}.elf--asset-list .asset-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.elf--asset-list .asset-item[data-layout=grid] .detail [data-layout-title]:after{background-color:var(--elf--selected-color)}.elf--library-items{padding:10px}.elf--library-items .property{margin-top:10px!important;margin-bottom:10px!important}.elf--library-items .property-title{background-color:var(--elf--selected-color-2)!important;margin-bottom:10px;border-radius:4px;color:var(--elf--selected-font-color)}.elf--library-items .property-title label{line-height:1.5}