
/* 
 * MIT License
 * 
 * Copyright (c) 2019 jinho park (cyberuls@gmail.com, easylogic)
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */

.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 0px 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:0px}.colorpicker .colorpicker-body .arrow-button:before{content:"";display:inline-block;position:absolute;left:0px;right:0px;top:0px;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:0px;right:0px;bottom:0px;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:1 1 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:1 1 auto;position:relative}.colorpicker .colorpicker-body .color-tab .color-tab-body .color-tab-content{display:none;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.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 0 rgba(0,0,0,.05)}.colorpicker .colorpicker-body .control{position:relative;padding:10px 0px 10px 0px;-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:0px 0px 0px 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:0px 0px 0px 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:0px;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 0px}.colorpicker .colorpicker-body .control>.opacity>.opacity-container>.color-bar{position:absolute;display:block;content:"";left:0px;right:0px;bottom:0px;top:0px}.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 0px}.colorpicker .colorpicker-body .control .drag-bar,.colorpicker .colorpicker-body .control .drag-bar2{border:1px solid rgba(0,0,0,.05);box-shadow:2px 2px 2px 0px 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:0px 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:0px;right:0px;bottom:0px;text-align:center;box-sizing:border-box;padding-top:5px}.colorpicker .colorpicker-body .information>.information-change>.format-change-button{box-sizing:border-box;background:transparent;border:0px;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:0px;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 0px 0px 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:0px;top:0px;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 0px;width:100%;height:100%;padding:0px;margin:0px;pointer-events:none}.colorpicker .colorpicker-body .colorsets>.color-list .color-item .color-view{position:absolute;left:0px;top:0px;width:100%;height:100%;padding:0px;margin:0px;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:0px;right:0px;bottom:0px;top:0px;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:0px;right:0px;bottom:0px;background-color:#fff}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header{position:absolute;top:0px;left:0px;right:0px;height:34px;display:flex;padding:3px 0px;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:bold;font-size:15px;box-sizing:border-box;margin-right:30px;vertical-align:middle;margin:0px;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:0px;right:0px;bottom:0px;overflow:auto}.colorpicker .colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item{cursor:pointer;display:flex;padding:3px 0px;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,.05)}.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:0px;padding:5px;padding-left:14px;font-weight:normal;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 0px;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:0px;margin:0px;pointer-events:none}.colorpicker.sketch{border-radius:5px}.colorpicker.sketch>.colorpicker-body .color-panel{margin:10px 0px 2px 0px;box-sizing:border-box;height:150px}.colorpicker.sketch>.colorpicker-body>.control{padding:0px}.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 0px 0px 1px 0px rgba(0,0,0,.5)}.colorpicker.sketch>.colorpicker-body>.control>.hue{position:relative;padding:2px 2px 2px 10px;margin:0px 38px 0px 0px}.colorpicker.sketch>.colorpicker-body>.control>.hue>.hue-container{border-radius:0px}.colorpicker.sketch>.colorpicker-body>.control>.opacity{position:relative;padding:2px 2px 2px 10px;margin:0px 38px 0px 0px}.colorpicker.sketch>.colorpicker-body>.control>.opacity>.opacity-container{border-radius:0px}.colorpicker.sketch>.colorpicker-body>.control .drag-bar,.colorpicker.sketch>.colorpicker-body>.control .drag-bar2{border-radius:0px;top:50%;left:0px;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:0px;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:0px}.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:bold}.colorpicker.sketch>.colorpicker-body>.information .information-item>.input-field:last-child:not(:first-child){padding-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item.hex{width:70px;padding-right:0px;padding-left:5px}.colorpicker.sketch>.colorpicker-body>.information .information-item.rgb{width:144px;padding-left:0px;padding-right:0px}.colorpicker.sketch>.colorpicker-body>.information .information-item.hsl{display:none;width:144px;padding-left:0px;padding-right:0px}.colorpicker.sketch>.colorpicker-body>.colorsets>.menu{display:none}.colorpicker.sketch>.colorpicker-body>.colorsets>.color-list{margin-right:0px;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:0px;padding-right:0px}.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:0px;margin:0px;box-sizing:border-box;font-family:sans-serif;position:absolute;left:0px;right:0px;bottom:0px;top:0px}.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: #313131;--elf--selection-tool-border-color: #3a89f0;--elf--selected-color: #03a9f4;--elf--selected-color-2: #1d2254;--elf--selected-border-color: #3a89f0;--elf--background-color: #121212;--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: #313131;--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: #313131;--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: black;--elf--guide-line-rect-color: #435cb5;--elf--page-view-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: #121212;--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.5);--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}.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: #e2e2e2;--elf--input-font-color: black;--elf--input-sub-font-color: #7a7a7a;--elf--border-color: #e2e2e2;--elf--selection-tool-border-color: #3a89f0;--elf--selected-color: #4778d4;--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: #e2e2e2;--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: #f6f6f6;--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: #4778d4;--elf--guide-font-color: black;--elf--guide-line-rect-color: #36457a;--elf--page-view-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: silver;--elf--select-icon-editor-selected-color: #609de2;--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: #4778d4;--elf--border-radius-selected-color: #4778d4;--elf--transform-item-background-color: rgba(0, 0, 0, 0.1);--elf--transform-item-border-color: #2b2b2b;--elf--tooltip-background-color: #4778d4;--elf--tooltip-font-color: white}.designeditor{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:0px;top:0px}.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--input-border-color);color:var(--elf--input-font-color);outline:none}.designeditor select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0px 4px;line-height:1.6;cursor:pointer;height:100%;background-color:var(--elf--background-color);border:1px solid var(--elf--border-color);border-radius:0px;color:var(--elf--font-color);outline:none;vertical-align:middle;width:100%;font-size:12px;border-radius:3px}.designeditor button{border-width:0px;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:0px}.designeditor button svg{width:100%;height:100%}.designeditor input[type=file].embed-file-input{position:absolute;left:0px;top:0px;-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 .tool-bar{display:grid;grid-template-columns:60px 200px 1fr 200px}.designeditor .tool-bar>div{text-align:center;padding:0px 10px;position:relative;height:calc(100% - 3px)}.designeditor .tool-bar>div>div{position:absolute;top:50%;width:100%;transform:translateY(-50%)}.designeditor .tool-bar>.logo-item{padding:9px 14px;box-sizing:border-box;text-align:left}.designeditor .tool-bar>.left{text-align:left;padding-left:0px;padding-right:0px}.designeditor .tool-bar>.left .elf--menu-item{width:30px !important}.designeditor .tool-bar>.center>div{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translateX(-50%) translateY(-50%)}.designeditor .tool-bar>.center>div .elf--menu-item{width:34px !important}.designeditor .tool-bar>.right{text-align:right;padding-left:0px;padding-right:20px}.designeditor .tool-bar>.right>div{right:10px}.designeditor .tool-bar>.right .elf--menu-item{width:30px !important}.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:0px}.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:0px solid #010101;border-radius:0px;box-shadow:0px 0px 0px #000,0px 0px 0px #0d0d0d}.designeditor input[type=range]::-ms-fill-upper{background:var(--elf--range-thumb-color);border:0px solid #010101;border-radius:0px}.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:0px;right:0px;bottom:0px;top:0px;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:0px;width:60px;top:0px;bottom:0px;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:1 1 auto;overflow:auto}.designeditor .tab.number-tab.side-tab.side-tab-left .tab-header .tab-item label{height:auto;padding:6px 0px}.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:0px;bottom:0px;right:0px}.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:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.designeditor .tab.number-tab>.tab-header.full{display:flex}.designeditor .tab.number-tab>.tab-header>.tab-item{text-align:center;position:relative;padding:0px 0px 0px 0px;height:100%}.designeditor .tab.number-tab>.tab-header>.tab-item.selected:before{content:"";background-color:var(--elf--selected-color);height:2px;position:absolute;left:0px;right:0px;top:0px}.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:0px;right:0px;height:34px;z-index:1;display:flex}.designeditor .tab>.tab-header.no-border>.tab-item{border:0px !important}.designeditor .tab>.tab-header>.tab-item{flex:1 1 auto;display:inline-block;font-size:12px;text-align:left;height:100%;padding:6px 4px;cursor:pointer;font-weight:bold}.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:0px;right:0px;top:34px;bottom:0px}.designeditor .tab>.tab-body.no-border{border:0px}.designeditor .tab>.tab-body>.tab-content{position:absolute;left:0px;right:0px;top:0px;bottom:0px;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:1 1 auto;overflow:auto;position:relative}.designeditor .colorpicker-layer .colorpicker{background-color:transparent;width:100%;border:0px;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:0px !important;padding:3px}.designeditor .colorpicker-layer .colorpicker .colorpicker-body .wheel{border:0px;background-color:transparent}.designeditor .logo{text-align:center;padding:0px 10px}.designeditor .logo .text{font-size:16px;display:inline-block;font-weight:900;line-height:1.6;color:var(--elf--selected-color);z-index:1;vertical-align:middle}.designeditor .logo .extra-text{z-index:0;font-size:16px;display:inline-block;font-weight:900;line-height:1.6;vertical-align:middle;color:var(--elf--selected-font-color)}.designeditor .logo .site{font-size:14px;color:var(--elf--border-color)}.designeditor .preview-tool-menu{position:absolute;bottom:0px;left:0px;right:0px;top:0px;display:inline-block;overflow:auto;box-sizing:border-box;border-top:1px solid var(--elf--border-color);padding-top:10px}.designeditor .preview-tool-menu .items{height:auto}.designeditor .tool-menu,.designeditor .preview-tool-menu{color:var(--elf--selected-font-color);padding:8px 0px}.designeditor .tool-menu.center,.designeditor .preview-tool-menu.center{text-align:center}.designeditor .tool-menu .items,.designeditor .preview-tool-menu .items{height:100%;width:100%;padding:0px;display:inline-block}.designeditor .tool-menu .items .empty,.designeditor .preview-tool-menu .items .empty{width:100%;height:48px}.designeditor .tool-menu .items .draw-items[data-selected-value=svg] [data-item=css],.designeditor .preview-tool-menu .items .draw-items[data-selected-value=svg] [data-item=css]{display:none}.designeditor .tool-menu .items .draw-items[data-selected-value=svg] [data-item=svg] .divider,.designeditor .preview-tool-menu .items .draw-items[data-selected-value=svg] [data-item=svg] .divider{display:none}.designeditor .tool-menu .items .draw-items[data-selected-value=css] [data-item=svg],.designeditor .preview-tool-menu .items .draw-items[data-selected-value=css] [data-item=svg]{display:none}.designeditor .tool-menu .items .draw-items>*,.designeditor .preview-tool-menu .items .draw-items>*{display:inline-block}.designeditor .tool-menu .items .draw-items .sub-title,.designeditor .preview-tool-menu .items .draw-items .sub-title{width:1px;margin-top:-5px !important;height:1px;padding:0px;display:inline-block;vertical-align:top}.designeditor .tool-menu .items .draw-items .divider,.designeditor .preview-tool-menu .items .draw-items .divider{border:0px;border-right:1px solid var(--elf--divider-color);height:20px;vertical-align:middle;display:inline-block}.designeditor .tool-menu .items .draw-items .elf--menu-item,.designeditor .preview-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:0px;box-shadow:none;display:inline-block;position:relative}.designeditor .tool-menu .items .draw-items .elf--menu-item.selected .icon,.designeditor .preview-tool-menu .items .draw-items .elf--menu-item.selected .icon{color:var(--elf--selected-color)}.designeditor .tool-menu .items .draw-items .elf--menu-item.selected .title,.designeditor .preview-tool-menu .items .draw-items .elf--menu-item.selected .title{color:var(--elf--selected-color)}.designeditor .tool-menu .items .draw-items .elf--menu-item[data-no-title=true],.designeditor .preview-tool-menu .items .draw-items .elf--menu-item[data-no-title=true]{height:30px}.designeditor .tool-menu .items .draw-items .elf--menu-item[data-no-title=true] .title,.designeditor .preview-tool-menu .items .draw-items .elf--menu-item[data-no-title=true] .title{display:none}.designeditor .tool-menu .items .draw-items .elf--menu-item.cylinder .icon,.designeditor .preview-tool-menu .items .draw-items .elf--menu-item.cylinder .icon{padding-top:4px}.designeditor .tool-menu .items .draw-items .elf--menu-item.cylinder .icon svg,.designeditor .preview-tool-menu .items .draw-items .elf--menu-item.cylinder .icon svg{width:24px;height:24px}.designeditor .tool-menu .items .draw-items .elf--menu-item.cylinder .icon svg path,.designeditor .preview-tool-menu .items .draw-items .elf--menu-item.cylinder .icon svg path{stroke-width:0}.designeditor .tool-menu .items .draw-items .elf--menu-item .icon,.designeditor .preview-tool-menu .items .draw-items .elf--menu-item .icon{display:inline-block;border-radius:3px}.designeditor .tool-menu .items.flex-2,.designeditor .preview-tool-menu .items.flex-2{flex:5}.designeditor .tool-menu .items.left,.designeditor .preview-tool-menu .items.left{flex:none;width:300px;text-align:left}.designeditor .tool-menu .items form,.designeditor .preview-tool-menu .items form{display:inline-block;vertical-align:middle}.designeditor .tool-menu .items .elf--menu-item[data-no-title=true] .title,.designeditor .tool-menu .items .elf--menu-item[data-tooltip] .title,.designeditor .preview-tool-menu .items .elf--menu-item[data-no-title=true] .title,.designeditor .preview-tool-menu .items .elf--menu-item[data-tooltip] .title{display:none}.designeditor .tool-menu .items button,.designeditor .preview-tool-menu .items button{width:40px;height:40px;background-color:transparent;background-image:none;border:0px;box-shadow:none;display:inline-block;color:var(--elf--selected-font-color)}.designeditor .tool-menu .items button[checked=checked] .icon,.designeditor .preview-tool-menu .items button[checked=checked] .icon{background-color:rgba(255,255,255,.1);color:var(--elf--selected-font-color)}.designeditor .tool-menu .items .title,.designeditor .preview-tool-menu .items .title{font-size:10px;color:var(--elf--menu-item-title-font-color)}.designeditor .tool-menu .items .icon,.designeditor .preview-tool-menu .items .icon{margin:0 auto;width:20px;height:20px;color:var(--elf--font-color)}.designeditor .tool-menu .items .icon svg,.designeditor .preview-tool-menu .items .icon svg{width:100%;height:100%}.designeditor .tool-menu .items .icon.export,.designeditor .tool-menu .items .icon.codepen,.designeditor .tool-menu .items .icon.github,.designeditor .preview-tool-menu .items .icon.export,.designeditor .preview-tool-menu .items .icon.codepen,.designeditor .preview-tool-menu .items .icon.github{background-color:transparent;padding-right:2px;border-radius:3px}.designeditor .tool-menu .items .icon.export:before,.designeditor .tool-menu .items .icon.codepen:before,.designeditor .tool-menu .items .icon.github:before,.designeditor .preview-tool-menu .items .icon.export:before,.designeditor .preview-tool-menu .items .icon.codepen:before,.designeditor .preview-tool-menu .items .icon.github:before{display:inline-block;font-size:20px;font-weight:bold;vertical-align:middle;line-height:24px}.designeditor .tool-menu .items .icon.codepen:before,.designeditor .preview-tool-menu .items .icon.codepen:before{content:"C"}.designeditor .tool-menu .items .icon.github:before,.designeditor .preview-tool-menu .items .icon.github:before{content:"G"}.designeditor .horizontal-ruler{position:absolute;top:0px;left:20px;right:0px;height:20px;background-color:var(--elf--background-color);z-index:0}.designeditor .horizontal-ruler .horizontal-ruler-container{position:absolute;left:0px;top:0px;height:100%;width:100%}.designeditor .horizontal-ruler svg text{text-anchor:middle;fill:var(--elf--font-color);font-size:8px}.designeditor .vertical-ruler{position:absolute;left:0px;width:20px;top:20px;bottom:0px;background-color:var(--elf--background-color);box-sizing:border-box;z-index:0}.designeditor .vertical-ruler .vertical-ruler-container{position:absolute;left:0px;top:0px;height:100%;width:100%}.designeditor .vertical-ruler svg text{text-anchor:middle;fill:var(--elf--font-color);font-size:8px}.designeditor .player .page-container{top:0px;left:0px}.designeditor .page-container{position:absolute;top:20px;left:20px;right:0px;bottom:0px;pointer-events:all;outline:none;background-color:#fff;touch-action:pinch-zoom;z-index:1}.designeditor .page-view{position:absolute;left:0px;right:0px;bottom:0px;top:0px;background-color:var(--elf--page-view-color)}.designeditor .page-view .page-lock{position:absolute;left:0px;right:0px;bottom:0px;top:0px;overflow:hidden}.designeditor .page-view .page-lock .element-view{position:absolute;left:0px;top:0px;outline:none}.designeditor .page-view .page-lock .element-view[data-mode=ADD]{cursor:crosshair}.designeditor .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}.designeditor .page-tools>*{position:relative;display:inline-block}.designeditor .page-tools>label{vertical-align:middle;font-size:11px;display:inline-block;height:100%;padding-top:5px}.designeditor .page-tools button{border-radius:3px;vertical-align:middle;display:inline-block;padding:4px;width:24px;height:24px}.designeditor .page-tools button.on{background-color:var(--elf--selected-color)}.designeditor .page-tools button svg{pointer-events:none}.designeditor .page-tools>.select{display:inline-block;width:50px;border-radius:5px;border:1px solid rgba(var(--elf--selected-color), 0.5)}.designeditor .page-subeditor{position:absolute;left:0px;top:0px;right:0px;bottom:0px;font-size:12px;pointer-events:none}.designeditor .path-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:var(--elf--font-color);background-color:var(--elf--background-color);height:100%;padding:7px 0px;overflow:hidden;white-space:nowrap;text-align:center}.designeditor .path-manager .text{display:inline-block}.designeditor .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)}.designeditor .path-manager .tools{height:100%;display:inline-block}.designeditor .path-manager .tools[data-selected-value=modify] button[data-value=modify]{color:var(--elf--selected-color)}.designeditor .path-manager .tools[data-selected-value=path] button[data-value=path]{color:var(--elf--selected-color)}.designeditor .path-manager .tools[data-selected-value=draw] button[data-value=draw]{color:var(--elf--selected-color)}.designeditor .path-manager .tools[data-selected-value=transform] button[data-value=transform]{color:var(--elf--selected-color)}.designeditor .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}.designeditor .path-manager .tools button[data-value=flipY]{transform:rotate(90deg)}.designeditor .path-manager .tools button[data-value=flip]{transform:rotate(45deg)}.designeditor .path-manager .tools button svg{width:20px;height:20px}.designeditor .path-manager .tools button svg path{stroke-width:1;stroke:var(--elf--background-color)}.designeditor .path-manager .tools>div{display:inline-block;height:100%;vertical-align:middle;padding:5px 0px}.designeditor .path-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px;width:auto}.designeditor .path-manager .tools>div .number-input-editor{display:inline-block}.designeditor .path-manager .tools>div .number-input-editor .range--editor-type{display:inline-block}.designeditor .path-manager .tools>div .number-input-editor .range--editor-type input[type=number]{background-color:var(--elf--border-color)}.designeditor .path-manager .tools>div .fill-single-editor{display:inline-block;vertical-align:middle;font-size:16px}.designeditor .path-manager .tools>div .fill-single-editor label{font-size:13px !important;vertical-align:middle}.designeditor .path-manager .tools>div .fill-single-editor .preview{width:18px;height:18px;border:1px solid var(--elf--selected-color);overflow:hidden}.designeditor .path-manager>*{vertical-align:middle}.designeditor .draw-manager{display:none;pointer-events:all;outline:none;border-top:0px;color:var(--elf--font-color);background-color:var(--elf--background-color);height:100%;padding:5px 5px;text-align:center}.designeditor .draw-manager .text{display:inline-block}.designeditor .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)}.designeditor .draw-manager .tools{height:100%;display:inline-block}.designeditor .draw-manager .tools>div{display:inline-block;margin-left:10px;height:100%;vertical-align:middle;padding:5px 0px}.designeditor .draw-manager .tools>div>*{display:inline-block;width:auto}.designeditor .draw-manager .tools>div label{text-align:right;padding:3px 2px;line-height:20px}.designeditor .draw-manager .tools>div .number-input-editor{display:inline-block}.designeditor .draw-manager .tools>div .number-input-editor .range--editor-type{display:inline-block}.designeditor .draw-manager .tools>div .number-input-editor .range--editor-type input[type=number]{background-color:var(--elf--border-color)}.designeditor .draw-manager .tools>div .fill-single-editor .preview{width:20px;height:20px;border:1px solid var(--elf--selected-color);overflow:hidden}.designeditor .draw-manager>*{vertical-align:middle}.designeditor .rotate-editor-view{position:relative;margin:20px auto;width:100px;height:100px;pointer-events:none}.designeditor .rotate-editor-view .rotate-z{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border-radius:100%}.designeditor .rotate-editor-view .rotate-z .handle{position:absolute;left:50%;top:0px;transform:translate(-50%, -50%);width:20px;height:20px;background-color:rgba(var(--elf--selected-color), 0.5);border:1px solid var(--elf--selected-font-color);border-radius:100%;pointer-events:all;color:var(--elf--selected-font-color)}.designeditor .rotate-editor-view .rotate-z .handle svg{width:100%;height:100%}.designeditor .rotate-editor-view .rotate-z .handle:hover{cursor:pointer}.designeditor .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)}.designeditor .rotate-editor-view .direction-area{position:absolute;left:0px;bottom:0px;top:0px;right:0px;pointer-events:none;border-radius:100%}.designeditor .rotate-editor-view .direction-area .direction{position:absolute;left:0px;top:0px;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}.designeditor .rotate-editor-view .direction-area .direction:hover{border-color:var(--elf--selected-color)}.designeditor .rotate-editor-view .direction-area .direction[data-value=top-left]{left:15%;top:15%}.designeditor .rotate-editor-view .direction-area .direction[data-value=top-right]{left:85%;top:15%}.designeditor .rotate-editor-view .direction-area .direction[data-value=bottom-left]{top:85%;left:15%}.designeditor .rotate-editor-view .direction-area .direction[data-value=bottom-right]{top:85%;left:85%}.designeditor .rotate-editor-view .direction-area .direction[data-value=top]{left:50%;height:10px}.designeditor .rotate-editor-view .direction-area .direction[data-value=left]{top:50%;width:10px}.designeditor .rotate-editor-view .direction-area .direction[data-value=right]{top:50%;left:100%}.designeditor .rotate-editor-view .direction-area .direction[data-value=bottom]{left:50%;top:100%}.designeditor .rotate-editor-view .rotate-area{position:absolute;left:0px;right:0px;top:0px;bottom:0px;border:1px solid var(--elf--selected-color);border-radius:100%;pointer-events:all;cursor:move}.designeditor .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}.designeditor .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-item,.designeditor .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-item{border:1px solid var(--elf--font-color);border-radius:0px}.designeditor .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-x,.designeditor .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-x{transform:rotateX(89deg) translateZ(0px)}.designeditor .rotate-editor-view .rotate-area .rotate-container[style=""] .rotate-y,.designeditor .rotate-editor-view .rotate-area .rotate-container:not([style]) .rotate-y{transform:rotateY(89deg) translateZ(0px)}.designeditor .rotate-editor-view .rotate-area .rotate-item{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;background-color:rgba(255,255,255,.4)}.designeditor .rotate-editor-view .rotate-area .rotate-x{transform:rotateX(90deg) translateZ(0px);border:5px solid var(--elf--rotate-x-border-color)}.designeditor .rotate-editor-view .rotate-area .rotate-y{transform:rotateY(90deg) translateZ(0px);border:5px solid var(--elf--rotate-y-border-color)}.designeditor .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}.designeditor .canvas-view{position:absolute;transform-origin:left top;left:0px;top:0px;width:100%;height:100%;will-change:auto}.designeditor .canvas-view svg.element-item{pointer-events:none}.designeditor .canvas-view svg.element-item>*{pointer-events:stroke}.designeditor .canvas-view svg.element-item>:not([fill=transparent]){pointer-events:visible}.designeditor .canvas-view .element-item[contenteditable=true]{outline:none}.designeditor .canvas-view .element-item [contenteditable=true]{outline:none}.designeditor .canvas-view .element-item[tabIndex]{outline:none}.designeditor .canvas-view .element-item.artboard{box-shadow:0 8px 6px -6px #000}.designeditor .canvas-view .element-item>svg:hover>path{stroke:#4040fc}.designeditor .canvas-view .element-item>svg:hover>text{fill:#4040fc}.designeditor .selection-view{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.designeditor .selection-view.editing-path,.designeditor .selection-view.editing-polygon{display:none !important}.designeditor .selection-view.empty>*{display:none}.designeditor .selection-view[data-has-shift=true] .pointer-rect .pointer{background-color:transparent}.designeditor .selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="11"],.designeditor .selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="12"],.designeditor .selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="13"],.designeditor .selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="14"]{display:none}.designeditor .selection-view.one-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="1"]{border-top-width:0px;border-left-width:0px}.designeditor .selection-view.one-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="2"]{border-right-width:0px;border-top-width:0px}.designeditor .selection-view.one-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="3"]{border-right-width:0px;border-bottom-width:0px}.designeditor .selection-view.one-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="4"]{border-left-width:0px;border-bottom-width:0px}.designeditor .selection-view.group-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="1"]{border-bottom-width:0px;border-right-width:0px}.designeditor .selection-view.group-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="2"]{border-left-width:0px;border-bottom-width:0px}.designeditor .selection-view.group-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="3"]{border-left-width:0px;border-top-width:0px}.designeditor .selection-view.group-selection-view[data-has-shift=true] .pointer-rect .pointer[data-number="4"]{border-right-width:0px;border-top-width:0px}.designeditor .pointer-rect{pointer-events:none;position:absolute;left:0px;right:0px;top:0px;bottom:0px;box-sizing:border-box}.designeditor .pointer-rect .pointer{display:inline-block;position:absolute;left:0px;top:0px;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}.designeditor .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}.designeditor .pointer-rect .size-pointer{display:inline-block;position:absolute;left:0px;top:0px;background-color:var(--elf--selected-color);color:var(--elf--selected-font-color);padding:2px 4px;border-radius:4px;font-size:12px}.designeditor .pointer-rect .size-pointer[data-layout]:not([data-layout=default]):before{content:attr(data-layout);display:inline-block;vertical-align:middle;margin-right:2px;padding:2px 4px;text-transform:uppercase;font-size:10px;line-height:1}.designeditor .pointer-rect .size-pointer[data-layout=grid]{background-color:red}.designeditor .pointer-rect .size-pointer[data-layout=flex]{background-color:green}.designeditor .pointer-rect .rotate-pointer{display:inline-block;position:absolute;left:0px;top:0px;width:12px;height:12px;box-sizing:border-box;background-color:#fff;box-sizing:border-box;border:1px solid orange;border-radius:100%;pointer-events:all;overflow:hidden}.designeditor .pointer-rect .rotate-pointer:before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;transform:translate(-50%, -50%);border-radius:50%;background-color:orange}.designeditor .pointer-rect .rotate-pointer.no-fill{width:14px;height:14px;background-color:transparent;border:none}.designeditor .pointer-rect .rotate-pointer.no-fill::before{display:none}.designeditor .pointer-rect .line{position:absolute;left:0px;top:0px;width:100%;height:100%;stroke:var(--elf--selection-tool-border-color);fill:transparent}.designeditor .pointer-rect .line path{transform:translate(0.5px, 0.5px)}.designeditor .selection-tool{border:var(--elf--selection-tool-border-color) .5px solid;position:absolute}.designeditor .selection-tool.path .selection-tool-item[data-position=path],.designeditor .selection-tool.textpath .selection-tool-item[data-position=path],.designeditor .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}.designeditor .selection-tool[data-is-layout-container=true][data-layout-container=flex]{border:2px solid #4fdc4f}.designeditor .selection-tool[data-is-layout-container=true][data-layout-container=grid]{border:2px solid #e46363}.designeditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position=move],.designeditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top"],.designeditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top left"],.designeditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to top right"],.designeditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom"],.designeditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom left"],.designeditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to bottom right"],.designeditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to left"],.designeditor .selection-tool[data-is-layout-item=true][data-selection-length="1"][data-is-layout-container=false] [data-position="to right"]{display:none}.designeditor .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 #4075d6;pointer-events:all}.designeditor .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)}.designeditor .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}.designeditor .selection-tool .selection-tool-item[data-position=move]{left:0px;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)}.designeditor .selection-tool .selection-tool-item[data-position=move]:before{left:0px;top:0px;transform:translate(-100%, calc(-100% - 5px))}.designeditor .selection-tool .selection-tool-item[data-position=move] svg{width:15px;height:15px}.designeditor .selection-tool .selection-tool-item[data-position=move] span{vertical-align:middle;color:var(--elf--selected-font-color);font-size:11px}.designeditor .selection-tool .selection-tool-item[data-position=path]{left:0px;top:0px;width:20px;height:20px;cursor:move;transform:none;border-radius:0px;background-color:transparent;border:0px;opacity:0}.designeditor .selection-tool .selection-tool-item[data-position=path]:before{left:50%;top:50%;transform:translate(-50%, -50%)}.designeditor .selection-tool .selection-tool-item[data-position=path] svg{width:100%;height:100%}.designeditor .selection-tool .selection-tool-item[data-position="to top"]{left:0px;top:-2px;right:0px;height:2px;width:auto;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.designeditor .selection-tool .selection-tool-item[data-position="to bottom"]{left:0px;bottom:-2px;right:0px;height:2px;width:auto;transform:none;background-color:transparent;border:0px;cursor:ns-resize}.designeditor .selection-tool .selection-tool-item[data-position="to right"]{bottom:0px;right:-2px;top:0px;height:auto;width:2px;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.designeditor .selection-tool .selection-tool-item[data-position="to left"]{bottom:0px;left:-2px;top:0px;height:auto;width:2px;transform:none;background-color:transparent;border:0px;cursor:ew-resize}.designeditor .selection-tool .selection-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize;transform:translate(-50%, -50%)}.designeditor .selection-tool .selection-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize;transform:translate(-50%, -50%)}.designeditor .selection-tool .selection-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize;transform:translate(-50%, -50%)}.designeditor .selection-tool .selection-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize;transform:translate(-50%, -50%)}.designeditor .guide-line-view{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;overflow:visible;transform:translate(0.5px, 0.5px)}.designeditor .guide-line-view line{stroke-width:1}.designeditor .guide-line-view line.base-line{stroke:var(--elf--guide-line-color)}.designeditor .guide-line-view line.base-rect{stroke:var(--elf--guide-line-rect-color)}.designeditor .guide-line-view text{font-size:10px;fill:var(--elf--guide-font-color);text-shadow:0px 2px 2px rgba(183,183,183,.5)}.designeditor .guide-line-view text.text-center{text-anchor:middle}.designeditor .selection-info-view{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.designeditor .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%)}.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 .property{border-bottom:1px solid var(--elf--property-border-color);display:none;box-shadow:0 0 2px 0 rgba(255,255,255,.001);margin:4px auto}.designeditor .property:first-child{border-top:0px}.designeditor .property .group{position:relative}.designeditor .property .group .add-timeline-property{left:0px}.designeditor .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)}.designeditor .property .add-timeline-property:hover{box-shadow:0 0 0 1px var(--elf--selected-color);background-color:var(--elf--selected-color)}.designeditor .property.full{height:100%;display:flex;flex-direction:column}.designeditor .property.full.show{height:100%}.designeditor .property.full .property-title{flex:none;height:30px}.designeditor .property.full.managed-tool>.property-title{grid-template-columns:190px 1fr}.designeditor .property.full.managed-tool>.property-title label{padding-left:10px}.designeditor .property.full.managed-tool>.property-title .tools{text-align:left;display:none}.designeditor .property.full.managed-tool>.property-title .tools>*{flex:1 1 auto}.designeditor .property.full .property-body{flex:1 1 auto;overflow:auto;position:relative}.designeditor .property.show{display:block}.designeditor .property.show>.property-title>label .icon{transform:rotate(90deg);display:inline-block}.designeditor .property.show>.property-body{display:block}.designeditor .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)}.designeditor .property>.property-title.filter{grid-template-columns:1fr 110px}.designeditor .property>.property-title svg{width:16px;height:16px}.designeditor .property>.property-title label{padding-left:2px;vertical-align:middle;cursor:pointer;line-height:2.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designeditor .property>.property-title label .icon{display:inline-block;transition:all linear .1s}.designeditor .property>.property-title label.has-keyframe{padding-left:12px;padding-left:0px}.designeditor .property>.property-title>.tools{text-align:right;vertical-align:middle;line-height:2.3}.designeditor .property>.property-title>.tools>*{flex:none}.designeditor .property>.property-title>.tools select{min-width:80px;max-width:80px;background-color:var(--elf--input-background-color)}.designeditor .property>.property-body{display:none;padding:10px;padding-top:0px;position:relative}.designeditor .property>.property-body.no-padding{padding:0px !important}.designeditor .property>.property-body .property-item{font-size:11px;padding:3px 0px}.designeditor .property>.property-body .property-item:first-child{padding-top:0px}.designeditor .property>.property-body .property-item:not(.has-label){background-color:rgba(255,255,255,.001)}.designeditor .property>.property-body .property-item.animation-property-item{display:grid;grid-template-columns:1fr}.designeditor .property>.property-body .property-item.animation-property-item.has-label{grid-template-columns:80px 1fr}.designeditor .property>.property-body .property-item.animation-property-item.has-label .group{padding-left:12px;padding-top:5px;vertical-align:middle}.designeditor .property>.property-body .property-item.animation-property-item.full{display:block}.designeditor .property>.property-body .property-item.animation-property-item.full .group{padding-left:14px;vertical-align:middle}.designeditor .property>.property-body .property-item>label.label{padding:5px 5px;box-sizing:border-box;border-radius:4px;display:block;background-color:var(--elf--selected-color-2);color:var(--elf--selected-font-color)}.designeditor .property>.property-footer{padding:0px 6px;font-size:12px}.designeditor .property>.property-footer>div{margin-bottom:5px}.designeditor .property>.property-footer label{width:60px;display:inline-block;cursor:pointer;padding-left:2px;padding-right:5px;vertical-align:middle}.designeditor .axis-theme-editor>div{margin-bottom:5px}.designeditor .axis-theme-group.has-label{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px}.designeditor .axis-theme-group label.label{display:none}.designeditor .axis-theme-group.has-label label.label{display:inline-block}.designeditor .font-theme-editor>div>div>div{margin-bottom:5px}.designeditor .font-theme-group.has-label{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px}.designeditor .font-theme-group label.label{display:none}.designeditor .font-theme-group.has-label label.label{display:inline-block}.designeditor .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}.designeditor .border-editor>.editor-area{padding:5px 0px}.designeditor .border-editor>.editor-area>div{margin-top:5px}.designeditor .border-editor>.editor-area>div:first-child{margin-top:0px}.designeditor .border-editor>.editor-area>div>label{padding:2px 0px;text-transform:uppercase;font-weight:bold;text-shadow:0px 0px 2px var(--elf--border-color)}.designeditor .border-editor .input-group{display:grid;grid-template-rows:repeat(3, 1fr)}.designeditor .border-editor .input-field{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:4px;vertical-align:middle}.designeditor .border-editor .input-field input{width:100%;vertical-align:middle}.designeditor .border-editor .input-field .input-ui{vertical-align:middle}.designeditor .border-value-editor{display:grid;grid-template-columns:2fr 1fr 24px;grid-column-gap:4px}.designeditor .border-value-editor label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px}.designeditor .border-slice-item{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px}.designeditor .border-slice-item.full{grid-template-columns:1fr}.designeditor .border-slice-item .slice-selector{display:grid;grid-template-columns:1fr 1fr}.designeditor .border-slice-item .slice-selector[data-selected-value=all] button[data-value=all]{color:#fff;background-color:#000}.designeditor .border-slice-item .slice-selector[data-selected-value=partitial] button[data-value=partitial]{color:#fff;background-color:#000}.designeditor .border-slice-item .slice-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:0px;border:0px;color:var(--elf--border-color)}.designeditor .border-slice-item .slice-selector button svg{width:100%;height:100%}.designeditor .border-slice-item .slice-setting-box{display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:4px;grid-row-gap:2px}.designeditor .border-slice-item .slice-setting-box>div>label{display:inline-block;vertical-align:middle;margin-right:2px;cursor:pointer;outline:none;position:relative;margin-top:2px;text-align:right}.designeditor .border-slice-item .slice-setting-box>div>label.title{font-weight:bold;text-align:left}.designeditor .border-image-item{display:grid;height:30px;grid-template-columns:30px 1fr !important;grid-column-gap:5px;margin-bottom:5px;text-align:center}.designeditor .border-image-item .gradient-info{display:grid;grid-template-columns:50px 1fr 28px}.designeditor .border-image-item .gradient-info .tools{text-align:right}.designeditor .border-image-item .preview{display:grid;cursor:pointer;padding:2px}.designeditor .border-image-item .preview .mini-view{display:block;height:100%;pointer-events:none;border-radius:100%;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 0px}.designeditor .border-image-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:100%}.designeditor .border-image-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.designeditor .border-image-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.designeditor .border-image-item .colorsteps{text-align:left;padding:5px 0px;height:100%}.designeditor .border-image-item .colorsteps .step{border:1px solid #333;display:inline-block;margin-left:-5px;width:16px;height:16px;border-radius:100%;cursor:pointer;position:relative}.designeditor .border-image-item .colorsteps .step:first-child{margin-left:0px}.designeditor .border-image-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}.designeditor .border-image-item .tools{line-height:2}.designeditor .box-model-item{grid-template-columns:1fr !important}.designeditor .box-model-item>div{position:relative;width:100%;height:150px}.designeditor .box-model-item>div .margin{position:absolute;left:5px;top:5px;right:5px;bottom:5px;padding:10px;border:1px dashed #aaa}.designeditor .box-model-item>div .margin:before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.designeditor .box-model-item>div .margin input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.designeditor .box-model-item>div .margin [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.designeditor .box-model-item>div .margin [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.designeditor .box-model-item>div .margin [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.designeditor .box-model-item>div .margin [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.designeditor .box-model-item>div .padding{position:absolute;left:40px;top:30px;right:40px;bottom:30px;padding:20px 30px;border:1px dashed #aaa}.designeditor .box-model-item>div .padding::before{content:attr(data-title);position:absolute;left:2px;top:2px;display:inline-block}.designeditor .box-model-item>div .padding input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.designeditor .box-model-item>div .padding [data-value=top]{display:inline-block;position:absolute;top:2px;left:50%;transform:translateX(-50%);width:30px}.designeditor .box-model-item>div .padding [data-value=bottom]{display:inline-block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:30px}.designeditor .box-model-item>div .padding [data-value=left]{display:inline-block;position:absolute;top:50%;left:2px;transform:translateY(-50%);width:30px}.designeditor .box-model-item>div .padding [data-value=right]{display:inline-block;position:absolute;top:50%;right:2px;transform:translateY(-50%);width:30px}.designeditor .box-model-item>div .content{position:absolute;left:75px;top:54px;right:75px;bottom:54px;padding:10px 0px;border:1px dashed #aaa}.designeditor .box-model-item>div .content:before{content:attr(title);padding:5px 0px;text-align:center;display:block}.designeditor .content-item{grid-template-columns:1fr !important;padding:0px 4px !important}.designeditor .content-item textarea{width:100%;height:100px;border:1px solid var(--elf--border-color);border-radius:3px}.designeditor .transition-list{grid-template-columns:1fr !important}.designeditor .transition-list .transition-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px}.designeditor .transition-list .transition-item.selected{background-color:var(--elf--border-color)}.designeditor .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}.designeditor .transition-list .transition-item .timing canvas{border-radius:3px}.designeditor .transition-list .transition-item .labels{margin-top:4px;text-align:left;vertical-align:middle;padding:5px}.designeditor .transition-list .transition-item .labels label{padding:1px 3px;border-radius:2px;font-weight:bold;background-color:var(--elf--border-color)}.designeditor .transition-list .transition-item .labels label small{color:var(--elf--font-color)}.designeditor .transition-list .transition-item .labels label.property{font-size:11px;font-weight:normal;border-bottom:0px}.designeditor .transition-list .transition-item .tools{vertical-align:middle;text-align:right;padding-top:8px}.designeditor .animation-list{grid-template-columns:1fr !important}.designeditor .animation-list .animation-item{display:grid;grid-template-columns:30px 1fr 20px;grid-column-gap:4px;padding:5px 0px;text-align:center}.designeditor .animation-list .animation-item.selected{background-color:var(--elf--border-color)}.designeditor .animation-list .animation-item .name{padding:2px 0px;text-align:left;vertical-align:middle}.designeditor .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}.designeditor .animation-list .animation-item .timing canvas{border-radius:3px}.designeditor .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:bold}.designeditor .animation-list .animation-item .labels label small{color:var(--elf--font-color);text-transform:lowercase}.designeditor .animation-list .animation-item .labels label.play-state{background-color:transparent;cursor:pointer}.designeditor .animation-list .animation-item .labels label.play-state [data-play-state-value]{vertical-align:middle;display:none;color:var(--elf--font-color)}.designeditor .animation-list .animation-item .labels label.play-state [data-play-state-value] svg{width:16px;height:16px}.designeditor .animation-list .animation-item .labels label.play-state [data-play-state-value=pause]{color:red}.designeditor .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=paused] [data-play-state-value=paused]{display:inline-block}.designeditor .animation-list .animation-item .labels label.play-state[data-play-state-selected-value=running] [data-play-state-value=running]{display:inline-block}.designeditor .animation-list .animation-item .tools{vertical-align:middle;text-align:right}.designeditor .keyframe-list{display:block}.designeditor .keyframe-list .keyframe-item{border:1px solid var(--elf--border-color);margin-bottom:5px;padding:5px;cursor:pointer}.designeditor .keyframe-list .keyframe-item:first-child{margin-top:5px}.designeditor .keyframe-list .keyframe-item.selected{background-color:var(--elf--border-color)}.designeditor .keyframe-list .keyframe-item[data-selected-value=list] button[data-type=list]{background-color:var(--elf--selected-color);color:var(--elf--border-color)}.designeditor .keyframe-list .keyframe-item[data-selected-value=list] .keyframe-code[data-type=list]{display:block}.designeditor .keyframe-list .keyframe-item[data-selected-value=code] button[data-type=code]{background-color:var(--elf--selected-color);color:var(--elf--border-color)}.designeditor .keyframe-list .keyframe-item[data-selected-value=code] .keyframe-code[data-type=code]{display:block}.designeditor .keyframe-list .keyframe-item .title{display:grid;grid-template-columns:1fr 60px;height:20px}.designeditor .keyframe-list .keyframe-item .title .name{padding:2px 0px}.designeditor .keyframe-list .keyframe-item .title .tools{vertical-align:middle;text-align:right}.designeditor .keyframe-list .keyframe-item .title .tools .group{display:inline-block}.designeditor .keyframe-list .keyframe-item pre{white-space:pre-wrap;margin:0px}.designeditor .keyframe-list .keyframe-item .keyframe-code{display:none}.designeditor .keyframe-list .keyframe-item .keyframe-code>.offset{display:grid;grid-template-columns:30px 1fr;margin-top:2px;font-size:12px}.designeditor .keyframe-list .keyframe-item .keyframe-code .offset-property-item{display:grid;grid-template-columns:1fr 1fr;text-align:left}.designeditor .keyframe-list .keyframe-item .keyframe-code .offset-property-item label{font-weight:bold;color:var(--elf--font-color);padding-left:10px}.designeditor .keyframe-list .keyframe-item .offset-list{padding:0px 10px;height:20px}.designeditor .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:0px center;height:100%}.designeditor .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)}.designeditor .code-view-item{grid-template-columns:1fr !important;width:100%}.designeditor .code-view-item>div{width:100%;max-width:100%}.designeditor .code-view-item>div label{padding-left:10px}.designeditor .code-view-item>div pre{white-space:pre-wrap;padding:20px 8px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid var(--elf--border-color);position:relative;margin-top:0px;font-size:13px}.designeditor .code-view-item>div pre::before{content:attr(title);position:absolute;display:inline-block;background-color:var(--elf--selected-color);color:var(--elf--selected-font-color);left:0px;top:0px;padding:2px 4px}.designeditor .code-view-item>div pre strong{color:var(--elf--selected-color)}.designeditor .clip-path-list{grid-template-columns:1fr !important}.designeditor .clip-path-list .clippath-item{display:grid;grid-template-columns:1fr 20px;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.designeditor .clip-path-list .clippath-item.selected,.designeditor .clip-path-list .clippath-item:hover{background-color:var(--elf--selected-color)}.designeditor .clip-path-list .clippath-item .title .name{padding:2px 0px}.designeditor .clip-path-list .clippath-item .tools{vertical-align:middle;text-align:right}.designeditor .clip-path-list .clippath-item .offset-list{padding:0px 10px;height:30px}.designeditor .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:0px center;height:100%}.designeditor .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}.designeditor .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}.designeditor .selector-list{grid-template-columns:1fr !important}.designeditor .selector-list .selector-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px;cursor:pointer;height:30px}.designeditor .selector-list .selector-item:first-child{margin-top:5px}.designeditor .selector-list .selector-item.selected{background-color:var(--elf--border-color)}.designeditor .selector-list .selector-item .title{display:grid;grid-template-columns:1fr 20px;height:20px}.designeditor .selector-list .selector-item .title .name{padding:2px 0px}.designeditor .selector-list .selector-item .title .name span{padding:2px 4px;font-weight:bold;border-radius:3px;background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .selector-list .selector-item .title .tools{vertical-align:middle;text-align:right}.designeditor .project-list{margin:0px !important}.designeditor .project-list .project-item{padding:5px 7px !important;cursor:pointer}.designeditor .project-list .project-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.designeditor .project-list .project-item .detail label{padding:2px 0px;font-size:12px;cursor:pointer}.designeditor .project-list .project-item .detail .tools{text-align:right}.designeditor .project-list .project-item.selected{background-color:var(--elf--list-item-selected-color);color:var(--elf--selected-font-color)}.designeditor .artboard-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.designeditor .artboard-list .artboard-item{color:var(--elf--list-item-font-color);padding:5px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;border-radius:4px}.designeditor .artboard-list .artboard-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.designeditor .artboard-list .artboard-item .detail label{padding:2px 0px;font-size:12px;vertical-align:middle}.designeditor .artboard-list .artboard-item .detail .tools{text-align:right}.designeditor .artboard-list .artboard-item.selected{background-color:var(--elf--list-item-selected-color);color:var(--elf--selected-font-color)}.designeditor .artboard-list .artboard-item.selected .tools button{color:var(--elf--selected-font-color)}.designeditor .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after,.designeditor .artboard-list .artboard-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}.designeditor .artboard-list .artboard-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.designeditor .artboard-list .artboard-item[data-layout=grid] .detail [data-layout-title]:after{background-color:var(--elf--selected-color)}.designeditor .layer-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.designeditor .layer-list .layer-item{color:var(--elf--list-item-font-color);padding:5px !important;margin-bottom:0px !important}.designeditor .layer-list .layer-item[data-is-hide=true]{display:none}.designeditor .layer-list .layer-item[data-is-group=true] .detail .folder{display:inline-block;vertical-align:middle;transition:transform .1s linear;transform:rotate(90deg)}.designeditor .layer-list .layer-item[data-is-group=true] .detail .folder.collapsed{transform:rotate(0deg)}.designeditor .layer-list .layer-item .detail{display:grid;grid-template-columns:1fr 80px;grid-column-gap:3px}.designeditor .layer-list .layer-item .detail .folder{display:none}.designeditor .layer-list .layer-item .detail label{padding:2px 0px;cursor:pointer;pointer-events:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;vertical-align:middle}.designeditor .layer-list .layer-item .detail label svg path{fill:currentColor}.designeditor .layer-list .layer-item .detail .tools{text-align:right}.designeditor .layer-list .layer-item .detail .tools .visible{color:var(--elf--list-item-disable-font-color)}.designeditor .layer-list .layer-item .detail .tools .visible[data-visible=true]{color:var(--elf--font-color)}.designeditor .layer-list .layer-item .detail .tools .lock{color:var(--elf--list-item-disable-font-color)}.designeditor .layer-list .layer-item .detail .tools .lock[data-lock=true]{color:var(--elf--font-color)}.designeditor .layer-list .layer-item.selected{background-color:var(--elf--list-item-selected-color)}.designeditor .layer-list .layer-item.selected .detail .name{color:var(--elf--selected-font-color)}.designeditor .layer-list .layer-item:not(.selected).hovered{box-shadow:inset 0 0 0 1px var(--elf--list-item-selected-color)}.designeditor .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after,.designeditor .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{content:attr(data-layout-title);color:var(--elf--selected-font-color);display:inline-block;vertical-align:middle;margin-left:5px;border-radius:3px;padding:0px 4px;line-height:1.2}.designeditor .layer-list .layer-item[data-layout=flex] .detail [data-layout-title]:after{background-color:#44a344}.designeditor .layer-list .layer-item[data-layout=grid] .detail [data-layout-title]:after{background-color:red}.designeditor .layer-list .drag-start{opacity:.3}.designeditor .layer-list+.drag-point{position:absolute;border:1px solid var(--elf--selected-color);pointer-events:none}.designeditor .pattern-assets-property .pattern-list{padding:5px;max-height:240px;overflow:auto}.designeditor .pattern-assets-property .pattern-list .pattern-view{pointer-events:none}.designeditor .pattern-assets-property .pattern-list[data-view-mode=grid]{display:block}.designeditor .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)}.designeditor .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)}.designeditor .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item:hover[data-custom=true] .tools{display:inline-block}.designeditor .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview{position:relative;width:54px;height:54px;cursor:pointer}.designeditor .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .preview .pattern-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-color:#fff}.designeditor .pattern-assets-property .pattern-list[data-view-mode=grid] .pattern-item .tools{position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:var(--elf--selected-font-color)}.designeditor .property.pattern-assets-property{padding-left:0px !important;padding-right:0px !important}.designeditor .svgfilter-assets-property .svgfilter-assets{padding:5px}.designeditor .svgfilter-assets-property .svgfilter-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.designeditor .svgfilter-assets-property .svgfilter-list-tools button{padding:2px 10px;border:1px solid var(--elf--border-color)}.designeditor .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)}.designeditor .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)}.designeditor .svgfilter-assets-property .svgfilter-list{padding:5px}.designeditor .svgfilter-assets-property .svgfilter-list .svgfilter-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.designeditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid]{display:block}.designeditor .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)}.designeditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .add-svgfilter-item button svg{width:20px;height:20px}.designeditor .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}.designeditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item:hover .tools{display:inline-block}.designeditor .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}.designeditor .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 0px}.designeditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .title input{width:100%}.designeditor .svgfilter-assets-property .svgfilter-list[data-view-mode=grid] .svgfilter-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:var(--elf--selected-font-color)}.designeditor .svgpath-assets-property .svgpath-list .svgpath-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none;background-image:radial-gradient(yellow 0%, red 100%)}.designeditor .svgpath-assets-property .svgpath-list[data-view-mode=grid]{display:block}.designeditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .add-svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;height:80px;border:1px solid var(--elf--border-color);border-radius:2px;vertical-align:top;cursor:pointer;text-align:center;padding:24px}.designeditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item{display:inline-block;width:80px;position:relative;margin-right:4px;margin-bottom:4px;vertical-align:middle}.designeditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item:hover .tools{display:inline-block}.designeditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .preview{position:relative;width:100%;height:80px;border:1px solid var(--elf--border-color);border-radius:2px;cursor:pointer}.designeditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:4px;padding:4px 0px}.designeditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .title input{width:100%}.designeditor .svgpath-assets-property .svgpath-list[data-view-mode=grid] .svgpath-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:var(--elf--selected-font-color)}.designeditor .property.svgpath-assets-property{padding-left:0px !important;padding-right:0px !important}.designeditor .alignment-item{display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:2px;height:24px;padding-top:8px}.designeditor .alignment-item button{width:20px;height:10px;background-color:transparent;background-image:none;border:0px;box-shadow:none}.designeditor .alignment-item button[data-no-title=true] .title{display:none}.designeditor .alignment-item .title{font-size:9px;color:#999}.designeditor .alignment-item .icon{margin:0 auto;width:16px;height:16px;color:var(--elf--selected-color) !important}.designeditor .alignment-item .icon svg{width:100%;height:100%}.designeditor .image-assets-property .image-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.designeditor .image-assets-property .image-list-tools button{padding:2px 10px;border:1px solid var(--elf--border-color)}.designeditor .image-assets-property .image-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)}.designeditor .image-assets-property .image-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)}.designeditor .image-assets-property .image-list{padding:5px}.designeditor .image-assets-property .image-list .image-view{pointer-events:none}.designeditor .image-assets-property .image-list[data-view-mode=grid]{display:block}.designeditor .image-assets-property .image-list[data-view-mode=grid] .add-image-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)}.designeditor .image-assets-property .image-list[data-view-mode=grid] .add-image-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.designeditor .image-assets-property .image-list[data-view-mode=grid] .add-image-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.designeditor .image-assets-property .image-list[data-view-mode=grid] .add-image-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.designeditor .image-assets-property .image-list[data-view-mode=grid] .image-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.designeditor .image-assets-property .image-list[data-view-mode=grid] .image-item:hover .tools{display:inline-block}.designeditor .image-assets-property .image-list[data-view-mode=grid] .image-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;text-align:center;overflow:hidden}.designeditor .image-assets-property .image-list[data-view-mode=grid] .image-item .preview img{border:0px;max-width:100%;vertical-align:middle}.designeditor .image-assets-property .image-list[data-view-mode=grid] .image-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.designeditor .image-assets-property .image-list[data-view-mode=grid] .image-item .title input{width:100%}.designeditor .image-assets-property .image-list[data-view-mode=grid] .image-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:var(--elf--selected-font-color)}.designeditor .property.image-assets-property{padding-left:0px !important;padding-right:0px !important}.designeditor .video-assets-property .video-list-tools{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2px;text-align:left;margin-bottom:10px}.designeditor .video-assets-property .video-list-tools button{padding:2px 10px;border:1px solid var(--elf--border-color)}.designeditor .video-assets-property .video-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)}.designeditor .video-assets-property .video-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)}.designeditor .video-assets-property .video-list{padding:5px}.designeditor .video-assets-property .video-list .video-view{pointer-events:none}.designeditor .video-assets-property .video-list[data-view-mode=grid]{display:block}.designeditor .video-assets-property .video-list[data-view-mode=grid] .add-video-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)}.designeditor .video-assets-property .video-list[data-view-mode=grid] .add-video-item input[type=file]{position:absolute;left:0px;top:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:inline-block;opacity:0;pointer-events:all;cursor:pointer}.designeditor .video-assets-property .video-list[data-view-mode=grid] .add-video-item button{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none;cursor:pointer}.designeditor .video-assets-property .video-list[data-view-mode=grid] .add-video-item svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.designeditor .video-assets-property .video-list[data-view-mode=grid] .video-item{display:inline-block;width:66px;position:relative;margin-bottom:4px;vertical-align:middle}.designeditor .video-assets-property .video-list[data-view-mode=grid] .video-item:hover .tools{display:inline-block}.designeditor .video-assets-property .video-list[data-view-mode=grid] .video-item .preview{position:relative;width:100%;height:66px;border:1px solid #e6e6e6;border-radius:2px;cursor:pointer;line-height:80px;text-align:center;overflow:hidden}.designeditor .video-assets-property .video-list[data-view-mode=grid] .video-item .preview img{border:0px;max-width:100%;vertical-align:middle}.designeditor .video-assets-property .video-list[data-view-mode=grid] .video-item .title{position:relative;width:100%;display:grid;grid-template-columns:1fr;padding:4px 0px}.designeditor .video-assets-property .video-list[data-view-mode=grid] .video-item .title input{width:100%}.designeditor .video-assets-property .video-list[data-view-mode=grid] .video-item .tools{background-color:transparent;position:absolute;display:none;top:0px;right:0px;text-align:right;padding:2px;color:var(--elf--selected-font-color)}.designeditor .property.video-assets-property{padding-left:0px !important;padding-right:0px !important}.designeditor .timeline-animation-list{height:100%;overflow:auto;padding:0px;margin:0px !important}.designeditor .timeline-animation-list .timeline-animation-item{color:var(--elf--list-item-font-color);padding:2px 7px !important;margin-bottom:0px !important;display:grid;grid-template-columns:20px 1fr;grid-column-gap:4px;cursor:pointer}.designeditor .timeline-animation-list .timeline-animation-item .detail{display:grid;grid-template-columns:1fr 60px;grid-column-gap:3px}.designeditor .timeline-animation-list .timeline-animation-item .detail label{padding:2px 0px;cursor:pointer}.designeditor .timeline-animation-list .timeline-animation-item .detail .tools{text-align:right}.designeditor .timeline-animation-list .timeline-animation-item.selected{background-color:var(--elf--list-item-selected-color);color:var(--elf--selected-font-color)}.designeditor .project-info{margin:0px !important;padding:10px 5px}.designeditor .project-info .project-info-item{margin-bottom:15px}.designeditor .project-info .project-info-item>label{display:block;padding-bottom:5px;text-transform:uppercase}.designeditor .project-info input,.designeditor .project-info textarea{display:block;width:100%;border-radius:4px;font-size:12px}.designeditor .project-info input{height:30px}.designeditor .project-info textarea{height:100px}.designeditor .artboard-size-list .property-body{padding:0px !important}.designeditor .artboard-size-list .artboard-size-item{border-top:1px solid var(--elf--border-color)}.designeditor .artboard-size-list .category{height:26px;border-bottom:1px solid var(--elf--border-color);line-height:2}.designeditor .artboard-size-list .category .title{color:var(--elf--font-color);pointer-events:none;padding:0px 10px}.designeditor .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}.designeditor .artboard-size-list .group-item .title{color:var(--elf--font-color);pointer-events:none;text-transform:uppercase;padding:0px 10px}.designeditor .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}.designeditor .artboard-size-list .device-item .title{color:var(--elf--font-color);pointer-events:none;padding-left:20px}.designeditor .artboard-size-list .device-item .size{pointer-events:none;text-align:right;padding-right:10px;letter-spacing:2px;color:#bdbdbd}.designeditor .path-data-property .property-body>div{padding:10px 0px}.designeditor .export-item{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px;padding:10px 6px;font-size:12px}.designeditor .export-item label{vertical-align:middle}.designeditor .export-item button{width:100%;text-align:left;background-color:transparent;background-image:none;border:0px;box-shadow:none;vertical-align:middle}.designeditor .export-item button svg{width:16px;vertical-align:middle}.designeditor .library-items{padding:10px}.designeditor .library-items .property{margin-top:10px !important;margin-bottom:10px !important}.designeditor .library-items .property-title{background-color:var(--elf--selected-color-2) !important;margin-bottom:10px;border-radius:4px;color:var(--elf--selected-font-color)}.designeditor .library-items .property-title label{line-height:1.5}.designeditor .artboard-items{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.designeditor .artboard-items .artboard-items-tools{position:absolute;left:0px;top:10px;right:0px;height:20px;display:grid;grid-template-columns:1fr 40px;grid-column-gap:10px;box-sizing:border-box;padding:0px 10px}.designeditor .artboard-items .artboard-items-tools .tools{text-align:right}.designeditor .artboard-items .artboard-list{position:absolute;left:0px;top:30px;right:0px;bottom:0px;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 10px}.designeditor .artboard-items .artboard-list .artboard-preview{padding-top:10px}.designeditor .artboard-items .artboard-list .artboard-preview .tools{display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px;padding:0px 2px 2px;box-sizing:border-box}.designeditor .artboard-items .artboard-list .artboard-preview .tools .title{text-align:left;vertical-align:middle}.designeditor .artboard-items .artboard-list .artboard-preview .tools .buttons{text-align:right;vertical-align:middle}.designeditor .artboard-items .artboard-list .artboard-preview:hover{background-color:var(--elf--selected-color)}.designeditor .artboard-items .artboard-list .artboard-preview img{width:100%;height:150px;-o-object-fit:contain;object-fit:contain}.designeditor .shape-inside-list{grid-template-columns:1fr !important}.designeditor .shape-inside-list .shapeinside-item{display:grid;grid-template-columns:1fr;grid-column-gap:4px;margin-bottom:5px;padding:5px 6px;cursor:pointer}.designeditor .shape-inside-list .shapeinside-item.selected,.designeditor .shape-inside-list .shapeinside-item:hover{background-color:var(--elf--selected-color)}.designeditor .shape-inside-list .shapeinside-item .title{display:grid;grid-template-columns:1fr 20px}.designeditor .shape-inside-list .shapeinside-item .title .name{padding:2px 0px}.designeditor .shape-inside-list .shapeinside-item .title .tools{vertical-align:middle;text-align:right}.designeditor .shape-inside-list .shapeinside-item .offset-list{padding:0px 10px;height:30px}.designeditor .shape-inside-list .shapeinside-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:0px center;height:100%}.designeditor .shape-inside-list .shapeinside-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}.designeditor .shape-inside-list .shapeinside-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}.designeditor .component-items{padding:10px 10px}.designeditor .component-items .group>label{font-size:13px;font-weight:bold;display:block;padding:10px 0px;color:var(--elf--selected-color)}.designeditor .component-items .group>.list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-column-gap:4px;row-gap:5px;margin-bottom:10px}.designeditor .component-items .group>.list .elf--menu-item{width:100%;position:relative;border-radius:3px;text-align:left;padding:8px 5px;height:auto;box-sizing:border-box;border:1px solid #ececec4b}.designeditor .component-items .group>.list .elf--menu-item:hover{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color) !important}.designeditor .component-items .group>.list .elf--menu-item.selected{color:var(--elf--selected-color)}.designeditor .component-items .group>.list .elf--menu-item .icon{display:block;text-align:center;width:30px;height:30px;margin:0 auto}.designeditor .component-items .group>.list .elf--menu-item .icon svg{width:100%;height:100%}.designeditor .component-items .group>.list .elf--menu-item .title{display:block;text-align:center;padding-top:5px}.designeditor .component-items .group>.list .elf--menu-item[data-no-title=true] .title{display:none}.designeditor .component-items .group>.list .item{height:80px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid var(--elf--font-color);color:var(--elf--font-color)}.designeditor .component-items .group>.list .item .icon{width:50px;height:50px;text-align:center;display:inline-block}.designeditor .component-items .group>.list .item svg{width:100%;height:100%}.designeditor .layout-property .layout-list>[data-value]{display:none}.designeditor .layout-property .layout-list>[data-value].selected{display:block}.designeditor .layout-property .layout-list[data-selected-value=default] [data-value=default]{display:block}.designeditor .layout-property .layout-list[data-selected-value=flex] [data-value=flex]{display:block}.designeditor .layout-property .layout-list[data-selected-value=grid] [data-value=grid]{display:block}.designeditor .layout-property .layout-list .label{padding:10px 0px}.designeditor .flex-layout-item-property .layout-list>[data-value]{display:none}.designeditor .flex-layout-item-property .layout-list>[data-value].selected{display:block}.designeditor .flex-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.designeditor .flex-layout-item-property .layout-list[data-selected-value=auto] [data-value=auto]{display:block}.designeditor .flex-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.designeditor .flex-layout-item-property .layout-list .value-item{margin-top:5px}.designeditor .grid-layout-item-property .layout-list>[data-value]{display:none}.designeditor .grid-layout-item-property .layout-list>[data-value].selected{display:block}.designeditor .grid-layout-item-property .layout-list[data-selected-value=none] [data-value=none]{display:block}.designeditor .grid-layout-item-property .layout-list[data-selected-value=value] [data-value=value]{display:block}.designeditor .grid-layout-item-property .layout-list .value-item{margin-top:5px;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:4px}.designeditor .shortcut-items{padding:10px}.designeditor .shortcut-items .shortcut-item{border:1px solid var(--elf--selected-color);margin-bottom:10px;border-radius:4px;background-color:var(--elf--border-color);padding:5px}.designeditor .shortcut-items .shortcut-item .command{display:grid;grid-template-columns:1fr auto}.designeditor .shortcut-items .shortcut-item .command label{font-size:11px}.designeditor .shortcut-items .shortcut-item .command span{font-size:11px}.designeditor .shortcut-items .shortcut-item .command kbd{font-size:11px;font-weight:bold;background-color:rgba(255,255,255,.1);padding:1px 3px;border-radius:5px}.designeditor .shortcut-items .shortcut-item .when{color:gray;font-size:10px;text-align:right}.designeditor .video-property .divider{height:1px;width:30px;margin:10px auto;background-color:var(--elf--divider-color)}.designeditor .video-property .play-control{display:grid;grid-template-columns:70px 1fr;grid-column-gap:5px}.designeditor .video-property .play-control button[data-value]{width:auto;display:none;font-size:11px;vertical-align:middle;text-align:left}.designeditor .video-property .play-control[data-selected-value=play] button[data-value=play]{display:inline-block}.designeditor .video-property .play-control[data-selected-value=pause] button[data-value=pause]{display:inline-block}.designeditor .video-property .volume-control{display:grid;grid-template-columns:20px 1fr;grid-column-gap:2px}.designeditor .video-property .volume-control span[data-value]{display:none;color:var(--elf--font-color);width:16px;height:16px;vertical-align:middle}.designeditor .video-property .volume-control span[data-value] svg{width:100%;height:100%}.designeditor .video-property .volume-control span[data-value] svg path{fill:currentColor}.designeditor .video-property .volume-control[data-selected-value=muted] span[data-value=muted]{display:inline-block}.designeditor .video-property .volume-control[data-selected-value=down] span[data-value=down]{display:inline-block}.designeditor .video-property .volume-control[data-selected-value=up] span[data-value=up]{display:inline-block}.designeditor .history-list-view .history-item{display:grid;grid-template-columns:20px 1fr;grid-column-gap:5px}.designeditor .history-list-view .history-item>span{vertical-align:middle;color:var(--elf--font-color)}.designeditor .history-list-view .history-item>span svg{width:16px;height:16px}.designeditor .history-list-view .history-item>span svg path{fill:currentColor}.designeditor .custom-component-items{position:relative}.designeditor .custom-component-items .custom-component-items-tools{height:20px;display:grid;grid-template-columns:1fr 40px;grid-column-gap:10px;box-sizing:border-box;padding:0px 0px}.designeditor .custom-component-items .custom-component-items-tools .title label{color:var(--elf--selected-color)}.designeditor .custom-component-items .custom-component-items-tools .tools{text-align:right}.designeditor .custom-component-items .custom-component-list{box-sizing:border-box;padding:10px 0px}.designeditor .custom-component-items .custom-component-list .custom-component-preview{display:inline-block;width:120px;margin:0px 4px;margin-bottom:10px;cursor:pointer}.designeditor .custom-component-items .custom-component-list .custom-component-preview .tools{display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px;padding:0px 2px 2px;box-sizing:border-box}.designeditor .custom-component-items .custom-component-list .custom-component-preview .tools .title{text-align:left;vertical-align:middle}.designeditor .custom-component-items .custom-component-list .custom-component-preview .tools .buttons{text-align:right;vertical-align:middle}.designeditor .custom-component-items .custom-component-list .custom-component-preview:hover{background-color:var(--elf--selected-color)}.designeditor .custom-component-items .custom-component-list .custom-component-preview img{width:100%;height:120px;-o-object-fit:contain;object-fit:contain}.designeditor .cubic-bezier-editor{width:228px;height:200px;position:relative;margin:0 auto}.designeditor .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)}.designeditor .cubic-bezier-editor .bezier .bezier-canvas{pointer-events:none}.designeditor .cubic-bezier-editor .bezier .control{position:absolute;left:0px;right:0px;bottom:0px;top:0px}.designeditor .cubic-bezier-editor .bezier .control .pointer1,.designeditor .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)}.designeditor .cubic-bezier-editor .animation{position:absolute;top:0px;left:0px;right:0px;height:20px;text-align:center}.designeditor .cubic-bezier-editor .animation .animation-canvas{position:relative;width:100%;height:100%;cursor:pointer}.designeditor .cubic-bezier-editor .item-list{position:absolute;top:30px;bottom:20px;left:0px;width:50px;padding-right:0px}.designeditor .cubic-bezier-editor .item-list[data-selected-value=ease] .item[data-bezier=ease]{background-color:var(--elf--selected-color)}.designeditor .cubic-bezier-editor .item-list[data-selected-value=ease-in] .item[data-bezier=ease-in]{background-color:var(--elf--selected-color)}.designeditor .cubic-bezier-editor .item-list[data-selected-value=ease-out] .item[data-bezier=ease-out]{background-color:var(--elf--selected-color)}.designeditor .cubic-bezier-editor .item-list .item{position:relative;width:40px;height:40px;border-radius:2px;margin-bottom:5px;overflow:hidden;cursor:pointer}.designeditor .cubic-bezier-editor .item-list .item:not(:first-child){border-top:0px}.designeditor .cubic-bezier-editor .item-list .item.selected{background-color:#0ab}.designeditor .cubic-bezier-editor .item-list .item .item-canvas{position:absolute;top:1px;left:1px;width:38px;height:38px;background-color:#000;border-radius:2px}.designeditor .cubic-bezier-editor .predefined{position:absolute;bottom:0px;left:0px;right:0px;height:20px;text-align:center;display:grid;grid-template-columns:30px 1fr 30px}.designeditor .cubic-bezier-editor .predefined .left,.designeditor .cubic-bezier-editor .predefined .right{font-size:14px;font-weight:bold;cursor:pointer;vertical-align:middle;color:var(--elf--font-color)}.designeditor .cubic-bezier-editor .predefined .left svg path,.designeditor .cubic-bezier-editor .predefined .right svg path{fill:currentColor}.designeditor .cubic-bezier-editor .predefined .predefined-text{vertical-align:middle;padding:4px;color:var(--elf--font-color)}.designeditor .color-view-editor{display:grid;grid-template-columns:40px 1fr;grid-column-gap:2px;text-align:center}.designeditor .color-view-editor.has-label{grid-template-columns:70px 1fr}.designeditor .color-view-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;line-height:1.6;font-size:11px}.designeditor .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)}.designeditor .color-view-editor .color-code.focused{border:1px solid var(--elf--selected-color)}.designeditor .color-view-editor .color-code .preview{display:inline-block;vertical-align:middle;cursor:pointer;text-align:right;border-radius:2px;background-color:transparent}.designeditor .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:0px;border-bottom-right-radius:0px;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 0px;box-sizing:border-box}.designeditor .color-view-editor .color-code .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.designeditor .color-view-editor .color-code input{width:100%;height:24px;padding:0px 3px;border-radius:3px;font-size:12px}.designeditor .color-single-editor{height:19px;text-align:center;width:100%;height:24px}.designeditor .color-single-editor .preview{height:100%}.designeditor .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 0px;border:1px solid var(--elf--border-color)}.designeditor .color-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.designeditor .range--editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.designeditor .range--editor.has-label{grid-template-columns:70px 1fr;grid-column-gap:2px}.designeditor .range--editor.has-label.compact{grid-template-columns:30px 1fr}.designeditor .range--editor.has-label.is-removable{grid-template-columns:70px 1fr 12px}.designeditor .range--editor.has-label.block{display:block;height:auto}.designeditor .range--editor.has-label.block>label{display:block}.designeditor .range--editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.designeditor .range--editor.has-label.block{display:block}.designeditor .range--editor.has-label.block label{display:block;color:var(--elf--font-color)}.designeditor .range--editor.is-removable{grid-template-columns:1fr 12px}.designeditor .range--editor.is-removable .remove{display:inline-block;margin-top:3px}.designeditor .range--editor .remove{display:none}.designeditor .range--editor .range--editor-type{display:grid;vertical-align:middle;grid-template-columns:1fr 80px;grid-column-gap:4px;height:24px}.designeditor .range--editor .range--editor-type .area{display:grid;grid-template-columns:1fr 24px;font-size:13px;border-radius:3px;border:1px solid transparent}.designeditor .range--editor .range--editor-type .area.focused{border:1px solid var(--elf--selected-color);border-radius:3px}.designeditor .range--editor .range--editor-type .area span{padding:1px;vertical-align:middle}.designeditor .range--editor .range--editor-type .area input,.designeditor .range--editor .range--editor-type .area select{width:100%;background-color:transparent;border:0px}.designeditor .range--editor .range--editor-type .area input[type=range]{width:95%}.designeditor .range--editor .range--editor-type .area input[type=number]{height:100%;padding:2px 2px;border-right:0px;border-bottom:1px solid var(--elf--input-border-color);border-left:1px solid var(--elf--input-border-color);border-top:1px solid var(--elf--input-border-color);text-align:left;background-color:var(--elf--input-background-color);border-top-left-radius:3px;border-bottom-left-radius:3px}.designeditor .range--editor .range--editor-type .area .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:0px;border-bottom-left-radius:0px}.designeditor .range--editor .range--editor-type .area .select-editor select{position:absolute;right:0px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-left:0px;text-align:center;padding:0px;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:0px;border-bottom-left-radius:0px;border-bottom:1px solid var(--elf--input-border-color);border-top:1px solid var(--elf--input-border-color);border-right:1px solid var(--elf--input-border-color)}.designeditor .number-range--editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.designeditor .number-range--editor.has-label{grid-template-columns:70px 1fr;grid-column-gap:2px}.designeditor .number-range--editor.has-label.is-removable{grid-template-columns:70px 1fr 12px}.designeditor .number-range--editor.has-label label{text-align:left;vertical-align:middle;padding:7px 0px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.designeditor .number-range--editor.has-label.block{display:block;height:auto}.designeditor .number-range--editor.has-label.block label{display:block}.designeditor .number-range--editor.is-removable{grid-template-columns:1fr 12px}.designeditor .number-range--editor.is-removable .remove{display:inline-block}.designeditor .number-range--editor .remove{display:none}.designeditor .number-range--editor .range--editor-type{vertical-align:middle;height:24px}.designeditor .number-range--editor .range--editor-type .area{display:grid;grid-template-columns:1fr 80px;grid-column-gap:3px;font-size:13px;height:100%}.designeditor .number-range--editor .range--editor-type .area span{padding:1px;vertical-align:middle}.designeditor .number-range--editor .range--editor-type .area input{width:100%}.designeditor .number-range--editor .range--editor-type .area input[type=number]{border-radius:3px}.designeditor .number-range--editor .range--editor-type .area input[type=number].focused{box-shadow:0 0 0 1px var(--elf--selected-color)}.designeditor .number-range--editor .range--editor-type .area select{width:100%;color:var(--elf--input-sub-font-color)}.designeditor .input-range--editor{display:grid;grid-template-columns:1fr;height:24px;border-radius:3px}.designeditor .input-range--editor.focused .area{box-shadow:0 0 0 1px var(--elf--selected-color)}.designeditor .input-range--editor.has-label{grid-template-columns:60px 1fr}.designeditor .input-range--editor.has-label.compact{grid-template-columns:30px 1fr}.designeditor .input-range--editor.has-label.is-removable{grid-template-columns:60px 1fr 12px}.designeditor .input-range--editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0px 2px 0px;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.designeditor .input-range--editor.has-label label svg{width:20px;height:20px;vertical-align:middle}.designeditor .input-range--editor.has-label.block{display:block}.designeditor .input-range--editor.has-label.block label{display:block;color:rgba(0,0,0,.7)}.designeditor .input-range--editor.is-removable{grid-template-columns:1fr 12px}.designeditor .input-range--editor.is-removable .remove{display:inline-block}.designeditor .input-range--editor .type-button,.designeditor .input-range--editor .remove{display:none}.designeditor .input-range--editor .range--editor-type{vertical-align:middle;height:24px}.designeditor .input-range--editor .range--editor-type .area{font-size:13px;display:grid;grid-template-columns:1fr 30px;height:100%;border-radius:3px}.designeditor .input-range--editor .range--editor-type .area span{padding:1px;vertical-align:middle}.designeditor .input-range--editor .range--editor-type .area input,.designeditor .input-range--editor .range--editor-type .area select{width:100%}.designeditor .input-range--editor .range--editor-type .area input[type=number]{height:100%;padding:2px 2px;border-right:0px;border-top-left-radius:3px;border-bottom-left-radius:3px}.designeditor .input-range--editor .range--editor-type .area .select-editor select{border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:var(--elf--input-background-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;height:100%;padding:0px 4px;border-left:0px;color:var(--elf--input-sub-font-color);border-bottom:1px solid var(--elf--input-border-color);border-top:1px solid var(--elf--input-border-color);border-right:1px solid var(--elf--input-border-color)}.designeditor .text-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px}.designeditor .text-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:2px}.designeditor .text-editor.has-label label{vertical-align:middle;padding:2px 4px 2px 0px}.designeditor .text-editor input[type=text]{border:1px solid var(--elf--border-color);width:100%}.designeditor .select-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;position:relative;height:24px;box-sizing:border-box}.designeditor .select-editor select{font-size:11px;border:1px solid var(--elf--border-color);background-color:var(--elf--input-background-color)}.designeditor .select-editor select:focus-within{border:1px solid var(--elf--selected-color)}.designeditor .select-editor.has-label{grid-template-columns:70px 1fr;grid-column-gap:2px}.designeditor .select-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.designeditor .select-editor.has-label select{width:100%;height:100%}.designeditor .css-property-editor{margin-top:10px;margin-bottom:5px;display:grid;grid-template-columns:1fr !important}.designeditor .css-property-editor.hide-title>.title{display:none}.designeditor .css-property-editor.hide-title .css-property-item>.title label{display:none}.designeditor .css-property-editor.hide-refresh .css-property-item .title-2{display:none}.designeditor .css-property-editor .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.designeditor .css-property-editor .title .tools{text-align:right}.designeditor .css-property-editor .title .tools select{width:130px !important;display:inline-block}.designeditor .css-property-editor>.title-2{display:none;text-align:right}.designeditor .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}.designeditor .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 0px;margin-bottom:2px;font-weight:900}.designeditor .css-property-editor .css-property-item .value-editor{padding:2px}.designeditor .css-property-editor .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.designeditor .css-property-editor .input.grid-1{grid-template-columns:1fr}.designeditor .css-property-editor .input.grid-2{grid-template-columns:3fr 1fr}.designeditor .background-image-editor{padding:5px 10px;padding-top:0px}.designeditor .background-image-editor .label{height:20px;margin-top:2px}.designeditor .background-image-editor .label.hide{display:none}.designeditor .background-image-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.designeditor .background-image-editor .tools{vertical-align:middle;text-align:right;float:right}.designeditor .background-image-editor .fill-list{display:grid;grid-template-columns:1fr;font-size:12px}.designeditor .background-image-editor .fill-list .fill-item{display:grid;grid-template-columns:24px 24px 1fr;grid-column-gap:5px;text-align:center;padding:6px 0px}.designeditor .background-image-editor .fill-list .fill-item.selected{background-color:var(--elf--border-color)}.designeditor .background-image-editor .fill-list .fill-item .gradient-info{display:grid;grid-template-columns:60px 1fr 20px;color:var(--elf--font-color)}.designeditor .background-image-editor .fill-list .fill-item .gradient-info svg path{fill:currentColor}.designeditor .background-image-editor .fill-list .fill-item .gradient-info .tools{text-align:right}.designeditor .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorcode,.designeditor .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .opacity{display:none}.designeditor .background-image-editor .fill-list .fill-item[data-fill-type=gradient] .colorsteps{display:block}.designeditor .background-image-editor .fill-list .fill-item .pattern{background-color:var(--elf--border-color);border-radius:3px}.designeditor .background-image-editor .fill-list .fill-item .preview{display:grid;cursor:pointer}.designeditor .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 0px}.designeditor .background-image-editor .fill-list .fill-item .preview .mini-view .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-radius:3px}.designeditor .background-image-editor .fill-list .fill-item .fill-title{pointer-events:none;display:inline-block;vertical-align:middle;text-align:left;padding:4px 0px}.designeditor .background-image-editor .fill-list .fill-item .fill-title svg{width:16px;height:16px;vertical-align:middle}.designeditor .background-image-editor .fill-list .fill-item .colorcode input{width:100%}.designeditor .background-image-editor .fill-list .fill-item .colorsteps{display:none;text-align:left;height:100%;padding-top:6px}.designeditor .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 0px}.designeditor .background-image-editor .fill-list .fill-item .colorsteps .step .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.designeditor .background-image-editor .fill-list .fill-item .colorsteps .step[data-cut=true]{border-radius:0%}.designeditor .background-image-editor .fill-list .fill-item .colorsteps .step:first-child{margin-left:0px}.designeditor .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}.designeditor .border-radius-editor .border-radius-item{display:grid;grid-template-columns:80px 1fr}.designeditor .border-radius-editor .border-radius-item.full{grid-template-columns:1fr}.designeditor .border-radius-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.designeditor .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)}.designeditor .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)}.designeditor .border-radius-editor .radius-selector button{margin:2px;width:20px;height:20px;border-radius:3px}.designeditor .border-radius-editor .radius-setting-box>div{margin-bottom:5px}.designeditor .transform-editor .label{height:20px;margin-top:2px}.designeditor .transform-editor .label.hide{display:none}.designeditor .transform-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.designeditor .transform-editor .tools{vertical-align:middle;text-align:right;float:right}.designeditor .transform-editor .tools select{width:100px !important;display:inline-block}.designeditor .transform-editor .transform-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.designeditor .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:0px 2px;border-radius:4px;box-shadow:0 0 3px 0 rgba(255,255,255,.1)}.designeditor .transform-editor .transform-list .transform-item .title{display:grid;grid-template-columns:60px 1fr 18px;color:var(--elf--font-color);border-radius:3px;margin:3px 0px}.designeditor .transform-editor .transform-list .transform-item .title label{font-size:12px;padding:6px 5px;cursor:move;color:var(--elf--font-color);vertical-align:middle;display:inline-block}.designeditor .transform-editor .transform-list .transform-item .title label span{font-weight:bold;border-radius:3px;padding:0px;display:inline-block;min-width:10px;vertical-align:middle}.designeditor .transform-editor .transform-list .transform-item .title .transform-menu{text-align:right;padding:5px 0px}.designeditor .transform-editor .transform-list .transform-item .transform-ui{display:block;margin-bottom:2px;margin-top:2px}.designeditor .transform-editor .transform-list .transform-item .transform-ui .scale>div{margin-bottom:5px}.designeditor .transform-editor .transform-list .transform-item .transform-ui pre{margin-top:3px;margin-bottom:3px}.designeditor .transform-editor .transform-list .transform-item .transform-ui .translate3d{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.designeditor .transform-editor .transform-list .transform-item .transform-ui .matrix{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:5px;padding:0px 2px}.designeditor .transform-editor .transform-list .transform-item .transform-ui .matrix3d{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:5px;padding:0px 2px}.designeditor .transform-editor .transform-list .transform-item .transform-ui input[type=range]{width:90%}.designeditor .filter-editor{padding:2px 10px}.designeditor .filter-editor .label{height:20px;margin-top:2px}.designeditor .filter-editor .label.hide{display:none}.designeditor .filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.designeditor .filter-editor .tools{vertical-align:middle;text-align:right;float:right}.designeditor .filter-editor .tools select{width:100px !important;display:inline-block}.designeditor .filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.designeditor .filter-editor .filter-list .filter-item{display:block;margin-top:5px}.designeditor .filter-editor .filter-list .filter-item:last-child{margin-bottom:5px}.designeditor .filter-editor .filter-list .filter-item .title{display:grid;grid-template-columns:70px 1fr 18px}.designeditor .filter-editor .filter-list .filter-item .title.drop-shadow{grid-template-columns:1fr 18px}.designeditor .filter-editor .filter-list .filter-item .title label{font-size:12px;padding:5px 3px;cursor:move;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.designeditor .filter-editor .filter-list .filter-item .title .svg-filter-edit{cursor:pointer;padding:5px 0px}.designeditor .filter-editor .filter-list .filter-item .title .filter-menu{text-align:right}.designeditor .filter-editor .filter-list .filter-item .filter-ui{vertical-align:middle;margin-bottom:5px}.designeditor .filter-editor .filter-list .filter-item .filter-ui label{font-size:11px;color:var(--elf--font-color)}.designeditor .filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.designeditor .filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.designeditor .box-shadow-editor{grid-template-columns:1fr !important}.designeditor .box-shadow-editor .label{height:20px;margin-top:2px}.designeditor .box-shadow-editor .label.hide{display:none}.designeditor .box-shadow-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.designeditor .box-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.designeditor .box-shadow-editor .tools select{width:100px !important;display:inline-block}.designeditor .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}.designeditor .box-shadow-editor .shadow-item:last-child{margin-bottom:5px}.designeditor .box-shadow-editor .shadow-item.desc{color:var(--elf--font-color)}.designeditor .box-shadow-editor .shadow-item.desc .color{visibility:hidden}.designeditor .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 0px}.designeditor .box-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.designeditor .box-shadow-editor .shadow-item .inset{color:var(--elf--font-color)}.designeditor .box-shadow-editor .shadow-item .inset svg{width:16px;height:16px}.designeditor .box-shadow-editor .shadow-item .inset svg path{fill:currentColor}.designeditor .box-shadow-editor .shadow-item .inset[data-value=true]{color:var(--elf--selected-color)}.designeditor .box-shadow-editor .shadow-item .offset-x,.designeditor .box-shadow-editor .shadow-item .offset-y,.designeditor .box-shadow-editor .shadow-item .blur-radius,.designeditor .box-shadow-editor .shadow-item .spread-radius,.designeditor .box-shadow-editor .shadow-item .inset{padding:4px 0px}.designeditor .text-shadow-editor{grid-template-columns:1fr !important}.designeditor .text-shadow-editor .label{height:20px}.designeditor .text-shadow-editor .label.hide{display:none}.designeditor .text-shadow-editor .label label{font-size:12px;padding:2px 6px 2px 0px;vertical-align:middle}.designeditor .text-shadow-editor .tools{vertical-align:middle;text-align:right;float:right}.designeditor .text-shadow-editor .tools select{width:100px !important;display:inline-block}.designeditor .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}.designeditor .text-shadow-editor .shadow-item.desc{color:var(--elf--font-color)}.designeditor .text-shadow-editor .shadow-item.desc .color{visibility:hidden}.designeditor .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 0px}.designeditor .text-shadow-editor .shadow-item .color .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.designeditor .text-shadow-editor .shadow-item .offset-x,.designeditor .text-shadow-editor .shadow-item .offset-y,.designeditor .text-shadow-editor .shadow-item .blur-radius,.designeditor .text-shadow-editor .shadow-item .inset{padding:4px 0px}.designeditor .text-shadow-editor .shadow-item .tools{text-align:right}.designeditor .var-editor{grid-template-columns:1fr !important}.designeditor .var-editor .label{height:20px;margin-top:2px}.designeditor .var-editor .label.hide{display:none}.designeditor .var-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.designeditor .var-editor .tools{vertical-align:middle;text-align:right;float:right}.designeditor .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}.designeditor .var-editor .var-item>div input{width:100%;height:100%}.designeditor .var-editor .var-item>div input::-moz-placeholder{color:#9e9e9e}.designeditor .var-editor .var-item>div input:-ms-input-placeholder{color:#9e9e9e}.designeditor .var-editor .var-item>div input::placeholder{color:#9e9e9e}.designeditor .var-editor .var-item .tools{text-align:right}.designeditor .perspective-origin-editor .perspective-origin-item{display:grid;grid-template-columns:80px 1fr}.designeditor .perspective-origin-editor .perspective-origin-item.full{grid-template-columns:1fr}.designeditor .perspective-origin-editor .direction{position:relative;margin:0 auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(9, 1fr)}.designeditor .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}.designeditor .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}.designeditor .perspective-origin-editor .direction [data-value=top]:before{top:0px;left:50%;transform:translateX(-50%)}.designeditor .perspective-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.designeditor .perspective-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.designeditor .perspective-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;transform:translateX(-50%)}.designeditor .perspective-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.designeditor .perspective-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.designeditor .perspective-origin-editor .direction [data-value=left]:before{top:50%;left:0px;transform:translateY(-50%)}.designeditor .perspective-origin-editor .direction [data-value=right]:before{top:50%;right:0px;transform:translateY(-50%)}.designeditor .perspective-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.designeditor .perspective-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.designeditor .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)}.designeditor .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)}.designeditor .perspective-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.designeditor .perspective-origin-editor .radius-setting-box{margin-top:5px}.designeditor .perspective-origin-editor .radius-setting-box>div{margin-bottom:5px}.designeditor .transform-origin-editor{display:grid;grid-template-columns:80px 1fr}.designeditor .transform-origin-editor .transform-origin-item{display:grid;grid-template-columns:62px 1fr}.designeditor .transform-origin-editor .transform-origin-item.full{grid-template-columns:1fr}.designeditor .transform-origin-editor .direction{position:relative;margin:0 auto;margin-top:14px;margin-left:0px;display:grid;grid-template-columns:repeat(3, 20px);grid-template-rows:repeat(3, 20px);grid-column-gap:0px;grid-row-gap:0px}.designeditor .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}.designeditor .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}.designeditor .transform-origin-editor .direction [data-value=top]:before{top:0px;left:50%;transform:translateX(-50%)}.designeditor .transform-origin-editor .direction [data-value="top left"]:before{top:0px;left:0px}.designeditor .transform-origin-editor .direction [data-value="top right"]:before{top:0px;right:0px}.designeditor .transform-origin-editor .direction [data-value=bottom]:before{bottom:0px;left:50%;transform:translateX(-50%)}.designeditor .transform-origin-editor .direction [data-value="bottom left"]:before{bottom:0px;left:0px}.designeditor .transform-origin-editor .direction [data-value="bottom right"]:before{bottom:0px;right:0px}.designeditor .transform-origin-editor .direction [data-value=left]:before{top:50%;left:0px;transform:translateY(-50%)}.designeditor .transform-origin-editor .direction [data-value=right]:before{top:50%;right:0px;transform:translateY(-50%)}.designeditor .transform-origin-editor .direction [data-value=center]:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.designeditor .transform-origin-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.designeditor .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)}.designeditor .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)}.designeditor .transform-origin-editor .radius-selector button{background-image:none;margin:2px;width:20px;height:20px;border-radius:3px}.designeditor .transform-origin-editor .radius-setting-box{margin-top:5px}.designeditor .transform-origin-editor .radius-setting-box>div{margin-bottom:5px}.designeditor .gradient-editor{position:relative;box-sizing:border-box;padding:0px 4px}.designeditor .gradient-editor .tools{padding:4px 0px;display:grid;grid-template-columns:70px 1fr;grid-column-gap:4px}.designeditor .gradient-editor [data-editor]{display:none;margin-top:3px}.designeditor .gradient-editor [data-editor]>label{font-size:11px}.designeditor .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.designeditor .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.designeditor .gradient-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.designeditor .gradient-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.designeditor .gradient-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.designeditor .gradient-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.designeditor .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 0px;box-shadow:0 0 10px 1px var(--elf--border-color)}.designeditor .gradient-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.designeditor .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}.designeditor .gradient-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.designeditor .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}.designeditor .gradient-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.designeditor .gradient-editor .gradient-preview .preset-position>div svg path{fill:currentColor}.designeditor .gradient-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;transform:translate(-50%, -100%) rotate(-90deg)}.designeditor .gradient-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;transform:translate(-100%, -100%) rotate(-135deg)}.designeditor .gradient-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;transform:translate(0%, -100%) rotate(-45deg)}.designeditor .gradient-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%, -50%)}.designeditor .gradient-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%, -50%) rotate(-180deg)}.designeditor .gradient-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%, 0%) rotate(90deg)}.designeditor .gradient-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%, 0%) rotate(135deg)}.designeditor .gradient-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%, 0%) rotate(45deg)}.designeditor .gradient-editor[data-selected-editor=static-gradient] .static-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .gradient-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .gradient-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .gradient-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .gradient-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .gradient-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .gradient-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .gradient-editor[data-selected-editor=image-resource] .image-resource{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .gradient-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.designeditor .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:0px 2px}.designeditor .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)}.designeditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.designeditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right, red, red)}.designeditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right, black, gray)}.designeditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.designeditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.designeditor .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%)}.designeditor .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%)}.designeditor .gradient-editor .picker-tab .picker-tab-list .picker-tab-item.repeating-conic-gradient .icon{background-image:repeating-conic-gradient(#3f87a6, #ebf8e1 5%, #f69d3c 10%)}.designeditor .gradient-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.designeditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.designeditor .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 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.designeditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.designeditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.designeditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.designeditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.designeditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.designeditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.designeditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.designeditor .gradient-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.designeditor .gradient-editor[data-selected-editor=linear-gradient] .drag-pointer,.designeditor .gradient-editor[data-selected-editor=repeating-linear-gradient] .drag-pointer,.designeditor .gradient-editor[data-selected-editor=image-resource] .drag-pointer{display:none}.designeditor .gradient-editor[data-selected-editor=linear-gradient] .preset-position,.designeditor .gradient-editor[data-selected-editor=repeating-linear-gradient] .preset-position,.designeditor .gradient-editor[data-selected-editor=image-resource] .preset-position{display:none}.designeditor .gradient-editor[data-selected-editor=linear-gradient] [data-editor=angle],.designeditor .gradient-editor[data-selected-editor=repeating-linear-gradient] [data-editor=angle],.designeditor .gradient-editor[data-selected-editor=conic-gradient] [data-editor=angle],.designeditor .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=angle]{display:block}.designeditor .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerX],.designeditor .gradient-editor[data-selected-editor=radial-gradient] [data-editor=centerY],.designeditor .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerX],.designeditor .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=centerY],.designeditor .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerX],.designeditor .gradient-editor[data-selected-editor=conic-gradient] [data-editor=centerY],.designeditor .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerX],.designeditor .gradient-editor[data-selected-editor=repeating-conic-gradient] [data-editor=centerY]{display:block}.designeditor .gradient-editor[data-selected-editor=radial-gradient] [data-editor=radialType],.designeditor .gradient-editor[data-selected-editor=repeating-radial-gradient] [data-editor=radialType]{display:block}.designeditor .gradient-editor[data-selected-editor=image-resource] [data-editor=gradient],.designeditor .gradient-editor[data-selected-editor=image-resource] [data-editor=tools],.designeditor .gradient-editor[data-selected-editor=image-resource] .drag-pointer,.designeditor .gradient-editor[data-selected-editor=image-resource] .preset-position,.designeditor .gradient-editor[data-selected-editor=image-resource] .sub-editor{display:none}.designeditor .gradient-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.designeditor .gradient-editor .sub-editor{padding:0px 0px}.designeditor .gradient-editor .gradient-steps{position:relative;height:30px}.designeditor .gradient-editor .hue-container,.designeditor .gradient-editor .hue{position:absolute;left:0px;right:0px;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 0px;pointer-events:all}.designeditor .gradient-editor .hue{pointer-events:none}.designeditor .gradient-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.designeditor .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.designeditor .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.designeditor .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 0px 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 0px}.designeditor .gradient-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(222,222,222,.5);transform:translateX(-50%) translateY(calc(100%))}.designeditor .gradient-editor .hue .step-list .step.selected .arrow{display:block}.designeditor .gradient-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.designeditor .gradient-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.designeditor .gradient-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.designeditor .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%)}.designeditor .svg-property-editor .label{height:20px;margin-top:2px}.designeditor .svg-property-editor .label.hide{display:none}.designeditor .svg-property-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.designeditor .svg-property-editor .tools{vertical-align:middle;text-align:right;float:right}.designeditor .svg-property-editor .tools select{width:100px !important;display:inline-block}.designeditor .svg-property-editor .svg-property-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.designeditor .svg-property-editor .svg-property-list .svg-property-item{display:block}.designeditor .svg-property-editor .svg-property-list .svg-property-item .title{padding:5px 2px;display:grid;grid-template-columns:70px 1fr 30px;cursor:pointer}.designeditor .svg-property-editor .svg-property-list .svg-property-item .title .type{padding:3px 5px;text-align:center;text-transform:uppercase}.designeditor .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=filter]{border-radius:5px;background-color:var(--elf--selected-color)}.designeditor .svg-property-editor .svg-property-list .svg-property-item .title .type[data-type=clip-path]{border-radius:5px;background-color:rgba(255,0,0,.5)}.designeditor .svg-property-editor .svg-property-list .svg-property-item .title label{font-size:12px;padding:2px 5px}.designeditor .svg-property-editor .svg-property-list .svg-property-item .title .menu{text-align:right}.designeditor .svg-filter-editor{color:var(--elf--font-color);display:grid;grid-template-columns:150px 1fr 200px;grid-column-gap:10px;height:100%;position:relative}.designeditor .svg-filter-editor .label{height:20px;margin-top:2px}.designeditor .svg-filter-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.designeditor .svg-filter-editor .tools{vertical-align:middle;text-align:right;float:right}.designeditor .svg-filter-editor .tools select{width:100px !important;display:inline-block}.designeditor .svg-filter-editor .left{height:100%;position:relative}.designeditor .svg-filter-editor .left .filter-item-list{padding:10px 5px;height:100%;overflow:auto}.designeditor .svg-filter-editor .left .filter-item-list .group{margin-bottom:6px}.designeditor .svg-filter-editor .left .filter-item-list .group:before{content:attr(label);display:block;color:var(--elf--selected-color);font-size:11px}.designeditor .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)}.designeditor .svg-filter-editor .left .filter-item-list .group .item svg{width:20px;height:20px}.designeditor .svg-filter-editor .left .filter-item-list .group .item[value=SourceGraphic],.designeditor .svg-filter-editor .left .filter-item-list .group .item[value=BackgroundImage],.designeditor .svg-filter-editor .left .filter-item-list .group .item[value=FillPaint]{color:var(--elf--selected-color)}.designeditor .svg-filter-editor .left .filter-item-list .group .item:hover{background-color:rgba(255,255,255,.3)}.designeditor .svg-filter-editor .center{position:relative;overflow:auto}.designeditor .svg-filter-editor .center .graph{overflow:auto;box-sizing:border-box;border:1px solid var(--elf--selected-color);position:relative;height:100%}.designeditor .svg-filter-editor .center .graph .connected-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg{width:100%;height:100%}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg path{fill:transparent;stroke:var(--elf--selected-color);stroke-width:1;pointer-events:none}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=graphic]{stroke:#a6a6ff}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=source]{stroke:#9acd32}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=modifier]{stroke:var(--elf--selected-color)}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=lighting]{stroke:#e6ff00}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg path[data-source-type=combiner]{stroke:#ff9bff}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg circle{fill:var(--elf--selected-color);r:4;stroke:rgba(var(--elf--selected-color), 0.5);stroke-width:0;pointer-events:all;cursor:pointer}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=graphic]{fill:#a6a6ff;stroke:rgba(166,166,255,.5)}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=source]{fill:#9acd32;stroke:rgba(154,205,50,.5)}.designeditor .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), 0.5)}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=lighting]{fill:#e6ff00;stroke:rgba(230,255,0,.5)}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg circle[data-source-type=combiner]{fill:#ff9bff;stroke:rgba(255,155,255,.5)}.designeditor .svg-filter-editor .center .graph .connected-line-panel svg circle:hover{stroke-width:4}.designeditor .svg-filter-editor .center .graph .drag-line-panel{width:1000px;height:1000px;position:absolute;left:0px;top:0px}.designeditor .svg-filter-editor .center .graph .drag-line-panel svg{width:100%;height:100%}.designeditor .svg-filter-editor .center .graph .drag-line-panel svg path{stroke:var(--elf--selected-color);stroke-width:1}.designeditor .svg-filter-editor .center .graph .graph-panel{width:1000px;height:1000px;position:relative;pointer-events:none}.designeditor .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}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceGraphic],.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SourceAlpha],.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundImage],.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=BackgroundAlpha],.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=FillPaint],.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=StrokePaint],.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Flood],.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Turbulence],.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=Image]{border-radius:0px}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out,.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out,.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out{background-color:#f8e579}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=PointLight] .out svg,.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=SpotLight] .out svg,.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node[data-type=DistantLight] .out svg{display:none}.designeditor .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)}.designeditor .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)}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg{width:100%;height:100%}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node>.remove svg path{fill:var(--elf--font-color)}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview{height:100%;width:100%;pointer-events:none;position:relative}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Merge] svg,.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-filter-type=Composite] svg{transform:translate(-50%, -50%) rotate(90deg)}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=graphic]{color:#a6a6ff}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=source]{color:#9acd32}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=modifier]{color:var(--elf--selected-color)}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting]{color:#e6ff00}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=combiner]{color:#ff9bff}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview[data-source-type=lighting] svg{filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3))}.designeditor .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%)}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node>.preview svg path{fill:currentColor}.designeditor .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}.designeditor .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 0px;position:relative}.designeditor .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%)}.designeditor .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%}.designeditor .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%}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node .in,.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node .out{color:#fff}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node .in svg,.designeditor .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%)}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node .in svg{left:6px}.designeditor .svg-filter-editor .center .graph .graph-panel .filter-node .out svg{left:7px}.designeditor .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)}.designeditor .svg-filter-editor .right{height:100%;overflow:auto;box-sizing:border-box}.designeditor .svg-filter-editor .filter-list{width:100%;display:grid !important;grid-template-columns:1fr !important}.designeditor .svg-filter-editor .filter-list .filter-item{display:block}.designeditor .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 0px}.designeditor .svg-filter-editor .filter-list .filter-item .title label{font-size:12px;padding:2px 0px}.designeditor .svg-filter-editor .filter-list .filter-item .title .filter-menu{text-align:right;color:var(--elf--selected-font-color)}.designeditor .svg-filter-editor .filter-list .filter-item .filter-ui{display:grid;grid-template-columns:1fr;margin-bottom:2px}.designeditor .svg-filter-editor .filter-list .filter-item .filter-ui>div{margin-bottom:5px}.designeditor .svg-filter-editor .filter-list .filter-item .filter-ui>div .number-range--editor.has-label,.designeditor .svg-filter-editor .filter-list .filter-item .filter-ui>div .select-editor.has-label,.designeditor .svg-filter-editor .filter-list .filter-item .filter-ui>div .text-editor.has-label{grid-template-columns:100px 1fr}.designeditor .svg-filter-editor .filter-list .filter-item .filter-ui>div .color-view-editor.has-label{grid-template-columns:100px 24px 1fr}.designeditor .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow{grid-template-columns:50px 1fr;grid-column-gap:1px}.designeditor .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow label{font-size:10px}.designeditor .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color{grid-template-columns:50px 1fr;grid-column-gap:2px}.designeditor .svg-filter-editor .filter-list .filter-item .filter-ui.drop-shadow-color label{font-size:12px}.designeditor .svg-filter-editor .filter-list .filter-item .filter-ui input[type=range]{width:90%}.designeditor .direction-editor .direction-item{display:grid;grid-template-columns:62px 1fr}.designeditor .direction-editor .direction-item.full{grid-template-columns:1fr}.designeditor .direction-editor .radius-selector{display:grid;grid-template-columns:1fr 1fr}.designeditor .direction-editor .radius-selector[data-selected-value=all] button[data-value=all]{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .direction-editor .radius-selector[data-selected-value=partitial] button[data-value=partitial]{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .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:0px;border:0px;color:#ccc}.designeditor .direction-editor .radius-selector button svg{width:100%;height:100%}.designeditor .list-view-editor{position:relative;display:grid;grid-template-columns:repeat(1, 1fr);max-height:500px;margin-top:10px}.designeditor .list-view-editor[data-column="0"]{grid-template-columns:repeat(0, 1fr)}.designeditor .list-view-editor[data-column="1"]{grid-template-columns:repeat(1, 1fr)}.designeditor .list-view-editor[data-column="2"]{grid-template-columns:repeat(2, 1fr)}.designeditor .list-view-editor[data-column="3"]{grid-template-columns:repeat(3, 1fr)}.designeditor .list-view-editor[data-column="4"]{grid-template-columns:repeat(4, 1fr)}.designeditor .list-view-editor[data-column="5"]{grid-template-columns:repeat(5, 1fr)}.designeditor .list-view-editor[data-column="6"]{grid-template-columns:repeat(6, 1fr)}.designeditor .list-view-editor[data-column="7"]{grid-template-columns:repeat(7, 1fr)}.designeditor .list-view-editor[data-column="8"]{grid-template-columns:repeat(8, 1fr)}.designeditor .list-view-editor[data-column="9"]{grid-template-columns:repeat(9, 1fr)}.designeditor .list-view-editor .list-view-item.selected{background-color:var(--elf--selected-color)}.designeditor .list-view-editor .list-view-item.selected svg path,.designeditor .list-view-editor .list-view-item.selected svg circle,.designeditor .list-view-editor .list-view-item.selected svg rect{fill:var(--elf--selected-font-color)}.designeditor .list-view-editor .list-view-item svg{width:100%}.designeditor .list-view-editor .list-view-item svg path,.designeditor .list-view-editor .list-view-item svg circle,.designeditor .list-view-editor .list-view-item svg rect{fill:var(--elf--font-color)}.designeditor .image-select-editor{text-align:center;margin-top:10px;margin-bottom:10px;background-color:rgba(0,0,0,.3)}.designeditor .image-select-editor .preview-container{width:100%;height:150px;position:relative}.designeditor .image-select-editor .preview-container img{max-width:100%;max-height:100%}.designeditor .image-select-editor .preview-container input[type=file]{position:absolute;left:0px;width:100%;bottom:0px;top:0px;opacity:0;cursor:pointer}.designeditor .image-select-editor .select-container{display:grid;grid-template-columns:1fr;padding:4px 0px}.designeditor .image-select-editor .select-container button{width:100%}.designeditor .select-icon-editor{display:grid;grid-template-columns:1fr}.designeditor .select-icon-editor.has-label{grid-template-columns:70px 1fr}.designeditor .select-icon-editor.has-label label{text-align:left;vertical-align:middle;padding:6px 4px 2px 0px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.designeditor .select-icon-editor .items{outline:none;line-height:1;background-color:transparent;height:24px;background-color:var(--elf--select-icon-editor-item-color);box-sizing:border-box;padding:2px;border-radius:3px;cursor:pointer;display:flex}.designeditor .select-icon-editor .items.compact{display:inline-block;height:24px;background-color:transparent}.designeditor .select-icon-editor .items.compact .select-icon-item{display:inline-block;min-width:20px;line-height:1;height:100%}.designeditor .select-icon-editor .items.compact .select-icon-item[data-value]{margin-top:0px}.designeditor .select-icon-editor .items>.select-icon-item{flex:1 1 10%;text-align:center;vertical-align:middle;padding:4px 2px;border-right:0px;white-space:pre-wrap;word-break:break-all;overflow:hidden;font-size:10px;text-transform:uppercase;line-height:1.4;border-radius:3px;color:var(--elf--selected-font-color);position:relative}.designeditor .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}.designeditor .select-icon-editor .items>.select-icon-item.selected{background-color:var(--elf--select-icon-editor-selected-color);color:var(--elf--selected-font-color)}.designeditor .select-icon-editor .items>.select-icon-item.icon{padding:3px 2px}.designeditor .select-icon-editor .items>.select-icon-item[data-value]{font-size:12px}.designeditor .select-icon-editor .items>.select-icon-item[data-value=""]{max-width:20px}.designeditor .select-icon-editor .items>.select-icon-item[data-value=none]{text-transform:none;vertical-align:middle}.designeditor .select-icon-editor .items>.select-icon-item[data-value=uppercase]{text-transform:uppercase;vertical-align:middle}.designeditor .select-icon-editor .items>.select-icon-item[data-value=lowercase]{text-transform:lowercase;vertical-align:middle}.designeditor .select-icon-editor .items>.select-icon-item[data-value=capitalize]{text-transform:capitalize;vertical-align:middle}.designeditor .select-icon-editor .items>.select-icon-item[data-value=full-width]{text-transform:full-width;vertical-align:middle}.designeditor .select-icon-editor .items>.select-icon-item[data-value=underline]{text-decoration:underline;vertical-align:middle}.designeditor .select-icon-editor .items>.select-icon-item[data-value=overline]{text-decoration:overline;vertical-align:middle}.designeditor .select-icon-editor .items>.select-icon-item[data-value=line-through]{text-decoration:line-through;vertical-align:middle}.designeditor .select-icon-editor .items>.select-icon-item[data-value=normal]{font-style:normal;vertical-align:middle}.designeditor .select-icon-editor .items>.select-icon-item[data-value=italic]{font-style:italic;vertical-align:middle}.designeditor .select-icon-editor .items>.select-icon-item[data-value=oblique]{font-style:oblique;vertical-align:middle}.designeditor .select-icon-editor .tools{text-align:right;vertical-align:middle;padding:4px 0px}.designeditor .number-input-editor{display:grid;grid-template-columns:1fr;grid-column-gap:4px;height:24px}.designeditor .number-input-editor.has-label{grid-template-columns:60px 1fr;grid-column-gap:4px}.designeditor .number-input-editor.has-label.compact{grid-template-columns:30px 1fr}.designeditor .number-input-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.designeditor .number-input-editor.has-label.block{display:block}.designeditor .number-input-editor.has-label.block label{display:block}.designeditor .number-input-editor .range--editor-type{vertical-align:middle;height:24px}.designeditor .number-input-editor .range--editor-type .area{display:grid;grid-template-columns:1fr;grid-column-gap:3px;font-size:13px;height:100%}.designeditor .number-input-editor .range--editor-type .area span{padding:1px;vertical-align:middle}.designeditor .number-input-editor .range--editor-type .area input{width:100%}.designeditor .number-input-editor .range--editor-type .area input[type=number]{border-radius:3px}.designeditor .number-input-editor .range--editor-type .area input[type=number].focused{box-shadow:0 0 0 1px var(--elf--selected-color)}.designeditor .number-input-editor .range--editor-type .area select{width:100%;color:var(--elf--input-sub-font-color)}.designeditor .path-data-editor .segment-empty{display:grid;grid-template-columns:30px 1fr;grid-column-gap:2px}.designeditor .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}.designeditor .path-data-editor .segment{display:grid;grid-template-columns:50px 1fr;grid-column-gap:2px;margin-bottom:4px}.designeditor .path-data-editor .segment.m{padding-top:10px}.designeditor .path-data-editor .segment .command{color:var(--elf--selected-color);cursor:pointer}.designeditor .path-data-editor .segment .command[data-toggle=false]{opacity:.3;font-weight:bold}.designeditor .path-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px}.designeditor .path-data-editor .segment .values span{text-align:center}.designeditor .path-data-editor .segment .values input{width:100%}.designeditor .polygon-data-editor .segment{display:grid;grid-template-columns:1fr;grid-column-gap:2px;margin-bottom:4px}.designeditor .polygon-data-editor .segment .values{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px;grid-row-gap:2px;text-align:right}.designeditor .polygon-data-editor .segment .values label{color:var(--elf--selected-color)}.designeditor .polygon-data-editor .segment .values input{color:var(--elf--font-color);width:80px}.designeditor .offset-path-editor .offset-path-item{margin-bottom:10px}.designeditor .background-position-editor{height:19px;text-align:center;width:100%}.designeditor .background-position-editor .preview{height:100%}.designeditor .background-position-editor .preview .mini-view{height:100%}.designeditor .background-position-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.designeditor .gradient-single-editor{height:19px;text-align:center;width:100%}.designeditor .gradient-single-editor .preview{height:100%}.designeditor .gradient-single-editor .preview .mini-view{height:100%}.designeditor .gradient-single-editor .preview .mini-view .color-view{cursor:pointer;height:100%;border-radius:3px}.designeditor .fill-single-editor{height:20px;width:100%;display:grid}.designeditor .fill-single-editor.has-label{grid-template-columns:70px 40px 1fr;grid-column-gap:2px}.designeditor .fill-single-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 4px 2px 0px;font-size:11px}.designeditor .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)}.designeditor .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 0px}.designeditor .fill-single-editor .preview .mini-view .color-view{position:absolute;left:0px;top:0px;width:100%;height:100%}.designeditor .fill-single-editor .colors{display:inline-block;vertical-align:middle;line-height:2.2;margin-left:2px}.designeditor .fill-single-editor .colors.simple{display:none}.designeditor .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}.designeditor .fill-single-editor .colors .color:not(:first-child){margin-left:-2px}.designeditor .fill-editor{position:relative}.designeditor .fill-editor .tools{padding:4px 0px}.designeditor .fill-editor [data-editor]{display:none;margin-top:3px}.designeditor .fill-editor [data-editor]>label{font-size:11px}.designeditor .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=gradient],.designeditor .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=gradient]{display:block}.designeditor .fill-editor:not([data-selected-editor*=static-gradient]) [data-editor=tools],.designeditor .fill-editor:not([data-selected-editor*=image-resource]) [data-editor=tools]{display:grid}.designeditor .fill-editor [data-editor=image-loader]{display:none;pointer-events:all;position:absolute;left:0px;right:0px;top:0px;bottom:0px}.designeditor .fill-editor [data-editor=image-loader] input[type=file]{width:100%;height:100%;display:block;opacity:0;pointer-events:all}.designeditor .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 0px;box-shadow:0 0 10px 1px var(--elf--border-color)}.designeditor .fill-editor .gradient-preview .pointer-drawer-area{position:absolute;left:0px;top:0px;width:100%;height:100%}.designeditor .fill-editor .gradient-preview .pointer-draw{position:absolute;left:0px;top:0px;width:100%;height:100%;display:inline-block;overflow:visible}.designeditor .fill-editor .gradient-preview .pointer-draw [data-type]{display:none}.designeditor .fill-editor .gradient-preview .pointer-draw circle{pointer-events:all;fill:#000;stroke:#fff;stroke-width:1}.designeditor .fill-editor .gradient-preview .pointer-draw circle[data-type=start]{fill:red}.designeditor .fill-editor .gradient-preview .pointer-draw circle[data-type=end]{fill:blue}.designeditor .fill-editor .gradient-preview .pointer-draw circle[data-type=center]{fill:#ff0}.designeditor .fill-editor .gradient-preview .pointer-draw circle[data-type=f]{fill:green}.designeditor .fill-editor .gradient-preview .pointer-draw line{fill:#fff;stroke:#fff;stroke-width:1}.designeditor .fill-editor .gradient-preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.designeditor .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}.designeditor .fill-editor .gradient-preview .preset-position{position:absolute;left:0px;top:0px;right:0px;bottom:0px;pointer-events:none}.designeditor .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}.designeditor .fill-editor .gradient-preview .preset-position>div svg{width:100%;height:100%}.designeditor .fill-editor .gradient-preview .preset-position>div svg path{fill:var(--elf--font-color);stroke:var(--elf--font-color)}.designeditor .fill-editor .gradient-preview .preset-position [data-value=top]{position:absolute;top:0px;left:50%;transform:translate(-50%, -100%) rotate(-90deg)}.designeditor .fill-editor .gradient-preview .preset-position [data-value="top left"]{position:absolute;top:0px;left:0%;transform:translate(-100%, -100%) rotate(-135deg)}.designeditor .fill-editor .gradient-preview .preset-position [data-value="top right"]{position:absolute;top:0px;left:100%;transform:translate(0%, -100%) rotate(-45deg)}.designeditor .fill-editor .gradient-preview .preset-position [data-value=right]{position:absolute;top:50%;left:100%;transform:translate(0%, -50%)}.designeditor .fill-editor .gradient-preview .preset-position [data-value=left]{position:absolute;top:50%;left:0%;transform:translate(-100%, -50%) rotate(-180deg)}.designeditor .fill-editor .gradient-preview .preset-position [data-value=bottom]{position:absolute;top:100%;left:50%;transform:translate(-50%, 0%) rotate(90deg)}.designeditor .fill-editor .gradient-preview .preset-position [data-value="bottom left"]{position:absolute;top:100%;left:0%;transform:translate(-100%, 0%) rotate(135deg)}.designeditor .fill-editor .gradient-preview .preset-position [data-value="bottom right"]{position:absolute;top:100%;left:100%;transform:translate(0%, 0%) rotate(45deg)}.designeditor .fill-editor[data-selected-editor=static-gradient] .static-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .fill-editor[data-selected-editor=linear-gradient] .linear-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .fill-editor[data-selected-editor=repeating-linear-gradient] .repeating-linear-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .fill-editor[data-selected-editor=radial-gradient] .radial-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .fill-editor[data-selected-editor=repeating-radial-gradient] .repeating-radial-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .fill-editor[data-selected-editor=conic-gradient] .conic-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .fill-editor[data-selected-editor=repeating-conic-gradient] .repeating-conic-gradient{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .fill-editor[data-selected-editor=image-resource] .image-resource{background-color:var(--elf--selected-color);color:var(--elf--selected-font-color)}.designeditor .fill-editor .picker-tab .picker-tab-list{text-align:center;padding:2px 0px}.designeditor .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:0px 2px}.designeditor .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)}.designeditor .fill-editor .picker-tab .picker-tab-list .picker-tab-item .icon svg{width:100%;height:100%}.designeditor .fill-editor .picker-tab .picker-tab-list .picker-tab-item.static-gradient .icon{background-image:linear-gradient(to right, red, red)}.designeditor .fill-editor .picker-tab .picker-tab-list .picker-tab-item.linear-gradient .icon{background-image:linear-gradient(to right, black, gray)}.designeditor .fill-editor .picker-tab .picker-tab-list .picker-tab-item.radial-gradient .icon{background-image:radial-gradient(closest-side, black, #ebf8e1, gray)}.designeditor .fill-editor .picker-tab .picker-tab-list .picker-tab-item.conic-gradient .icon{background-image:conic-gradient(black, #ebf8e1)}.designeditor .fill-editor .picker-tab .picker-gradient-selector{padding:2px 10px}.designeditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps{position:relative;display:block;height:30px}.designeditor .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 0px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.designeditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue{position:relative;padding:0px;margin:0px;cursor:pointer}.designeditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list{position:relative;width:100%;cursor:copy;height:14px;z-index:1}.designeditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue>.step-list.mode-drag{cursor:pointer}.designeditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar{border:0px;background-color:transparent;border:2px solid #fff;box-shadow:0 0 2px 0px rgba(0,0,0,.6);width:10px;height:10px;transform:none;border-radius:50%;display:inline-block;left:0px;top:17px;transform:translateX(-50%);position:absolute;background-color:rgba(255,255,255,.8);cursor:pointer;transition:top .3s ease-out}.designeditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar .guide-line{pointer-events:none;position:absolute;width:1px;height:0px;bottom:8px;left:3px;transform:translateX(-1px);transition:all .3s ease-out}.designeditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected{z-index:1;top:30px}.designeditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-line{height:17px}.designeditor .fill-editor .picker-tab .picker-gradient-selector .gradient-steps .hue .drag-bar.selected .guide-change{opacity:1}.designeditor .fill-editor[data-selected-editor=image-resource] [data-editor=patternUnits],.designeditor .fill-editor[data-selected-editor=image-resource] [data-editor=patternWidth],.designeditor .fill-editor[data-selected-editor=image-resource] [data-editor=patternHeight],.designeditor .fill-editor[data-selected-editor=image-resource] [data-editor=imageX],.designeditor .fill-editor[data-selected-editor=image-resource] [data-editor=imageY],.designeditor .fill-editor[data-selected-editor=image-resource] [data-editor=imageWidth],.designeditor .fill-editor[data-selected-editor=image-resource] [data-editor=imageHeight]{display:block}.designeditor .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=line],.designeditor .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=start],.designeditor .fill-editor[data-selected-editor=linear-gradient] .pointer-draw [data-type=end]{display:block}.designeditor .fill-editor[data-selected-editor=linear-gradient] [data-editor=spreadMethod],.designeditor .fill-editor[data-selected-editor=linear-gradient] [data-editor=x1],.designeditor .fill-editor[data-selected-editor=linear-gradient] [data-editor=x2],.designeditor .fill-editor[data-selected-editor=linear-gradient] [data-editor=y1],.designeditor .fill-editor[data-selected-editor=linear-gradient] [data-editor=y2]{display:block}.designeditor .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=center],.designeditor .fill-editor[data-selected-editor=radial-gradient] .pointer-draw [data-type=f]{display:block}.designeditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=spreadMethod],.designeditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=cx],.designeditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=cy],.designeditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=r],.designeditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=fx],.designeditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=fy],.designeditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=fr]{display:block}.designeditor .fill-editor[data-selected-editor=radial-gradient] [data-editor=radialType]{display:block}.designeditor .fill-editor[data-selected-editor=image-resource] [data-editor=gradient],.designeditor .fill-editor[data-selected-editor=image-resource] [data-editor=tools],.designeditor .fill-editor[data-selected-editor=image-resource] .preset-position{display:none}.designeditor .fill-editor[data-selected-editor=image-resource] [data-editor=image-loader]{display:block}.designeditor .fill-editor .sub-editor{padding:0px 0px}.designeditor .fill-editor .gradient-steps{position:relative;height:30px}.designeditor .fill-editor .hue-container,.designeditor .fill-editor .hue{position:absolute;left:0px;right:0px;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 0px;pointer-events:all}.designeditor .fill-editor .hue{pointer-events:none}.designeditor .fill-editor .hue .step-list{position:absolute;width:100%;height:100%;top:0px;left:0px;border-radius:10px;pointer-events:none}.designeditor .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="0"] [data-index="0"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="1"] [data-index="1"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="2"] [data-index="2"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="3"] [data-index="3"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="4"] [data-index="4"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="5"] [data-index="5"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="6"] [data-index="6"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="7"] [data-index="7"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="8"] [data-index="8"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="9"] [data-index="9"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="10"] [data-index="10"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="11"] [data-index="11"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="12"] [data-index="12"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="13"] [data-index="13"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="14"] [data-index="14"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="15"] [data-index="15"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="16"] [data-index="16"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="17"] [data-index="17"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="18"] [data-index="18"] .arrow{display:block}.designeditor .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"]{border:0px;transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list[data-selected-index="19"] [data-index="19"] .arrow{display:block}.designeditor .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 0px 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 0px}.designeditor .fill-editor .hue .step-list .step.selected{border:0px;box-shadow:0 0 0px 1px rgba(255,255,255,.5);transform:translateX(-50%) translateY(calc(100%))}.designeditor .fill-editor .hue .step-list .step.selected .arrow{display:block}.designeditor .fill-editor .hue .step-list .step[data-cut=true]{border-radius:0%}.designeditor .fill-editor .hue .step-list .step[data-cut=true] .color-view{border-radius:0%}.designeditor .fill-editor .hue .step-list .step .color-view{position:absolute;left:0px;top:0px;bottom:0px;right:0px;border-radius:100%;pointer-events:none}.designeditor .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%)}.designeditor .svg-filter-select-editor{position:relative;display:grid;grid-template-columns:1fr 16px 16px;grid-column-gap:2px;height:24px}.designeditor .svg-filter-select-editor.has-label{grid-template-columns:60px 1fr 16px 16px;grid-column-gap:2px}.designeditor .svg-filter-select-editor.has-label label{text-align:left;vertical-align:middle;padding:4px 0px 2px 0px;font-size:11px;line-height:1.6}.designeditor .svg-filter-select-editor select{width:100%;height:100%}.designeditor .svg-filter-select-editor button{margin-top:4px}.designeditor .func-filter-editor{display:grid;grid-template-columns:1fr}.designeditor .func-filter-editor.focused{box-shadow:0 0 0 1px var(--elf--selected-color);border-radius:3px}.designeditor .func-filter-editor.has-label{grid-template-columns:60px 1fr}.designeditor .func-filter-editor.has-label label{text-align:left;vertical-align:middle;padding:2px 0px 2px 0px;font-size:11px;padding-left:0px !important}.designeditor .func-filter-editor>[data-type]{display:none;padding:4px 0px}.designeditor .func-filter-editor[data-selected-type=identity]>[data-type=identity]{display:block}.designeditor .func-filter-editor[data-selected-type=table]>[data-type=table],.designeditor .func-filter-editor[data-selected-type=discrete]>[data-type=table]{display:block}.designeditor .func-filter-editor[data-selected-type=linear]>[data-type=linear]{display:block}.designeditor .func-filter-editor[data-selected-type=gamma]>[data-type=gamma]{display:block}.designeditor .color-matrix-editor .title{padding:5px 0px;color:var(--elf--selected-color)}.designeditor .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)}.designeditor .color-matrix-editor .color-matrix-template input,.designeditor .color-matrix-editor .color-matrix-template select{width:100%}.designeditor .color-matrix-editor .color-matrix-template .sample-item{padding:2px 5px;cursor:pointer}.designeditor .color-matrix-editor .color-matrix-template .sample-item:hover{background-color:rgba(255,255,255,.2);color:var(--elf--selected-color)}.designeditor .stroke-dasharray-editor{padding:4px 0px}.designeditor .stroke-dasharray-editor .dasharray-item{margin-bottom:3px;display:grid;grid-template-columns:1fr 20px;grid-column-gap:2px}.designeditor .stroke-dasharray-editor>.tools.has-label{display:grid;grid-template-columns:70px 1fr}.designeditor .stroke-dasharray-editor>.tools.has-label .label{text-align:left}.designeditor .stroke-dasharray-editor>.tools label{color:var(--elf--selected-font-color);vertical-align:middle;cursor:pointer;text-align:left}.designeditor .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}.designeditor .grid-box-editor .grid-box-editor-item .item.header{height:24px}.designeditor .grid-box-editor .grid-box-editor-item .item.header>*{padding:4px 0px;border:1px solid rgba(236,236,236,.18);box-sizing:border-box}.designeditor .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}.designeditor .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.value,.designeditor .grid-box-editor .grid-box-editor-item .item[data-repeat-type=auto]>.count,.designeditor .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.value,.designeditor .grid-box-editor .grid-box-editor-item .item[data-repeat-type=none]>.count{visibility:hidden}.designeditor .grid-box-editor .grid-box-editor-item .item[data-repeat-type=length]>.count{visibility:hidden}.designeditor .grid-box-editor .grid-box-editor-item .item .tools{padding:4px 0px}.designeditor .grid-layout-editor .grid-layout-item{margin-top:5px;margin-bottom:5px}.designeditor .grid-layout-editor .grid-layout-item>.label{padding:4px 4px;margin-bottom:5px}.designeditor .pattern-editor .label{height:20px;margin-top:2px}.designeditor .pattern-editor .label.hide{display:none}.designeditor .pattern-editor .label label{font-size:12px;padding-left:5px;vertical-align:middle}.designeditor .pattern-editor .tools{vertical-align:middle;text-align:right;float:right}.designeditor .pattern-editor .pattern-list{display:grid;grid-template-columns:60px 60px 60px 60px;grid-column-gap:1px;grid-row-gap:1px}.designeditor .pattern-editor .pattern-list .pattern-item{display:inline-block;position:relative;text-align:center}.designeditor .pattern-editor .pattern-list .pattern-item.selected{background-color:var(--elf--border-color)}.designeditor .pattern-editor .pattern-list .pattern-item:hover .tools{display:inline-block}.designeditor .pattern-editor .pattern-list .pattern-item .tools{display:none;position:absolute;right:0px;top:0px;background-color:rgba(255,255,255,.9);color:var(--elf--selected-color)}.designeditor .pattern-size-editor{text-align:center;width:60px;height:60px}.designeditor .pattern-size-editor .preview{height:100%}.designeditor .pattern-size-editor .preview .mini-view{height:100%;background-color:#fff}.designeditor .pattern-size-editor .preview .mini-view .color-view{cursor:pointer;height:100%}.designeditor .media-progress-editor>*{margin-bottom:2px}.designeditor .media-progress-editor .drag-area{height:10px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;position:relative;padding:0px 10px;background-image:linear-gradient(to right, #2b2b2b 1px, transparent 1px 100%);background-size:10px 8px;background-repeat:repeat-x;background-position:0px 1px}.designeditor .media-progress-editor .progress-bar{height:2px;display:block;background-color:#2b2b2b;position:absolute;left:0px;width:100%;top:50%;transform:translateY(-50%)}.designeditor .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)}.designeditor .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%}.designeditor .media-progress-editor .drag-item.end{background-color:#ff0;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.designeditor .color-assets-editor{padding:4px 10px;margin-top:10px}.designeditor .color-assets-editor .color-assets-head{display:grid;grid-template-columns:30px 1fr;grid-column-gap:5px}.designeditor .color-assets-editor .color-assets-head label{display:inline-block;vertical-align:middle;line-height:1.5;font-size:12px;padding:4px 0px}.designeditor .color-assets-editor .color-list{margin-top:10px;display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:10px;grid-row-gap:10px}.designeditor .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)}.designeditor .color-assets-editor .color-list .color-item:hover{transform:scale(1.2)}.designeditor .color-assets-editor .color-list .color-item .preview{width:100%;height:100%}.designeditor .color-assets-editor .color-list .color-item .preview .color-view{width:100%;height:100%}.designeditor .popup{position:absolute;display:none;z-index:1000;background-color:var(--elf--popup-background-color);border-radius:8px;box-shadow:0px 1px 5px 0 rgba(0,0,0,.5);padding:10px 10px;color:var(--elf--font-color)}.designeditor .popup.compact{padding:0px}.designeditor .popup.compact .popup-title{padding:10px 14px 0px 14px;margin-bottom:0px}.designeditor .popup .popup-title{font-size:12px;font-weight:bold;margin-bottom:10px;display:flex;pointer-events:all}.designeditor .popup .popup-title>*{flex:1 1 auto}.designeditor .popup .popup-title .tools{text-align:right}.designeditor .popup .popup-title label{cursor:move}.designeditor .popup .popup-content .popup-item label{font-size:11px;vertical-align:middle;text-align:right;line-height:1.6;padding-right:2px}.designeditor .popup .popup-content .popup-item label+div{vertical-align:middle}.designeditor .popup.background-property-popup{width:224px}.designeditor .popup.background-property-popup .popup-content{padding:5px}.designeditor .popup.background-property-popup .popup-content .popup-item{margin-bottom:2px}.designeditor .popup.background-property-popup .size-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0px;padding:2px 5px;cursor:pointer;outline:none;width:50px;background-color:var(--elf--border-color)}.designeditor .popup.background-property-popup .size-list[data-value=contain] button[value=contain],.designeditor .popup.background-property-popup .size-list[data-value=cover] button[value=cover],.designeditor .popup.background-property-popup .size-list[data-value=auto] button[value=auto]{background-color:var(--elf--border-color);font-weight:bold}.designeditor .popup.background-property-popup .popup-item.grid-2{display:grid;grid-template-columns:60px 1fr;grid-column-gap:2px}.designeditor .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}.designeditor .popup.background-property-popup .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.designeditor .popup.background-property-popup .repeat-list button[value=repeat]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:repeat}.designeditor .popup.background-property-popup .repeat-list button[value=repeat-x]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 8px;background-size:8px 8px;background-repeat:repeat-x}.designeditor .popup.background-property-popup .repeat-list button[value=repeat-y]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:8px 10px;background-size:8px 8px;background-repeat:repeat-y}.designeditor .popup.background-property-popup .repeat-list button[value=space]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:10px 10px;background-size:8px 8px;background-repeat:space}.designeditor .popup.background-property-popup .repeat-list button[value=round]{background-image:linear-gradient(to top right, rgba(0, 0, 255, 0.5), black);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.designeditor .popup.background-property-popup .repeat-list[data-value=repeat] button[value=repeat],.designeditor .popup.background-property-popup .repeat-list[data-value=no-repeat] button[value=no-repeat],.designeditor .popup.background-property-popup .repeat-list[data-value=repeat-x] button[value=repeat-x],.designeditor .popup.background-property-popup .repeat-list[data-value=repeat-y] button[value=repeat-y],.designeditor .popup.background-property-popup .repeat-list[data-value=space] button[value=space],.designeditor .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}.designeditor .popup.background-property-popup .blend-list{padding:2px 0px}.designeditor .popup.background-property-popup .blend-list select.full-size{width:100px}.designeditor .popup.fill-picker-popup{padding-left:10px;padding-right:10px}.designeditor .box-shadow-property-popup{width:200px}.designeditor .box-shadow-property-popup .box label{font-size:11px}.designeditor .box-shadow-property-popup .box .popup-item{margin-top:5px}.designeditor .box-shadow-property-popup .box .type{display:grid;grid-template-columns:50px 1fr;grid-column-gap:4px;margin-bottom:2px}.designeditor .box-shadow-property-popup .box .type .select{display:grid;grid-template-columns:repeat(2, 1fr);height:20px}.designeditor .box-shadow-property-popup .box .type .select[data-selected-value=inset] button[data-value=inset]{box-shadow:inset 0px 0px 3px 0px var(--elf--selected-color) !important;background-color:var(--elf--selected-color) !important;color:var(--elf--selected-font-color) !important}.designeditor .box-shadow-property-popup .box .type .select[data-selected-value=outset] button[data-value=outset]{box-shadow:inset 0px 0px 3px 0px var(--elf--selected-color) !important;background-color:var(--elf--selected-color) !important;color:var(--elf--selected-font-color) !important}.designeditor .box-shadow-property-popup .box .type .select button{width:100%;background-image:none;border-radius:0px}.designeditor .box-shadow-property-popup .box label{font-size:11px}.designeditor .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:0px center,center 0px;background-repeat:no-repeat}.designeditor .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%}.designeditor .box-shadow-property-popup .box .offset-x,.designeditor .box-shadow-property-popup .box .offset-y,.designeditor .box-shadow-property-popup .box .blur-radius,.designeditor .box-shadow-property-popup .box .spread-radius{margin-bottom:2px}.designeditor .animation-property-popup{width:220px}.designeditor .animation-property-popup .box>div{margin-bottom:5px}.designeditor .animation-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.designeditor .animation-property-popup .box .name{display:grid;grid-template-columns:60px 1fr}.designeditor .animation-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.designeditor .animation-property-popup .box .input.grid-1{grid-template-columns:1fr}.designeditor .animation-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.designeditor .transition-property-popup{width:220px}.designeditor .transition-property-popup .box>div{margin-bottom:5px}.designeditor .transition-property-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.designeditor .transition-property-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.designeditor .transition-property-popup .box .input.grid-1{grid-template-columns:1fr}.designeditor .transition-property-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.designeditor .text-shadow-property-popup{width:200px}.designeditor .text-shadow-property-popup .box label{font-size:11px}.designeditor .text-shadow-property-popup .box .popup-item{margin-top:5px}.designeditor .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:0px center,center 0px;background-repeat:no-repeat}.designeditor .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%}.designeditor .keyframe-popup{width:250px}.designeditor .keyframe-popup .box .name{height:20px;display:grid;grid-template-columns:60px 1fr;grid-column-gap:4px;margin-bottom:5px}.designeditor .keyframe-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.designeditor .keyframe-popup .box .property .title .tools{text-align:right}.designeditor .keyframe-popup .box .property .title .tools select{width:100px;display:inline-block}.designeditor .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:0px center;height:20px}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="0"] [data-offset-index="0"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="1"] [data-offset-index="1"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="2"] [data-offset-index="2"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="3"] [data-offset-index="3"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="4"] [data-offset-index="4"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="5"] [data-offset-index="5"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="6"] [data-offset-index="6"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="7"] [data-offset-index="7"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="8"] [data-offset-index="8"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="9"] [data-offset-index="9"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="10"] [data-offset-index="10"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="11"] [data-offset-index="11"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="12"] [data-offset-index="12"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="13"] [data-offset-index="13"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="14"] [data-offset-index="14"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="15"] [data-offset-index="15"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="16"] [data-offset-index="16"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="17"] [data-offset-index="17"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="18"] [data-offset-index="18"]{background-color:var(--elf--selected-color)}.designeditor .keyframe-popup .box .offset-editor .offset[data-selected-value="19"] [data-offset-index="19"]{background-color:var(--elf--selected-color)}.designeditor .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)}.designeditor .keyframe-popup .box .offset-input{padding:5px 0px}.designeditor .keyframe-popup .box .offset-input .title{display:grid;grid-template-columns:100px 1fr;grid-column-gap:2px}.designeditor .keyframe-popup .box .keyframe-property-list{max-height:300px;overflow:auto}.designeditor .keyframe-popup .box .keyframe-property-item{padding:4px 0px;margin-top:2px}.designeditor .keyframe-popup .box .keyframe-property-item .title{grid-template-columns:1fr 30px}.designeditor .keyframe-popup .box .keyframe-property-item .value-editor{border:1px solid rgba(0,0,0,.3);padding:2px}.designeditor .keyframe-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.designeditor .keyframe-popup .box input,.designeditor .keyframe-popup .box select{width:100%;vertical-align:middle}.designeditor .keyframe-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.designeditor .keyframe-popup .box .input.grid-1{grid-template-columns:1fr}.designeditor .keyframe-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.designeditor .selector-popup{padding:7px;width:250px;height:auto}.designeditor .selector-popup .box .name{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.designeditor .selector-popup .box .name input{width:100%}.designeditor .clippath-popup{width:220px;height:auto}.designeditor .clippath-popup .box>.clip-path-editor.clip-path-type{margin-bottom:5px}.designeditor .clippath-popup .box>.clip-path-editor .range--editor{margin-bottom:5px}.designeditor .clippath-popup .box>.clip-path-editor .round-area{margin-top:5px}.designeditor .clippath-popup .box>.clip-path-editor .clip-area-handle{display:inline-block;position:absolute;z-index:1}.designeditor .clippath-popup .box>.clip-path-editor .clip-area{display:inline-block;position:absolute;background-color:var(--elf--selected-color);z-index:0}.designeditor .clippath-popup .box>.clip-path-editor .clip-area.inset{top:0px;left:0px;right:0px;bottom:0px}.designeditor .clippath-popup .box>.clip-path-editor .clip-area.polygon{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.designeditor .clippath-popup .box>.clip-path-editor .clip-area.circle{top:0px;left:0px;width:100%;height:220px;pointer-events:none;z-index:1}.designeditor .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}.designeditor .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item{display:grid;grid-template-columns:20px 1fr 20px;grid-column-gap:2px}.designeditor .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item label{text-align:right;padding-right:2px;vertical-align:middle}.designeditor .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item input,.designeditor .clippath-popup .box>.clip-path-editor .pointer-input .pointer-item>.input-item span{vertical-align:middle}.designeditor .clippath-popup .box>.clip-path-editor .drag-area{height:220px;position:relative;box-shadow:0 0 0 1px var(--elf--border-color)}.designeditor .clippath-popup .box>.clip-path-editor .drag-area .pointer-list{top:0px;left:0px;width:100%;height:100%;display:inline-block;position:absolute;z-index:3;pointer-events:none}.designeditor .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}.designeditor .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=top],.designeditor .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.first{background-color:red}.designeditor .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=right],.designeditor .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer.last:not(.first){background-color:green}.designeditor .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=bottom]{background-color:orange}.designeditor .clippath-popup .box>.clip-path-editor .drag-area .drag-pointer[data-type=left]{background-color:blue}.designeditor .clippath-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.designeditor .clippath-popup .box .property .title .tools{text-align:right}.designeditor .clippath-popup .box .property .title .tools select{width:100px;display:inline-block}.designeditor .clippath-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.designeditor .clippath-popup .box label input,.designeditor .clippath-popup .box label select{width:auto;display:inline-block;vertical-align:middle}.designeditor .clippath-popup .box input,.designeditor .clippath-popup .box select{width:100%;vertical-align:middle}.designeditor .clippath-popup .box .input{vertical-align:middle;display:grid;grid-template-columns:2fr 1fr 1fr}.designeditor .clippath-popup .box .input.grid-1{grid-template-columns:1fr}.designeditor .clippath-popup .box .input.grid-2{grid-template-columns:3fr 1fr}.designeditor .svg-property-editor-popup{width:800px;height:450px;position:relative}.designeditor .svg-property-editor-popup .box{margin-bottom:10px;height:100%;position:relative}.designeditor .svg-property-editor-popup .box>.editor{height:100%;position:relative}.designeditor .svg-property-editor-popup .box .property .title{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2px}.designeditor .svg-property-editor-popup .box .property .title .tools{text-align:right}.designeditor .svg-property-editor-popup .box .property .title .tools select{width:100px;display:inline-block}.designeditor .svg-property-editor-popup .box label{font-size:12px;text-align:left;vertical-align:middle}.designeditor .svg-property-editor-popup .box input[type=range],.designeditor .svg-property-editor-popup .box input[type=number],.designeditor .svg-property-editor-popup .box input[type=text],.designeditor .svg-property-editor-popup .box select{width:100%;vertical-align:middle}.designeditor .color-picker-popup{width:224px;padding-bottom:10px;display:grid;grid-template-columns:1fr}.designeditor .color-picker-popup .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.designeditor .color-picker-popup .colorpicker input{color:var(--elf--font-color) !important;text-transform:uppercase;border:1px solid rgba(221,221,221,.4) !important}.designeditor .color-picker-popup .colorpicker .title{color:var(--elf--font-color) !important}.designeditor .color-picker-popup .colorpicker .colorsets{border-top:1px solid var(--elf--border-color) !important}.designeditor .color-picker-popup .assets{padding:0px 10px}.designeditor .color-picker-popup .assets .project-color-list{padding:5px 0px}.designeditor .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 0px;margin-right:9px;margin-bottom:9px;overflow:hidden}.designeditor .color-picker-popup .assets .project-color-list .color-item .color-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.designeditor .color-picker-popup .assets .project-color-list .color-item:hover{transform:scale(1.2)}.designeditor .image-select-popup{width:500px;min-height:450px;display:grid;grid-template-columns:1fr;padding:10px}.designeditor .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}.designeditor .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}.designeditor .image-select-popup>.box .image-item:hover{background-color:#baffb1}.designeditor .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}.designeditor .gradient-picker{width:224px;display:grid;grid-template-columns:1fr;grid-column-gap:10px;margin-bottom:5px}.designeditor .gradient-picker>.box:first-child{margin-bottom:10px}.designeditor .gradient-picker>.box>.colorpicker{display:block}.designeditor .gradient-picker>.box>.assetpicker{display:none;min-height:310px}.designeditor .gradient-picker[data-selected-editor=image-resource]>.box>.colorpicker{display:none}.designeditor .gradient-picker[data-selected-editor=image-resource]>.box>.assetpicker{display:block}.designeditor .gradient-picker .popup-item{margin-bottom:5px}.designeditor .gradient-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.designeditor .gradient-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.designeditor .gradient-picker label{font-size:11px}.designeditor .gradient-picker .colorpicker{box-shadow:none;border-radius:0px;border:0px;background-color:transparent}.designeditor .gradient-picker .colorpicker .color-panel{margin-top:0px;height:100px}.designeditor .gradient-picker .colorpicker input{color:var(--elf--font-color) !important;text-transform:uppercase;border:0px !important;border:1px solid rgba(221,221,221,.4) !important}.designeditor .gradient-picker .colorpicker .title{color:var(--elf--font-color) !important}.designeditor .gradient-picker .colorpicker .colorsets{border-top:0px solid var(--elf--border-color) !important}.designeditor .gradient-picker .color-assets-editor{padding:4px 0px !important}.designeditor .gradient-picker .assetpicker{background-color:rgba(230,230,230,.1)}.designeditor .gradient-picker .assetpicker .image-asset-picker{width:100%;height:100%;overflow:auto}.designeditor .gradient-picker .assetpicker .image-asset-picker .image-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:2px}.designeditor .gradient-picker .assetpicker .image-asset-picker .image-list .image-item{margin-bottom:2px;background-color:rgba(var(--elf--font-color), 0.5)}.designeditor .gradient-picker .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}.designeditor .gradient-picker .assetpicker .image-asset-picker .image-list .image-item .preview img{border:0px;max-width:100%;max-height:100%;vertical-align:middle}.designeditor .background-image-position-picker{width:260px !important}.designeditor .background-image-position-picker .popup-item{margin-bottom:5px}.designeditor .background-image-position-picker .grid-2{display:grid;grid-template-columns:60px 1fr}.designeditor .background-image-position-picker .grid-2 label{font-size:11px;padding-right:2px;text-align:left}.designeditor .background-image-position-picker label{font-size:11px}.designeditor .background-image-position-picker .repeat-list button{width:24px;height:24px}.designeditor .background-image-position-picker .repeat-list button[value=no-repeat]{background-image:linear-gradient(to top right, var(--elf--selected-color), white);background-position:center center;background-size:8px 8px;background-repeat:no-repeat}.designeditor .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}.designeditor .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}.designeditor .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}.designeditor .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}.designeditor .background-image-position-picker .repeat-list button[value=round]{background-image:linear-gradient(to top right, var(--elf--selected-color), white);background-position:0px 0px;background-size:8px 8px;background-repeat:round}.designeditor .background-image-position-picker .repeat-list[data-value=repeat] button[value=repeat],.designeditor .background-image-position-picker .repeat-list[data-value=no-repeat] button[value=no-repeat],.designeditor .background-image-position-picker .repeat-list[data-value=repeat-x] button[value=repeat-x],.designeditor .background-image-position-picker .repeat-list[data-value=repeat-y] button[value=repeat-y],.designeditor .background-image-position-picker .repeat-list[data-value=space] button[value=space],.designeditor .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)}.designeditor .window-background{position:absolute;display:none;left:0px;top:0px;bottom:0px;z-index:10000;right:0px;background-color:var(--elf--window-background-color)}.designeditor .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 0px var(--elf--border-color);padding:14px;color:var(--elf--font-color)}.designeditor .window-background .window .window-title{position:absolute;left:0px;top:0px;right:0px;height:40px;font-size:15px;font-weight:bold;padding:10px;margin-bottom:10px;display:flex;pointer-events:all}.designeditor .window-background .window .window-title>*{flex:1 1 auto}.designeditor .window-background .window .window-title .tools{text-align:right}.designeditor .window-background .window .window-title label{cursor:move}.designeditor .window-background .window .window-body{position:absolute;left:0px;bottom:0px;right:0px;top:40px}.designeditor .window-background .window.export-window{width:80%;height:80%}.designeditor .window-background .window.export-window pre{margin:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.designeditor .window-background .window.shortcut-window{width:600px;height:80%}.designeditor .window-background .window.shortcut-window .window-body{overflow:auto}.designeditor .window-background .window.shortcut-window .list{padding:10px 20px}.designeditor .window-background .window.shortcut-window .list .item h2{padding-left:10px}.designeditor .window-background .window.shortcut-window .list .item .shortcut-view-item{display:grid;grid-template-columns:1fr 200px;margin-bottom:2px}.designeditor .window-background .window.shortcut-window .list .item .shortcut-view-item>*{position:relative;border-bottom:1px solid var(--elf--border-color);padding:5px 10px;border-right:0px}.designeditor .window-background .window.shortcut-window .list .item .shortcut-view-item .title{padding:10px 10px}.designeditor .window-background .window.shortcut-window .list .item .shortcut-view-item .title .description{font-size:11px;color:var(--elf--font-color);opacity:.5}.designeditor .window-background .window.shortcut-window .list .item .shortcut-view-item .os-item{text-align:right}.designeditor .window-background .window.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}.designeditor .window-background .window.project-window{width:100%;height:100%;background-color:var(--elf--background-color)}.designeditor .window-background .window.project-window .project-container{width:100%;height:100%;position:relative;display:grid;grid-template-columns:300px 1fr;grid-column-gap:2px}.designeditor .window-background .window.project-window .project-container .project-menu{height:100%;padding:20px;box-sizing:border-box;position:relative;overflow:auto}.designeditor .window-background .window.project-window .project-container .project-list{height:100%;overflow:auto;box-sizing:border-box;background-color:var(--elf--window-background-color)}.designeditor .path-editor-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.designeditor .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}.designeditor .path-editor-view .path-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.designeditor .path-editor-view .path-container:not(.modify) path.object,.designeditor .path-editor-view .path-container:not(.segment-move) path.object{stroke:#848484}.designeditor .path-editor-view .path-container.split-panel{pointer-events:none}.designeditor .path-editor-view .path-container.has-transform{background-color:var(--elf--path-background-color)}.designeditor .path-editor-view .path-container.path{cursor:crosshair}.designeditor .path-editor-view .path-container.path svg path.object{pointer-events:visibleStroke}.designeditor .path-editor-view .path-container.segment-move{cursor:move}.designeditor .path-editor-view .path-container.alt svg circle{cursor:move}.designeditor .path-editor-view .path-container.transform svg circle,.designeditor .path-editor-view .path-container.transform svg rect,.designeditor .path-editor-view .path-container.transform svg text,.designeditor .path-editor-view .path-container.transform svg line,.designeditor .path-editor-view .path-container.transform svg .snap-path{display:none}.designeditor .path-editor-view .path-container.modify,.designeditor .path-editor-view .path-container.segment-move{cursor:default}.designeditor .path-editor-view .path-container.modify svg path.object,.designeditor .path-editor-view .path-container.segment-move svg path.object{pointer-events:visibleStroke}.designeditor .path-editor-view .path-container.box svg path.object{stroke:var(--elf--border-color)}.designeditor .path-editor-view .path-tool{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.designeditor .path-editor-view .path-tool .transform-manager{position:absolute;pointer-events:all;display:none}.designeditor .path-editor-view .path-tool .transform-manager[data-show=true]{display:inline-block}.designeditor .path-editor-view .path-tool .transform-manager[data-position="to rotate"]{box-shadow:none}.designeditor .path-editor-view .path-tool .transform-manager[data-position="to rotate"] .transform-tool-item:not([data-position="to rotate"]){display:none}.designeditor .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%)}.designeditor .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}.designeditor .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)}.designeditor .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)}.designeditor .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}.designeditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to move"]{left:0px;top:0px;right:0px;bottom:0px;width:auto;height:auto;background-color:transparent;cursor:move;transform:none;box-shadow:0 0 0 1px var(--elf--selected-color)}.designeditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top left"]{left:0px;top:0px;cursor:nwse-resize}.designeditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top right"]{left:100%;top:0px;cursor:nesw-resize}.designeditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to top"]{left:50%;top:0px;cursor:ns-resize}.designeditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to left"]{left:0px;top:50%;cursor:ew-resize}.designeditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to right"]{left:100%;top:50%;cursor:ew-resize}.designeditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom"]{left:50%;top:100%;cursor:ns-resize}.designeditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom left"]{left:0px;top:100%;cursor:nesw-resize}.designeditor .path-editor-view .path-tool .transform-manager .transform-tool-item[data-position="to bottom right"]{left:100%;top:100%;cursor:nwse-resize}.designeditor .path-editor-view svg{width:100%;height:100%}.designeditor .path-editor-view svg line{stroke-width:1}.designeditor .path-editor-view svg line[data-guide=true]{stroke:var(--elf--path-guide-color);pointer-events:none}.designeditor .path-editor-view svg line[data-distance=true]{stroke:var(--elf--selected-color);stroke-dasharray:2 2;pointer-events:none}.designeditor .path-editor-view svg circle{fill:#fff;stroke:var(--elf--path-guide-color);stroke-width:1;cursor:move}.designeditor .path-editor-view svg circle.curve{stroke:var(--elf--path-segment-stroke-color)}.designeditor .path-editor-view svg circle[data-is-first=true]{stroke:var(--elf--selected-color);z-index:1}.designeditor .path-editor-view svg circle[data-is-second=true]{stroke:var(--elf--selected-color);z-index:1}.designeditor .path-editor-view svg circle[data-is-last=true]{stroke:var(--elf--selected-color);z-index:1}.designeditor .path-editor-view svg circle[data-selected=true]{fill:var(--elf--selected-color);stroke:#fff;r:5;stroke-width:2}.designeditor .path-editor-view svg circle[data-segment-point=endPoint]:not([data-selected=true]),.designeditor .path-editor-view svg circle[data-segment-point=reversePoint]:not([data-selected=true]){r:4}.designeditor .path-editor-view svg circle.split-circle{fill:var(--elf--selected-color);stroke:#fff;pointer-events:none}.designeditor .path-editor-view svg .svg-canvas{fill:transparent;stroke:var(--elf--selected-border-color);stroke-width:1;pointer-events:none}.designeditor .path-editor-view svg path{fill:transparent}.designeditor .path-editor-view svg path.guide{fill:transparent;stroke:var(--elf--selected-color);stroke-width:1}.designeditor .path-editor-view svg path.segment{fill:transparent;stroke:var(--elf--selected-color);stroke-width:1}.designeditor .path-editor-view svg path.object{fill:transparent;stroke-width:1}.designeditor .path-editor-view svg path.split-path{fill:transparent;stroke:transparent;pointer-events:stroke;stroke-width:2}.designeditor .path-editor-view svg path.split-path:hover{cursor:copy;stroke:var(--elf--selected-color)}.designeditor .path-editor-view svg path.snap-path{fill:transparent;stroke:var(--elf--selected-color);stroke-width:1}.designeditor .path-editor-view svg text{fill:var(--elf--selected-color);stroke:var(--elf--selected-color);stroke-width:.5;pointer-events:none;display:none}.designeditor .path-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.designeditor .path-draw-view .path-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.designeditor .brush-draw-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;cursor:crosshair;background-color:transparent}.designeditor .brush-draw-view .brush-draw-container{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.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:0px;top:0px;bottom:0px;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:0px 20px}.designeditor .timeline-value-area .timeline-value-editor .tab-content.padding-zero{padding-top:0px}.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 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:0px}.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:0px;top:0px;bottom:0px;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:0px}.designeditor .timeline-animation-area .property-title{height:39px !important;padding-bottom:0px;padding-top:0px}.designeditor .timeline-animation-area .property-title label{padding-left:10px}.designeditor .timeline-animation-area .property-body{padding:0px !important}.designeditor .timeline-area{position:absolute;left:200px;right:260px;top:0px;bottom:0px;font-size:12px}.designeditor .timeline-area .timeline-header{position:absolute;left:0px;top:0px;height:40px;right:0px;border-top:1px solid var(--elf--border-color)}.designeditor .timeline-area .timeline-header .timeline-object-toolbar{position:absolute;left:0px;top:0px;bottom:0px;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 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:0px;right:0px;bottom:0px;left:270px}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view{position:absolute;left:0px;top:0px;width:100%;height:100%}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration{position:absolute;top:5px;left:0px;right:0px;height:5px}.designeditor .timeline-area .timeline-header .timeline-keyframe-toolbar .keyframe-time-view .time-duration .duration-handle-left{position:absolute;left:15px;top:0px;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:0px;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:0px;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:0px;top:0px;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:0px;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:0px;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:0px;top:15px;width:100%;height:25px}.designeditor .timeline-area .timeline-body{position:absolute;left:0px;top:40px;bottom:0px;right:0px}.designeditor .timeline-area .timeline-body .timeline-object-area{position:absolute;left:0px;top:0px;bottom:0px;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(0deg)}.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 0px}.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:0px}.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(0px) 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:0px;right:0px;bottom:0px;left:270px;pointer-events:none}.designeditor .timeline-area .timeline-body .keyframe-time-grid-view canvas{position:absolute;left:0px;top:0px;width:100%;height:100%;pointer-events:none}.designeditor .timeline-area .timeline-body .timeline-keyframe-area{position:absolute;top:0px;right:0px;bottom:0px;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:0px;height:0px;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), 0.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:0px}.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:0px;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 0px;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 .status-bar{position:absolute;bottom:0px;left:0px;right:0px;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)}.designeditor .status-bar .message-view{padding:5px 5px}.designeditor .status-bar .tool-view{text-align:right;padding:5px 5px;text-align:right}.designeditor .status-bar .tool-view.left{text-align:left}.designeditor .status-bar .tool-view>div{display:inline-block;background-color:var(--elf--status-bar-item-background-color);border-radius:3px;min-width:50px}.designeditor .status-bar .version-view{background-color:transparent !important;text-align:center}.designeditor .status-bar .status-selector{display:inline-grid;text-align:left;grid-template-columns:50px 1fr;padding-left:5px}.designeditor .status-bar .status-selector>label{display:inline-block;color:var(--elf--selected-font-color)}.designeditor .status-bar .status-selector>.item{display:inline-block}.designeditor .status-bar .status-selector>.item .select-editor{height:100%;width:50px;background-color:var(--elf--background-color);color:var(--elf--font-color)}.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:40px}.designeditor .feature-control.inspector>div>.tab>.tab-header .tab-item{padding:8px 0px}.designeditor .feature-control.inspector>div>.tab>.tab-body{top:40px}.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:0px;height:100%;border:0px;padding:0px 0px}.designeditor .feature-control.object-list .property .property-body{padding:0px}.designeditor .feature-control .layer-tab{position:absolute;left:0px;top:0px;bottom:0px;right:0px}.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:0px;height:150px}.designeditor .feature-control .layer-tab .project-content>div:nth-child(1){top:0px;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:0px;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:0px;top:0px;right:0px;bottom:0px;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:0px;top:0px;right:0px;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:0px;top:0px;right:0px;background-color:var(--elf--background-color)}.layout-main .layout-middle{position:absolute;left:0px;right:0px;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:0px;left:340px;right:260px;height:0px;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:0px;bottom:0px;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:260px}.layout-main .layout-middle .layout-footer{position:absolute;left:0px;height:30px;bottom:0px;right:0px;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 0px}.layout-main .layout-middle .layout-left{position:absolute;left:0px;top:0px;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:0px;top:0px;bottom:30px;width:260px;display:inline-block;z-index:100;display:flex;flex-direction:column;overflow:auto}.layout-main .layout-middle .layout-body{top:0px;left:340px;right:260px;bottom:30px;position:absolute}
.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:bold;color:#fff}.elf--notification-view .item.alert .description{color:#fff}
.elf--hover-view{pointer-events:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px}.elf--hover-rect{pointer-events:none;position:absolute;left:0px;right:0px;top:0px;bottom:0px;box-sizing:border-box}.elf--hover-rect .line{position:absolute;left:0px;top:0px;stroke:var(--elf--selection-tool-border-color);fill:transparent;stroke-width:1}
.elf--layer-append-view{display:none;position:absolute;left:0px;top:0px;right:0px;bottom:0px;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:0px;right:0px;top:0px;bottom:0px;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:0px;top:0px;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--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 0px}.elf--gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .preview .gradient-view{position:absolute;left:0px;top:0px;right:0px;bottom:0px}.elf--gradient-assets-property .gradient-list[data-view-mode=grid] .gradient-item .tools{position:absolute;display:none;top:0px;right:0px;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%}
